Præsentation er lastning. Vent venligst

Præsentation er lastning. Vent venligst

Design af brugergrænseflader Fokus på strategisk arbejde med brugergrænsefladedesign samt heuristisk evaluering / ekspertvurdering Usability - 25. oktober.

Lignende præsentationer


Præsentationer af emnet: "Design af brugergrænseflader Fokus på strategisk arbejde med brugergrænsefladedesign samt heuristisk evaluering / ekspertvurdering Usability - 25. oktober."— Præsentationens transcript:

1 Design af brugergrænseflader Fokus på strategisk arbejde med brugergrænsefladedesign samt heuristisk evaluering / ekspertvurdering Usability oktober Ian Wisler-Poulsen

2 Agenda Opfattelse af Design og Usability Øvelse: Fjernbetjening Visuelle Virkemidler til Brugergrænseflader Øvelse: Hjemmeside

3 Spørgsmål Husk at spørge! …og husk at svare!

4 Visuel kommunikation

5 Arkitektur Vitruvius: Form Struktur Funktion Litteratur:
Webgenre og stilarter, Engholm & Klastrup

6 Industrialismen og moderne design
Form Konstruktion Funktion Litteratur: Webgenre og stilarter, Engholm & Klastrup

7 Usability Funktionalitet Effektivitet Tilfredshed (efficiency)
(effectiveness) Tilfredshed (satisfaction) ISO DIS John Paulin Hansen

8 Pålidelighed og troværdighed
Topic of Credibility Comment Incidence Design Look 46,1 % Information Design / Structure 28,5 % Information Focus 25,1 % Company Motive 15,5 % Usefulness of Information 14,8 % Litteratur: How Do Users Evaluate the Credibility of Web Sites?, B.J. Fogg et al.

9 - it’s the way you said it!
Grafisk Design It’s not what you said, - it’s the way you said it!

10 Alt som bliver sanset ved det pågældende produkt
Grafisk Design Indhold Det, som bliver sagt Form Måden det siges på Oplevelsen Alt som bliver sanset ved det pågældende produkt

11 Vi har byens fineste restaurant
Grafisk Design Indhold (det som de siger): Vi har byens fineste restaurant Form (måden de siger det på):

12 Det handler om oplevelse
Web-design Curt Clooninger: Det handler om oplevelse Litteratur: Fresh Styles, Curt Clooninger

13 Vi går ikke på restaurant fordi vi er sultne!
Web-design Vi går ikke på restaurant fordi vi er sultne!

14 Vi køber ikke både for at sejle fra Odden til Ebeltoft.
Web-design Vi køber ikke både for at sejle fra Odden til Ebeltoft.

15 Visuelle Virkemidler Det er helt naturligt!

16

17 Aesthetic-Usability Effect
Æstetisk design opfattes som værende lettere at anvende end mindre æstetisk design. Litteratur: Universal Principles of Design, p. 18

18 Aesthetic-Usability Effect

19 Proximity / Loven om Nærhed
De elementer, der er anbragt tæt på hinanden (i forhold til andre elementer) opfattes som hørende sammen. Litteratur: Smukkere grafisk design, p. 44 Stram op på dine websider, kap. 2 Universal Principles of Design, p. 160

20 Proximity / Loven om Nærhed

21 Proximity / Loven om Nærhed

22 En teknik, hvor man kobler flere enheder samme
Chunking En teknik, hvor man kobler flere enheder samme til en begrænset mængde ”klumper” (chunks). På den måde er informationen lettere at behandle og huske. Litteratur: Stram op på dine websider, kap. 2 Universal Principles of Design, p. 30

23 Chunking

24 Chunking (+45)

25 Chunking

26 De elementer, der er lukket inde (af kasser eller streger)
Lukkethed De elementer, der er lukket inde (af kasser eller streger) opfattes som samhørende elementer. Litteratur: Smukkere grafisk design, p. 46 Stram op på dine websider, kap. 2

27 Lukkethed

28 Lukkethed

29

30

31

32

33 Farver kan anvendes til at tiltrække opmærksomhed,
gruppere elementer samt fremme æstetik. Litteratur: Universal Principles of Design, p. 38

34 Farve

35 Farve

36 Farve

37 Farve

38 Farve

39

40

41 Hierarkisk organisation er den simpleste struktur
for visualisering og forståelse af kompleksitet. … ”Træ”-strukturen illustrerer hierarki ved at placerer underelementer nedenunder og til højre for overelementer… Litteratur: Stram op på dine websider, kap. 1 Universal Principles of Design, p. 104

42 Hierarki

43 Hierarki

44

45 Hierarki

46 Et systems brugervenlighed forbedres,
Consistency Et systems brugervenlighed forbedres, når ensartede dele har ensartet udtryk. Litteratur: Universal Principles of Design, p. 46

47 Consistency

48 Consistency

49 Elementer der er ensartede, opfattes som værende relaterede
Similarity Elementer der er ensartede, opfattes som værende relaterede i højere grad end elementer, der ikke er ensartede. Litteratur: Universal Principles of Design, p. 184

50 Similarity

51

52 Elementer der er placeret på en linie
Good Continuation Elementer der er placeret på en linie (ret eller buet) opfattes som værende en gruppe, og opfattes som værende mere sammenhængende, end elementer, der ikke er på en linie. Litteratur: Universal Principles of Design, p. 98

53 Good Continuation

54 Good Continuation

55 Placeringen af elementer bør være således,
Alignment Placeringen af elementer bør være således, at kanterne følger fælles linier (lodret eller vandret). …Dette skaber tilhørsforhold og bidrager til det overordnede æstetiske udtryk… Litteratur: Universal Principles of Design, p. 22

56 Alignment

57

58

59 Den tid det tager at træffe et valg forøges,
Hick´s Law Den tid det tager at træffe et valg forøges, når antallet af valgmuligheder forøges. Litteratur: Universal Principles of Design, p. 102

60 Hick´s Law

61 Hick´s Law

62 Hick´s Law

63 Når et systems fleksibilitet forøges, formindskes dets brugervenlighed
Flexibility-Usability Tradeoff Når et systems fleksibilitet forøges, formindskes dets brugervenlighed (og omvendt). Litteratur: Universal Principles of Design, p. 86

64 Flexibility-Usability Tradeoff

65 Flexibility-Usability Tradeoff

66

67

68

69 Øvelse I skal samarbejde med jeres sidemand! Hvilke af de omtale principper kan I finde på denne hjemmeside! Hvordan vurderer I anvendelsen af de pågældende principper!

70 Litteratur Smukkere grafisk design Henrik Birkvig
Grafisk Litteratur, 1999 Stram op på dine websider Kim Pedersen Grafisk Litteratur, 2002 Universal Principles of Design William Lidwell, Kritina Holden & Jill Butler Rockport, 2003


Download ppt "Design af brugergrænseflader Fokus på strategisk arbejde med brugergrænsefladedesign samt heuristisk evaluering / ekspertvurdering Usability - 25. oktober."

Lignende præsentationer


Annoncer fra Google