06 november, 2013

Processfiskar och brödsmulor: nätsurfarens kartprickar

Det finns mycket att säga om användbarhet. Som Språkkonsulternas värsta matnörd har jag förstås fastnat för två begrepp som har något ätligt i namnet. Processfiskar och brödsmulor är relaterade till navigationen inom en webbplats. De fungerar lite som den där röda pricken som brukar finnas på orienteringstavlor, som säger "Du är här".

Processfiskar hjälper användaren att förstå var den befinner sig i en process

En processfisk är en figur med pilar som de olika visar stegen i en process. Det är bra för webbsidor där man ska fylla i ett formulär i flera steg, till exempel när man gör en anmälan eller beställning online. Här är ett exempel på hur det skulle kunna se ut:
En processfisk för anmälan av en incident, till gatukontoret hos en kommun. (Klicka för att förstora bilden.)
Poängen är att visa användaren hur långt hen har kommit i processen och hur långt det är kvar. Utan en sådan orientering finns en risk att användaren blir otålig och osäker, och kanske avbryter processen innan den är klar.

Brödsmulor visar användaren var den befinner sig i webbplatsens struktur

En brödsmulerad visar var den aktuella sidan finns i navigationsstrukturen på en webbplats. Det är ett bra sätt att hjälpa användaren att orientera sig. Detta har blivit allt viktigare eftersom de allra flesta användare numera kommer in på sidor genom sökmotorer (snarare än att klicka sig fram från startsidan). Om sajten har brödsmulor blir det betydligt lättare att förstå var man har hamnat. Så här ser det till exempel ut hos Stockholms stad, på en sida om att stötta närstående äldre:

Startsidan / Stöd & Omsorg / Äldreomsorg / Anhörig och närstående

Klicka dig gärna in hos Stockholms stad och läs den aktuella texten! Utan brödsmulorna hade man fått läsa rätt långt för att förstå att sidan handlade om just äldre, eller hur?

Lite etymologi för den nyfikne:
Namnet brödsmula (på engelska breadcrumb) kommer för övrigt från sagan om Hans och Greta. Där lämnar barnen ett spår av smulor efter sig, för att kunna hitta hem. För dem gick det dock inte så bra, eftersom brödsmulorna åts upp av fåglar. Men i webbsammanhang är det alltså ett bra knep!


3 kommentarer:

  1. Intressant! Hur är det med andra matrelaterade ord på hemsidor som "cookies" och "table"?

    SvaraRadera
  2. Jag funderade faktiskt på att ha med cookies. Men de förtjänar nog ett eget inlägg! Tables, är det helt enkelt tabeller, eller betyder det något annat i sammanhanget?

    SvaraRadera
    Svar
    1. Precis! Table är en meta tag som används i HTML, det språk som bygger upp hemsidans struktur. Men det visste du säkert. Jag ser fram emot att avnjuta cookies, gräddad i textform.

      Radera