design av användargränssnitt - uppsala university1 design av användargränssnitt jan gulliksen...

1

Design av användargränssnitt

Jan Gulliksen

Institutionen för informationsteknologi | Människa-datorinteraktion | www.it.uu.se

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

2


Hur kan informationen kodas bättre?

South Carolina

City Motel/Hotel Phone Singlerate

Doublerate

Charleston Best Western 883-747-8961 $ 26 $ 38Charleston Days Inn 883-881-1888 $ 18 $ 24Charleston Holiday Inn N 883-744-1621 $ 36 $ 46Charleston Holiday Inn SW 883-556-7188 $ 33 $ 47Charleston Howard Johnsons 883-524-4148 $ 31 $ 36Charleston Ramada Inn 883-774-8281 $ 33 $ 46Charleston Sheraton Inn 883-744-2481 $ 34 $ 42

Columbia Best Western 883-796-9488 $ 29 $ 34Columbia Carolina Inn 883-799-8288 $ 42 $ 48Columbia Days Inn 883-736-8888 $ 23 $ 27Columbia Holiday Inn NW 883-794-9448 $ 32 $ 39Columbia Howard Johnsons 883-772-7208 $ 25 $ 27Columbia Quality Inn 883-772-8278 $ 34 $ 41Columbia Ramada Inn 883-796-2788 $ 36 $ 44Columbia Vagabond Inn 883-796-6248 $ 27 $ 38


Förbättrad design

RatesS D Motel/Hotel Phone

Charleston South Carolina

18 24 Days Inn 883-881-188829 34 Best Western 883-796-948831 36 Howard Johnsons 883-524-414833 46 Ramada Inn 883-774-828133 47 Holiday Inn SW 883-556-718834 42 Sheraton Inn 883-744-248136 46 Holiday Inn N 883-744-1621

Columbia South Carolina

23 27 Days Inn 883-736-888825 27 Howard Johnsons 883-772-720827 30 Vagabond Inn 883-796-624829 34 Best Western 883-796-948832 39 Holiday Inn NW 883-794-944834 41 Quality Inn 883-772-827836 44 Ramada Inn 883-796-278842 48 Carolina Inn 883-799-8288

3


Ytterligare förbättringar RatesS D Motel/Hotel Phone

Charleston South Carolina

18 24 Days Inn 883-881-188829 34 Best Western 883-796-948831 36 Howard Johnsons 883-524-414833 46 Ramada Inn 883-774-828133 47 Holiday Inn SW 883-556-718834 42 Sheraton Inn 883-744-248136 46 Holiday Inn N 883-744-1621

Columbia South Carolina

23 27 Days Inn 883-736-888825 27 Howard Johnsons 883-772-720827 30 Vagabond Inn 883-796-624829 34 Best Western 883-796-948832 39 Holiday Inn NW 883-794-944834 41 Quality Inn 883-772-827836 44 Ramada Inn 883-796-278842 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?

4


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?

5


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


6



Vad betyder följande ikoner?

7


Å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.

8


FATAL ERROR!

illegal operation

File not found

OBJECT NOT FOUND


9



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

10


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”

11


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

12


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.

13


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.

14


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 well-being whilst optimising efficiency and performance

design av användargränssnitt - uppsala university1 design av användargränssnitt jan gulliksen...

Documents