Archive for the ‘ Eyetracker ’ Category

Layout för ökad läsbarhet med fokus på vad avsändaren vill förmedla

Titt som tätt uppstår diskussionen om hur man ska disponera innehållet på en webbplats. Mycket är tycke och smak: bilders storlek, vissa färgval etc. Annat baserar sig på tillgänglighet och är mer eller mindre vedertagna regler, färger och bakgrundsfärger för text (kontrast), storlek på klickytor och knappar… Men själva dispositionen av innehållet man vill förmedla kan (tydligen) diskuteras. Det finns förespråkare för att förstasidan ska innehålla så mycket som möjligt (hela webbplatsens innehåll), andra menar att det är ett redaktionellt ansvar och fokus ska vara på det man vill kommunicera.

Många undersökningar har gjorts (inte minst för att placera sina annonser för bästa uppmärksamhet). Använder man Eye-tracking kan man se vart användarna sveper med sin blick och vart man stannar upp  och läser. Studiera gör att man kan prata om att man skannar ett innehåll på ett visst sätt: i F-form (Jacob Nielsen), Yahoo:s Publisher Network menar att användarna på ett sätt, Google på ett annat och tillverkarna av Eytrackerverktyget på ett tredje… listan kan säkert göras mycket längre.

Värmekartor över användarnas ögonrörelser
F-form, källa: http://www.useit.com/alertbox/f_reading_pattern_eyetracking.jpg.


Eyetrack III, slutsats från undersökning av The Poynter Institue, källa http://www.poynterextra.org/eyetrack2004/images/eyemovement.jpg.


Bästa ställena för annonser enligt Google, källa: http://www.google.com/images/adsense/en_us/support/general_en.jpg.

Att generalisera dessa studier är däremot lite farligt. Användarna tittar ju bara där det finns innehåll att titta på. Därför kan man inte applicera rörelsekartorna (rekomendationerna) annat än de är gjorda på webbplatser med liknande utseende och med liknande syfte/bransch. De viktigaste frågorna blir således:

  • Vad vill besökarna ha?
  • Vad vill vi visa dem?
  • Vad har vi för andra element som drar till sig uppmärksamhet (rörligt material, färglada bilder etc)?

Mina råd är att utgå från att gör layouten ”så enkel att det gör ont” (tyvärr vet jag inte vem som först myntade det uttrycket). Värdera innehållet: viktigast får störst utrymme centralt placerat, låt navigeringen ta plats (utgå från att många besökare vill ha mer information/letar efter något specifikt), arbeta aktivt med hjälpmenyer och genvägar till innehåll längre ner i strukturen – värdera innehåll som är aktuellt för tillfället eller viktigt för många. Det finns ingen enkel allenarådande lösning att applicera! Prata med dina användare!

 

Länkar: