5. Vad är användbarhet?
Skriv så många ord du kommer på. Du har två minuter.
5
BERGHS SCHOOL OF COMMUNICATION
6. Den klassiska definitionen
(enligt ISO-normen 9241-11)
• Hur lätt det är att lära sig använda (eng. learnability) för en nybörjare
• När användaren väl lärt sig designen, hur snabbt kan de utföra uppgifter (efficiency)
• Hur lätt det är att minnas hur man gjorde (eng. memorability): om man gör ett
uppehåll och därefter börjar använda produkten igen, är det då lätt att komma man
ihåg hur man gjorde?
• Hur många eller få fel som användarna gör (errors).
• Hittbarhet - det vill säga hur lätt eller svårt det är att hitta information
(findability).
• Tillfredsställelse: hur behagligt är gränssnittet att använda (satisfaction)
6
BERGHS SCHOOL OF COMMUNICATION
7. Technological
factors, digital
trends, devices and
Environ- tools
ment
Det är lätt att fastna här…
Business
requirements,
priorities, goals and
KPI:s
Needs, desires,
expectations
Strategy
Routines,
processes, tools
Orga-
User
and best practice
nisation
7
BERGHS SCHOOL OF COMMUNICATION
8. Man kan också säga
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.
8
BERGHS SCHOOL OF COMMUNICATION
9. ANVÄNDARUPPLEVELSE
USER EXPERIENCE / UX /
• Webbdesign
• Informationsarkitektur
• Användarcentrerad design
• Interaktionsdesign
• Grafisk design
• Användartester
• HCI
• Kundnöjdhet
• Gränssnittsdesign (oftast det
som representeras av html/css)
9
BERGHS SCHOOL OF COMMUNICATION
10. Jessie James Garretts modell
Jessie James Garretts: The elements of User Experience
10
BERGHS SCHOOL OF COMMUNICATION
11. KOMPETENSER
• Strateg
• Innehållsarkitekt
• Effektledare
• Interaktionsdesigner
• Projektledare
• Webbcopy
• Digital producent
• creative/art direktor, designer
• UX-designer
• Gränssnittsutvecklare
• Användbarhetsexpert
• Testledare
• Tillgänglighetsexpert
• Systemutvecklare
• Innehållsstrateg
11
BERGHS SCHOOL OF COMMUNICATION
12. Strategi scope
Produktmål
Användarbehov - funktioner och innehåll
12
BERGHS SCHOOL OF COMMUNICATION
13. Framgångsrecept
• Starta med rimliga förväntningar - både egna och
organisationens
• Svara på frågan ”vad blir bättre? – helst med adjektiv som
”snabbare, bättre, effektivare”)
• Sätt mål som ni kan stå för – t.ex. ”kan jag inom ramen för
det här projektet leverera en försäljningsökning med 50 %?”
13
BERGHS SCHOOL OF COMMUNICATION
14. Förutsättningar
• Affärsmål
• On-linestrategi
• Varumärkesstrategi (identitet)
• Kanalstrategi
• Produktstrategi
• Nulägesanalys
• Kommunikationsplan
• Nollmätning
14
BERGHS SCHOOL OF COMMUNICATION
19. Nytta
En lösning som inte skapar nytta för sina
användare - oavsett om de är anställda,
kunder eller andra - skapar inte heller den
förväntade verksamhets- och samhällsnyttan
19
BERGHS SCHOOL OF COMMUNICATION
20. Övning
Uppsala konsert och kongress ska bygga om sin webbplats. Deras effektmål
lyder: Förbättra affären. Det vi gör i digitala kanaler ska göra det lättare för UKK
att sälja biljetter, belägga konferensytor, servera mat och dryck samt uppfylla
ägardirektiven.
• Försök definiera och beskriva användare utifrån dessas beteende och
behov
• Vilka följder kan detta få lösningens utformning?
20
BERGHS SCHOOL OF COMMUNICATION
21. Struktur skelett
Interaktionsdesign och infomationsarkitektur
21
BERGHS SCHOOL OF COMMUNICATION
22. Informationsarkitektur
• Exakta - enkla att designa och använda
• Metafor – svårt med igenkänning!
• Alfabetiska
• Skrivbord, mapp, filer
• Kronologiska
• Hybrider också svårt
• Geografiska
• Konst och kultur (ämne)
• Mångfaldiga (subjektiva) - krävande men • Skaffa bibliotekskort (funktion)
användbara
• Vetenskap (ämne)
• Ämne - kraftfullt
• Vuxna (målgrupp)
• Uppgift (köp/sälj/hyr) sällan enda • Tonåring (målgrupp)
sättet att organisera
• Målgrupp - om de är tydliga
Verktyg: kortsortering, webbplatskarta, mindmap
22
BERGHS SCHOOL OF COMMUNICATION
23. Navigation
• Om en hierarki är för djup (antal nivåer i hierarkin) kan det ta
användaren mkt lång tid att klicka sig fram till det de söker
• Om en hierarki är för grund får användaren för mycket att ta
ställning till på en gång och få en visuell överblick
• Tänk mobil. Det finns ingen standard, men när facebook och
youtube bestämt hur det ska se ut kommer alla att hänga efter
23
BERGHS SCHOOL OF COMMUNICATION
24. Interaktionsdesign
• Skelettskisser/wireframes/mockups
av de viktigaste funktionerna och
flödena
• Fånga användarmönster
• Testbara prototyper
• Annoterade blir de
funktionsspecifikationer
• Många jobbar numera i html
• Mobile first
Verktyg: wireframes – Papper och penna, Balsamiq, Omnigraffle, Accure
24
BERGHS SCHOOL OF COMMUNICATION