Interaktiv design

Signposts: Hjälpande användare Navigera innehåll

Navigering av okänd information på webben kräver hjälpmedel.

Dessa hjälpmedel har inte en agenda eller fördjupning som annonsering gör. Istället hjälper navigationshjälpmedel människor att hitta rätt väg baserat på deras intressen.

Skyltar är en typ av navigationshjälpmedel. De ger den information som människor behöver för att fatta sina egna beslut när de söker och surfar på webben.

Skulle en designer oroa sig för en webbplats som förlorar läsare? Många webbplatser konkurrerar om uppmärksamhet genom att locka publiken med levande illustrationer, catchy typografi och rika användargränssnitt.

Förutom att vara attraktiva, strävar andra webbplatser till att vara användbara. Målet med användbarhet är inte att få uppmärksamhet, men att få upprepade besök. Reklam förlorar läsare, i den meningen att det leder dem till andra webbplatser, medan användbarhet handlar om att se till att de inte går vilse.

Liksom deras verkliga motsvarigheter är webbaserade "skyltar" visuella signaler som guidar människor genom nytt territorium. I den fysiska världen är folk beroende av landmärken, kartor, skyltar och synfält att hitta sig genom okända territorier.

Online, en går genom beskrivande länkar, navigeringsfält och rubriker på sidan. Verkliga och virtuella skyltar har samma syfte: att hjälpa människor att hitta den bästa vägen till deras destination.

Hyperlänkar förbises möjligheter

Webben skulle inte fungera utan länkar. Ändå avvisar besökare och designers ofta länkar som engångshändelser. Klicka, ladda och det är det. Men rätt information kan göra enkla hyperlänkar till användbar skyltning som leder besökare till den information de söker.

Hyperlänkar är bara lika meningsfulla som deras klickbara text. En dåligt utformad länk kommer att låta människor undra om länken är värt ett klick. Orden i och runt en länk ska informera folk om vad länken kommer att göra (t ex omdirigera dem till en annan sida eller hemsida, ladda ner en fil etc.) och det som gör att den nuvarande sidan är värda sin tid.

  1. ” Klicka här att bläddra i vår samling av detektiv och brottshistorier. "
  2. "Bläddra i vår samling av detektiv- och brottshistorier .”
  3. ” Bläddra i vår samling av detektiv och brottshistorier .”

Exemplen ovan tycks betyda samma sak, men det finns viktiga skillnader:

  1. Det första exemplet använder frasen "klicka här." Effektiviteten av denna fras har länge diskuterats . Både W3C och stora sökmotorer ange att nyckelord i länkar är mer användbara än generiska fraser. Det vill säga att personer som söker detektivhistorier är mer benägna att söka efter "detektiv" än för "klicka här."
  2. Det andra exemplet får de flesta länkar till de minsta orden. Varje länk i sig är mindre specifik än "detektivhistorier" men kan vara mer lämplig beroende på hur innehållet på de länkade webbplatser är organiserat.
  3. Det finns två fördelar med en länk som den i det tredje exemplet. Först har länken nyckelord, vilket betyder att det inte finns några tvivel om var det leder. För det andra är dess totala klickbara område större; små länkar kräver mer precision från besökaren.

Design lägger till betydelse för länkar

Tyvärr är överväldigande personer med information möjligt. Till exempel:

Läs mer om historia, undergenrer, föreslagna regler och kända tecken av detektivhistorier (extern länk till Wikipedia).

detektiv berättelser .


Några saker att notera:

Ett tillvägagångssätt: Undvik att upprepa ord från den klickbara texten i titelattributet. Om du inte säger någonting nytt till dina läsare, är det ingen sak att inkludera det. Till exempel…

http://en.wikipedia.org/wiki/Detective_fiction "title =" Detektivhistorier "> Detektivhistorier

Effektiva navigeringsfält: Mer än summan av deras länkar

Varje länk kan vara till hjälp, men den bästa vägledningen som en webbplats erbjuder ska visas i navigeringsfältet.

En navigeringsfält är en lista med länkar till större delar av en webbplats. Navigationsfält placeras vanligtvis längst upp eller till vänster på varje sida på en webbplats, och de varierar i utseende. Välgjorda barer gör mer än bara ger länkar. De:

  • Ge besökarna en känsla av webbplatsens syfte och prioriteringar.
  • Betjäna som en förenklad webbplatskarta.
  • Ange platsen för den aktuella sidan inom den kartan.
  • Berätta för besökare där de redan har varit.

Även om de är tunna, förtjänar navigationsstängerna mer än att förkastas till kanten av en layout. En ineffektiv navigationsfält är vag eller ohjälplig och kan ha sådana problem som:

  • Länktext som kan hittas på vilken webbplats som helst. "Hem", "Om", "Tjänster" och "Kontakt" kan vara korrekta, men dessa rubriker är för generiska för att ge en känsla av identitet eller syfte.
  • Alla länkar stylas på samma sätt. På en komplex hemsida är en enkel lista med länkar inte bara ohjälpsam, det är rättvist ovänligt.
  • Länkar som pekar på fel sidor eller på sidor som inte existerar.

Även om en besökare väljer att inte klicka, kan länken fortfarande vara en framgång. Låt oss säga att en besökare vill ha ett företags e-postadress. Navigationsfältet på företagets webbplats kan erbjuda många alternativ:

Hem | tjänster | Ditt konto | tjänster | Historia | Karriärer | Priser och policy | Kontakta

Det uppenbara valet är "Kontakt". Och genom att vara uppenbart fel , berättar de andra länkarna att besökaren inte klickar på dem. Ur en innehållsjaktsynpunkt säger denna navigeringsfält:

Nej | Nej | Nej | Nej | Inte troligt | Kanske | Nej | Förmodligen

Kan en navigeringsfält vara full med "nej" s? Visst, om webbplatsen inte har vad användaren vill ha. God navigering handlar inte om att ge svaret utan kostnad. Det leder helt enkelt människor till det innehåll de vill ha med minst tvetydighet. Målet med en effektiv navigeringsfält är att göra så många "förmodligen" länkar till antingen "ja" eller "nej" -länkar.

Skyltar är verktyg

Som alla verktyg är skyltar ett sätt att skapa lösningar men är inte lösningar själva. Syftet med skyltar är att förenkla för läsare, för att inte lägga till ett lager av komplexitet.

Webbbaserade skyltar bör inte locka folk till sina destinationer. Snarare bör designern berätta för folk vad som är tillgängligt och ge dem möjlighet att bestämma vart man ska gå.


Skriven uteslutande för Webdesigner Depot av Ben Gremillion. Ben är en webbdesigner vem löser kommunikationsproblem med bättre design.

Hur gör du innehållet enklare att navigera? Vad är den svåraste webbplatsen du någonsin har haft att gräva igenom? Dela dina historier i kommentarfältet nedan.

navigering innehåll vägvisare

OdWebDesign.Net