42
Användbarhet Johanna Granström, 2009

Användbarhet utan användare

Embed Size (px)

DESCRIPTION

Att skapa en användbar webb är komplext. Det är många faktorer som måste tas hänsyn till och vägas mot varandra. Har man på grund av bristande resurser inte tillgång till användare blir det extra viktigt att ha ett grundligt användarperspektiv och använda bra metoder. Annars riskerar man att skapa design och funktioner utifrån fördomar och subjektiva åsikter. I presentationen pratar jag om några utav de begrepp och metoder som en interaktionsdesigner använder sig av för att säkerställa ”usefulness” och ”usability”.

Citation preview

Page 1: Användbarhet utan användare

Användbarhet Johanna Granström, 2009

Page 2: Användbarhet utan användare

Agenda

1. Vad är användbarhet?

2. Vad är user experience design?

3. Scenarios

4. Designprinciper

Page 3: Användbarhet utan användare

Vad är användbarhet?

Page 4: Användbarhet utan användare

Några enkla förklaringar

Enkelt att använda

Logiskt

Intuitivt

Tydligt

Det verkar konstigt

Page 5: Användbarhet utan användare

Definition enligt ISO 9241-11

”Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå specifika mål på ett ändamålsenligt, effektivt och för användaren tillfredsställande sätt”.

ISO 9241-11

Page 6: Användbarhet utan användare

Användbarhetmål

Usefulness   Ändamålsenliga   Ha rätt funktionalitet

Usability   Effektiva att använda   Säkra att använda   Lätt att lära sig   Lätt att komma ihåg

Page 7: Användbarhet utan användare

Effektivitet

Page 8: Användbarhet utan användare

Säkra & lätt att lära sig och komma ihåg

Säkerhet Lätt att lära sig och komma ihåg

  Användaren ska känna sig trygg   Undvika allvarliga fel   Rätta till fel

  Effektivitet & Engagemang   Hur lång tid?   Strukturera information

Page 9: Användbarhet utan användare

Vad är user experience design?

Page 10: Användbarhet utan användare

User experience design

1.  Identifiering av behov och mål 2.  Informationsarkitektur 3.  Informationsdesign 4.  Interaktiv design 5.  Utvärdering och test

Användare Iterativt Involvera användare

Page 11: Användbarhet utan användare

User experience

Nytta

Lust

Brandvalue

Media

Användbarhet

Brandimage

Tillfällig

Släkt

Kompisar Miljö

Kul Motiverande

Trygghet

Stimulerande

Identitetskapande

Estetiskt

Nostalgi

Page 12: Användbarhet utan användare

Affärsmål kontra användarmål

Användare Affär

Page 13: Användbarhet utan användare

Affärs- och användarmål överlappar

Page 14: Användbarhet utan användare

Scenarios

verktyg för att skapa funktioner och strukturera information

Page 15: Användbarhet utan användare

Scenariodesign

(produkt – tjänst – budskap) (yrke – ålder – socioekonomi)

Beteende Drivkrafter Mål

Webben Målgruppen

Konkreta behov

Innehåll Funktionalitet

Page 16: Användbarhet utan användare

Fiktivt case - Charterföretag

Page 17: Användbarhet utan användare

Målgrupperna

Barnfamiljen

Par utan barn

Äldre par

Page 18: Användbarhet utan användare

Familj - beteende, drivkrafter och mål

Drömmer om en avkopplande gemenskap

Page 19: Användbarhet utan användare

Resa och shoppa

Den planerande

Den vanetrogna

Den spontana

Page 20: Användbarhet utan användare

Upplevelsen av resan

Page 21: Användbarhet utan användare

Typiskt för resande familjer - gemensamt planerande

Attention

Inspiration Research Visa andra Köper

Page 22: Användbarhet utan användare

Behov och funktioner

Spara och dela rese- och boendeförslag

Välja resa efter datum

Se boende i förhållande till strand

Filtrera på pris

Se pågående aktiviter

Inspirerande bilder Reseberättelser

Antal rum

Bekvämligheter

Page 23: Användbarhet utan användare

Scenario

Eva, 35 år, mamma i familjen Svensson…

Scenario =

målgrupp + kontext + mål + drivkrafter +

beteende + behov + funktioner

Page 24: Användbarhet utan användare

Hur väljer man till gymnasiet?

Page 25: Användbarhet utan användare

Hur väljer man till gymnasiet?

Karriärsbesluten

Framtids och jobbmedveten

Storstad och småstad

Intresse och kompisar

Page 26: Användbarhet utan användare

En första skiss

Page 27: Användbarhet utan användare

Designprinciper verktyg för usability

Page 28: Användbarhet utan användare

Verktyg för usability

Usefullness   Ändamålsenliga   Ha rätt funktionalitet

Usability   Effektiva att använda   Säkra att använda   Lätt att lära sig   Lätt att komma ihåg

Page 29: Användbarhet utan användare

Konkreta designprinciper

Schneiderman Övervärdera inte betydelsen av detaljer som är viktiga för förstagångsanvändare. Systemet ska oftast stödja vana användare

Nygren Slösa inte utrymme på rubriker om de inte är nödvändiga. För vana användare är position och data i sig ofta tillräckligt

Nielsen Använd exempel på innehåll istället för att bara beskriva det

Page 30: Användbarhet utan användare

Visionära designprinciper

  Focus on people—their lives, their work, their dreams   Every millisecond counts   Simplicity is powerful   Engage beginners and attract experts   Dare to innovate   Design for the world   Plan for today’s and tomorrow’s business   Delight the eye without distracting the mind   Be worthy of people’s trust   Add a human touch

Page 31: Användbarhet utan användare

Generella designprinciper

  Synlighet   Feeback   Mapping   Konsekvens   Begränsningar   Inbjuder till (affordance)

Page 32: Användbarhet utan användare

Synlighet

Hög synlighet Lägre synlighet

Page 33: Användbarhet utan användare

Feedback

Återkoppla till användaren vad den har gjort för handling

Ljud Ord Visuell Haptisk/taktil

Page 34: Användbarhet utan användare

Feedback

Tydlig feedback

Svag feedback

Page 35: Användbarhet utan användare

Mapping

Förhållandet mellan kontroll och dess effekt och dess placering

Page 36: Användbarhet utan användare

Mapping

Bra mapping – hög synlighet

Bra mapping – låg synlighet

Page 37: Användbarhet utan användare

Konsekvens & användarupplevelse

Hög konsekvens

Låg konsekvens

Page 38: Användbarhet utan användare

Begränsningar

Page 39: Användbarhet utan användare

Inbjuder till/Konventioner

Inbjuder eller ger en ledtråd till att utför en action.

Fysiska världen – knappar inbjuder att trycka på

Virtuella världen – att vilja trycka på en knapp snarare konventioner

Page 40: Användbarhet utan användare

Hur får man fram ett lager?

Page 41: Användbarhet utan användare

Innovation - Konvention

Page 42: Användbarhet utan användare

Tack