Design av användargränssnitt Jan Gulliksen Informationskodning Ge färger, former, fonter, platser betydelse Aktivt, valbart, ej valbart Avvikande data, relationer mellan data, kategorisera, etc.. Var konsekvent Starka koder för viktig information Lås val av koder Använd starka koder sparsamt 1
Hur kan informationen kodas bättre? South Carolina City Motel/Hotel Phone Single rate Double rate Charleston Best Western 883-747-8961 $ 26 $ 38 Charleston Days Inn 883-881-1888 $ 18 $ 24 Charleston Holiday Inn N 883-744-1621 $ 36 $ 46 Charleston Holiday Inn SW 883-556-7188 $ 33 $ 47 Charleston Howard Johnsons 883-524-4148 $ 31 $ 36 Charleston Ramada Inn 883-774-8281 $ 33 $ 46 Charleston Sheraton Inn 883-744-2481 $ 34 $ 42 Columbia Best Western 883-796-9488 $ 29 $ 34 Columbia Carolina Inn 883-799-8288 $ 42 $ 48 Columbia Days Inn 883-736-8888 $ 23 $ 27 Columbia Holiday Inn NW 883-794-9448 $ 32 $ 39 Columbia Howard Johnsons 883-772-7208 $ 25 $ 27 Columbia Quality Inn 883-772-8278 $ 34 $ 41 Columbia Ramada Inn 883-796-2788 $ 36 $ 44 Columbia Vagabond Inn 883-796-6248 $ 27 $ 38 Förbättrad design Rates S D Motel/Hotel Phone Charleston South Carolina 18 24 Days Inn 883-881-1888 29 34 Best Western 883-796-9488 31 36 Howard Johnsons 883-524-4148 33 46 Ramada Inn 883-774-8281 33 47 Holiday Inn SW 883-556-7188 34 42 Sheraton Inn 883-744-2481 36 46 Holiday Inn N 883-744-1621 Columbia South Carolina 23 27 Days Inn 883-736-8888 25 27 Howard Johnsons 883-772-7208 27 30 Vagabond Inn 883-796-6248 29 34 Best Western 883-796-9488 32 39 Holiday Inn NW 883-794-9448 34 41 Quality Inn 883-772-8278 36 44 Ramada Inn 883-796-2788 42 48 Carolina Inn 883-799-8288 2
Ytterligare förbättringar Rates S D Motel/Hotel Phone Charleston South Carolina 18 24 Days Inn 883-881-1888 29 34 Best Western 883-796-9488 31 36 Howard Johnsons 883-524-4148 33 46 Ramada Inn 883-774-8281 33 47 Holiday Inn SW 883-556-7188 34 42 Sheraton Inn 883-744-2481 36 46 Holiday Inn N 883-744-1621 Columbia South Carolina 23 27 Days Inn 883-736-8888 25 27 Howard Johnsons 883-772-7208 27 30 Vagabond Inn 883-796-6248 29 34 Best Western 883-796-9488 32 39 Holiday Inn NW 883-794-9448 34 41 Quality Inn 883-772-8278 36 44 Ramada Inn 883-796-2788 42 48 Carolina Inn 883-799-8288 Inmatning Mänsklig inmatning är en långsam process Typiska uppgifter Kan användaren överhuvudtaget göra uppgiften? Hur lång tid tar det? Hur mycket tid är väntetid och hur mycket tänketid? Hur mycket fel gör användaren? Kan man återhämta sig fullständigt från felen? Hur lång tid tar det att återhämta sig? Hur pass säker är användaren på att man kommit fram till rätt resultat? etc. Hur tillfredsställande upplever användaren att det är? 3
Vad är det MEST avgörande problemet? Brister i SÖK-funktionen eller visualiseringen av sökresultaten Webbplatsen återspeglar den organisatoriska strukturen Den enorma mängden information som återfinns på webbplatsen - hur åskådliggöra den? Case: Uppsala universitet Vad skulle ni mata in här? 4
Knappar och ikoner Bra om ikonen är självförklarande Bättre med enkla än detaljrika ikoner Gruppera logiskt Konsekvens vad gäller utseende funktion Tillräcklig träffyta Knappar som används i sekvens nära varandra Sammanhanget är viktigt Miniatyrer kan fylla ett behov 5
Vad betyder följande ikoner? 6
Återkoppling, felmeddelanden Att visa vad som händer Viktigt för säkerhet Tangentnedtryckning, väntetid, vilket tillstånd Tydliga, informativa felmeddelanden Exempel på ej informativa felmeddelanden Ett fel av typen 3 inträffade. Ogiltigt värde. Otillåten handling. Programmet okänd har avslutats på grund av ett oväntat fel. Illegal error. 7
File not found FATAL ERROR! OBJECT NOT FOUND illegal operation 8
Sammanfattning riktlinjer för design Utnyttja skärmytan effektivt, hellre för mycket än för litet Samtidig informationsvisning alltid effektivare än sekventiell information Minimera inmatning Gör designen klar och begränsa användarens frihet. Skapa effektiva informationsmönster 9
Ytterligare designregler Betona intressant, tona ned oviktigt. Visa översikt och detalj samtidigt Undvik skrollning av text Det finns ingen kunskap i världen som kan ersätta användarsynpunkter HAIKU by Else Nygren For every design rule one can find at least one situation where following the rule would be sheer madness 10
Känn din användare! Vet du hur dina användare använder intranätet? Know thy user, cause they are not you! Bara för att du är en person som surfar på nätet så är du ingen typisk användare... Designövning I grupper om 3 personer Utforma interaktionen för att boka /köpa en järnvägsbiljett på webben 11
Standarder och riktlinjer Standarder är riktlinjer som formaliseras eftersom de anses som tillräckligt viktiga och använda Riktlinjer (Guidelines) är vägledande vid lösning av designproblem Standarder De Facto (emacs, QWERTY, TCO-95) Kommersiella (Microsoft, IBM CUA, OSF /Motif) Formella (ANSI kompilatorer, Fortran77) Gränssnittsstandarder baseras på användbarhet och beteende, inte på produkttekniska aspekter. 12
Standardiseringsorgan ISO (International Standards Organisation) ideell organisation, medlemmarna betalar för att få vara med. Nationella motsvarigheter STG (Sverige), ANSI (USA), BSI (England), etc. genomför, kommenterar ISO-standarderna Internationella standarder ISO 9241 Ergonomic requirements for office work with visual display terminals. Del 1-17 Part 110 Dialogue design principles Part 11 Guidance on usability, Part 12 Presentation of information. ISO 13407 Human centred design process for interactive systems. ISO/IEC 14915 Multimedia user interface design. ISO/TS 9241-171 Guidance on software accessibility. ISO/IEC 11581 Icon symbols and functions. 13
ISO 6385 Ergonomic principles in the design of work system Ergonomics produces and integrates knowledge from the human and technology sciences to match jobs, systems, products and environments to the physical and mental abilities and limitations of people. In doing so it seeks to safeguard safety, health and wellbeing whilst optimising efficiency and performance 14