Mobil Usability ”There’s an old story about the person who wished his computer were as easy to use as his telephone. That wish has now come true, since.

Præsentationer af emnet: "Mobil Usability ”There’s an old story about the person who wished his computer were as easy to use as his telephone. That wish has now come true, since."— Præsentationens transcript:

1 Mobil Usability ”There’s an old story about the person who wished his computer were as easy to use as his telephone. That wish has now come true, since I no longer know how to use my telephone.” - Bjarne Stroustrup, fader til programmeringssproget C++

2 Program Intro: Kort om forelæseren + disclaimer Forskelle på Mobile enheder og PC Kort om Guidelines til design af mobile enheder Projekter Live design Evt spørgsmål?

3 Hvem er jeg? Datamatiker, efteråret 2000 Tog dette kursus i F2003 Diplomuddannet på ITU – afsluttende projekt om Mobil Usability F2005 Ansat på Nokia fra 1-11-05 som User Interface Designer. –Pt specialiseret i Bluetooth, medlem af Bluetoooth User Experience Group. Har selv været hjælpelærer på kurset i F2005 & E2005 Er indskrevet som EBUSS-studerende, afslutter måske (med lidt held) i 2009

4 Mobil vs. PC 1/2 Mobilitet –Skiftende vs. stabile omgivelser Type af forbindelse –Svag/usikker vs. Stærk/sikker Interaktionsform –Sekventiel interaktion vs. direkte manipulation Inputmuligheder –12-18 knapper vs. tastatur & mus Størrelse af skærm –176 x 220 pixels vs. 17”, 19”, 21”

5 Mobil vs. PC 2/2 Størrelse af memory og hastighed –Meget begrænset vs. 1+Gb Antal applikationer på samme tid –1-2 stk. vs. Multitasking Surf vs. Hunt –Hovedet under armen vs. specifik opgaveløsning Flat-rate vs. Pay Per Minute –Mere fokus på forbrugt tid / større krav til indhold Privat vs. delvis offentlig –Er mobilen mere privat end computeren?

6 Mobil vs. PC

7

8 Guidelines Mobilitet: Korte svartider, korte opgaver Ikke så meget ”Skriv” som ”Vælg” Ikoner rimer på konventioner Benyt navneord til ikoner – (Brev/”Skriv”) Høj kontrast, skarpe kanter Stabilt design: Bibehold tilstand ved lange pauser Lad brugeren være i kontrol (f.eks v.h.a ”Gå til”) Masser af feedback og tilgivelse: Lad brugeren fortryde handlinger og lav lange kæder mellem applikationer

9 Mobile usability - Projekt ”Er der sket en ændring af graden brugervenlighed på mobiltelefoner i perioden 1992-2004?” –Fordi udviklingen går rasende hurtigt, og ingen stopper op for at danne sig et overblik –Fordi jeg er interesseret i mobiltelefoner, og ville lære mere undervejs

10 Modeller Alcatel Motorola Nokia ’92 ’94 ’04 ’97 ’98 ’97 ’98 ’00 ’04 ’03

11 Resultater: Oversigt

12 Konklusioner God navigation er meget, meget vigtig Antallet af tastetryk eller antal sekunder pr. opgave er ikke nok til vurdering af usability Navi-key™ var et stort spring fremad for usability Med udgangspunkt i testens mobiltelefoner er der sket en lille positiv ændring i graden af usability

13 Ex på navigation: Nokia 3310 (2000) – omkring 200 menupunkter

14 Don Norman ”It's an upside down, U-Shaped function. Usability of the first phones was not particularly good. When Nokia entered the market, they dramatically enhanced usability by devising a standardized menu scheme […]” “…but phones today are harder to use than they were in their best years. But still simpler than that first brick, despite having many more functions.”

15 Eric Reiss “I think overall the usability has actually decreased. […] today’s phones are overloaded with functionality [..] - menu structures are becoming absurdly complex.“ ”[…] In fact, I’d find my current phone much more usable if the screen was 1/3 smaller and the keyboard was 1/3 bigger.” “Mobile phones have not replaced PDAs and PDAs are still lousy phones.” ” Summa summarum, manufactures are trying to squeeze all the functionality and connectivity of a computer into a very small package.”

16 Steve Krug “I think some of the most important changes haven't been in what we're used to thinking of as the focus of usability - the user interface. Rather, it's been in things that have just made mobile phones generally more useful: Making them smaller, increasing battery life, understandable billing plans, and better reception in wider coverage areas. But all of that was accomplished at least seven or eight years ago...” ”Since then, it seems like the phone makers have gotten sucked into the syndrome of feature wars: Trying to pile on features to produce some semblance of differentiation.”

17 Konklusion Ikke en ”U-shaped Function”, men nærmere ”En lille ændring til det bedre” Enighed om Nokias tidligere dominans mht. usability Enighed om at der bliver kastet alt, alt for mange funktioner i mobiltelefonerne

18 En lille overraskelse “Anders, I think your results will have a lot of publicity potential both commercially and academically. I think it warrants a book, and I would be happy to put you in touch with publishers. I'd be very happy to write the foreword to such a book, should you want my assistance in that capacity. The relevance of my contribution would be both my teams work on "Media Download Usability" and my book, with which you are already familiar.“ Scott Weiss, forfatter til ”Handheld Usability”

19 Definition af informationsarkitektur “Information Architecture is the structural design of an information space. Its purpose is to facilitate and aid the user’s access to information or to applications needed in order to complete a task, by shaping and aiding the mental model of the data.”

20 Organisering og navigation Let forståelige og intuitive chunks Passende navigation scheme Passende antal links til at støtte overblikket Navigation og indhold kan ikke skilles ad Labels Entydige Naturligt, lettilgængeligt sprog Ikoner Nej tak, medmindre der er tekstlabel Fornemmelse for sted og retning Både ”Du er her” samt ”Du har været der og er på vej der hen ” Web site IA guidelines

21 Minimér scrolling ved at bruge dybe strukturer Prioritér labels efter deres frekvens i brug Hvis det er muligt skal looping implementeres Giv adgang til genveje til hurtigere navigation i lister Lad markeringen af en label være i starten af listen Skab en fornemmelse for sted og retning ved at bruge tydelige indikatorer som f.eks. breadcrumb eller nummer over scrollbar Labels skal være mindst ligeså gode og gennemtænkte som på en hjemmeside Undersøg hver enkelt type af indhold og tilrettelæg organiseringen efter dette Hvis der bruges ikoner skal de som default have en tekstlabel Mobile IA-guidelines  Inputmuligheder  Skærmstørrelse  Interaktionstype  Søgetype  Svært  Skærmstørrelse, inputmuligheder  Chunks  Antal af links  No router pages  Sted og retning  Direkte labels  Entydige labels  Navigation scheme  Ikoner m. tekst

22 Folder structure

23 Lokation

24 Highlight

25 Strukturer: Hvilken version er lettest? –Dybe strukturer: 10 af 15 opgaver –Flade: 4 ud af 15 –Neutral: 1 ud af 15 Placering af markør: Er det bedre med start i midten? –Ingen forskel: 3 ud af 6 brugere –Mindre godt:3 ud af 6 brugere Breadcrumb: Hvor er du, hjælper den? –Ja (hele tiden)4 ud af 6 brugere –Ja (mest i starten)2 ud af 6 brugere Passende organisering af indhold –Video, billeder, beskeder: Sidste først –Musik: Ingen klar konklusion Testresultater

26 Litteratur Handheld Usability – Scott Weiss Mobile Interaction Design – Jones / Marsden Designing for Small Screens – Studio 7.5 Mobile Usability - How Nokia changed the face of the mobile phone – Lindholm et.al. Designing the Mobile User Experience - Barbara Ballard http://forum.nokia.com/main/resources/documentation/usability/http://forum.nokia.com/main/resources/documentation/usability/ – style guides, usability for games etc. Norman, Preece, Jordan – al generel usability Professional Mobile User Experience – Hiltunen et.al.

27 Tak for denne gang :o) Spørgsmål er velkomne på andersschroeder@gmail.com