Anvandbarhet tillganglighet-13
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
363
On Slideshare
363
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
7
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 1BERGHS SCHOOL OF COMMUNICATION
  • 2. ANVÄNDBARHETOCH TILLGÄNGLIGHET MARCH 30 2012 — NAME OF THE PLACE YOU´RE AT 2 BERGHS SCHOOL OF COMMUNICATION
  • 3. DIGITAL MANAGEMENTLEKTION 13 STINA BJURSTRÖM, nearU 10 APRIL 2013— BERGHS 3 BERGHS SCHOOL OF COMMUNICATION
  • 4. -ANVÄNDBARHET 4 BERGHS SCHOOL OF COMMUNICATION
  • 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 givetsammanhang 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
  • 15. Effektkarta 15 BERGHS SCHOOL OF COMMUNICATION
  • 16. Effektmål 16 BERGHS SCHOOL OF COMMUNICATION
  • 17. Användardefinition 17 BERGHS SCHOOL OF COMMUNICATION
  • 18. Användardefinition 18 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 denförväntade verksamhets- och samhällsnyttan 19 BERGHS SCHOOL OF COMMUNICATION
  • 20. Övning Uppsala konsert och kongress ska bygga om sin webbplats. Deras effektmållyder: Förbättra affären. Det vi gör i digitala kanaler ska göra det lättare för UKKatt 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
  • 25. Interaktionsdesign Lo-fi Hi-fi 25 BERGHS SCHOOL OF COMMUNICATION