Dashboard

Skriven av Fanny Reslow, Lisa Strandberg och Saman Alkaptan november 2017

Vad är det?

Dashboard är ett interface pattern för att samla en större mängd data och sedan göra det läsbart för användarna genom att visa förenklade beskrivningar, så användaren snabbt kan läsa ut den viktiga informationen. Informationen behöver monteras och hålla användaren uppdaterad. Informationen kan komma från flera källor som nyheter, web server, sociala samtalsområden, finanns information osv. En dashboard kan omstruktureras enligt hur användaren själv vill ha upplägget, det kan alltså vara anpassbart. Det är vanligt att informationen visas med hjälp av statistik för att ge användaren en översikt.

När används det?

Dashboard kan användas när en sida innehåller ett flöde av information och som användaren dra nytta av då det finns en kontinuerlig övervakning av informationen. Som till exempel nyheter. Patternet används för att strukturera upp större mängd data på ett sätt som gör att användaren kan utläsa viktiga information snabbt. Man använder strukturen för att den är igenkännbar. Dashboard har funnits länge både analogt och digitalt och det finns etablerade mönster hos användare som har förväntningar om hur en dashboard fungerar, exempelvis som att de visar information som användaren behöver och kan hantera. Dashboarden uppdaterar informationen och visar grafiskt material som representerar data.

Patternet kan också användas när man vill visa viktigt information för användaren för att denna ska kunna ta ett beslut om vad som ska göras eller ändras. Det är också ett sätt att spara tid hos användaren, den behöver inte besöka flera andra sidor för att hitta informationen. Det kan också vara ett sätt för designern att spara utrymme på webbplatsen, det krävs inte flera sidor för att visa viktigt information för användaren.

Hur används det?

För att använda patternet så måste man bestämma vad som användaren vill veta eller behöver veta. Det är också viktigt att använda sig av en bra visuell presentation av information för att den ska kunna agera som en sammanfattning för användaren. Det kan till exempel göras med grafer. I informationen på sidan är det också viktigt att upplysa för användaren vad som ändras och när ändringen sett. Det kan till exempel göras med ikoner, text, färg eller en kombination för att få informationen att stå ut från resten. Det är vanligt att man grupperar informationen i listor, kolumner, tabeller eller Titled selections på sidan. Titled selections är ett pattern som används för att gruppera information i tematisk eller uppgiftsbaserade sektioner för att användaren ska förstå denna. Det är tänkt att användaren ska kunna besöka sidan och direkt kunna förstå informationen utan att behöva titta för länge på den eller undersöka den. Därför används ofta ingen scrollning.

Det är också viktigt att ge användaren chansen att kunna hitta mera detaljer om en specifik information. De ska kunna klicka på specifika grafer eller statistik för att visa mera information som inte fanns i sammanfattningen. Många sidor som använder sig av Dashboard låter användaren ställa in vad den vill ska visas på sidan och var. Det för att för att sidan ska vara anpassad efter vad användaren vill veta och för att denna ska kunna känna att den är personlig.

Text

Saker att tänka på

För att en dashboard ska uppfylla sitt syfte på ett så bra sätt som möjligt är det viktigt att tänka på följande saker:

• Det är viktigt att visa informationen på ett tydligt sätt och att ge den informationen som användaren behöver. När man väljer information så är det viktigt att förstå användaren och vad hen vill uppnå för mål. Man kan ställa sig frågan vad de behöver se för information för att slutföra sina uppgifter eller uppnå målen.
• Berätta vad som händer eftersom användaren vill se den viktiga information på ett snabbt sätt och utan att behöva titta för mycket. Det kan man till exempel göra genom att belysa/markera de viktiga ord och siffror så att de är mer synliga än resten av texten.
• Ge användaren möjligheten att se mera information.
• Välja en typ av grafiskt material som på ett tydligt och effektivt visar den data man vill samla. Man kan till exempel använda text, bilder, grafer, tabeller osv.
• All information ska finnas på en sida och helst ska användaren inte behöva scrolla, tanken är att all data ska nå användaren snabbt och tydligt.
• Organisera innehållet i grupper så användbarheten uppnås. Sidan ska sträva efter enkelhet så den känns enkel att använda och förstå.
• Användarna själva kan också få ta del att själva anpassa utformningen av dashboarden för att göra den mer personlig.
• Låt användarna se andra liknande data för jämförelse om det hjälper förtydliga informationen.

Anpassning till olika plattformar

• När man använder en skärm med högre upplösning så minskar chansen att användaren behöver scrolla. Detta kan leda till att det är lättare för användaren att snabbt kunna se informationen och på ett effektivt sätt använda patternet.
• När man använder en skärm med mindre upplösning så behöver användaren scrolla mera och det kan vara svårare att överblicka informationen. Det kan vara överlag svårare att hitta och se uppdateringar i informationen.
• På plattformar så som mobilen så måste man tänka på att inte visa för mycket information. Med mobila platformar på vill användaren snabbt kunna ta med sig informationen från ställe till ställe. Informationen ska vara kompakt för att användaren förväntar sig att snabbt kunna se den på små skärmar.

Källor och länktips

Patternry made by Pattern factory (2017) http://patternry.com/p=information-dashboard/

10 guidelines for great Dashboard design (2017) http://www.uxforthemasses.com/dashboard-design/

Terrible dashboard designs and how to fix them (2016) https://www.geckoboard.com/blog/5-terrible-dashboard-designs-and-how-to-fix-them/#.Wgl6uohrxPY