Hvorfor bruker vi designprinsipper?

Transkript

1

2

3

4 Hvorfor bruker vi designprinsipper?

5

6

7 Stiftemaskinen (!) på biblioteket er så vanskelig å bruke at det henger en bruksanvisning på flere sider på veggen bak.

8 Microwave/grill/ combination Weight/time defrost Stop/clear Clock/kitchen timer Start/+ 30sec/confirm Time/weight/auto menu

9

10 GRENSESNITTMETAFORER

11 DESIGNPRINSIPPER Grensesnittmetaforer Metafor er et ord eller et uttrykk som brukes i overført eller billedlig betydning. Vanligvis innebærer det at ordet eller uttrykket forholder seg til to betydningsområder, og at det skapes en forbindelse mellom dem. (Det store norske leksikon) - Bruk av etablerte konsepter i utvikling og design av nye tjenester for å legge grensesnittet så nær som mulig brukers mentale modeller. Her benyttes visuelle og strukturelle virkemidler for å utnytte kunnskap brukeren allerede har. Målet er at brukeren umiddelbart skal kunne interagere og orientere seg i et nytt system.

12

13 Implementert modell Representert modell Mental modell

14 Implementert modell Representert modell Mental modell

15 Hva er egentlig funksjonen? Hva syns dere om denne metaforen? Begrunn. Har dere forslag til en metafor dere tror kunne fungert bedre?

16 Overkill?

17 1. DISKUSJONSOPPGAVE 2. Grensesnittmetaforer 3.? Hvilket fenomen tror du metaforen bygger på? Hvilken funksjon i systemet skal det representere? Hvorfor fungerer den ikke?

18 DISKUSJONSOPPGAVE Grensesnittmetaforer

19 1. DISKUSJONSOPPGAVE 2. Grensesnittmetaforer 3.? Hvilke fenomen tror du metaforen bygger på? Hvilken funksjon i systemet skal det representere? Hvorfor fungerer den ikke?

20 DESIGNPRINSIPPER

21 DESIGNPRINSIPPER Hva er designprinsipper? - Designprinsipper blir tatt i bruk av designere for å hjelpe dem til å designe gode og effektive brukergrensesnitt. - De er generaliserte abstraksjoner med intensjon om å orientere designerne om forskjellige aspekter av deres design. - Gir brukeren en idé om hva som er mulig/ikke mulig å gjøre. Intuitivt Krevende

22 DESIGNPRINSIPPER 6 hovedprinsipper Constraints Visibility Consistency Affordance Mapping Feedback

23 DESIGNPRINSIPPER Constraints

24 DESIGNPRINSIPPER Visibility

25

26 Forskjell i fokus på nettsidene til UiO og MIT.

27 DESIGNPRINSIPPER Consistency

28

29

30 Emacs er kjent for å benytte andre hurtigknapper enn andre liknende programmer.

31 DESIGNPRINSIPPER Affordance

32

33 Fysiske knapper gir ofte en bedre affordance da det er lettere å oppfatte at de er klikkbare.

34 De runde håndtakene på glassdørene signaliserer så klart at disse kan åpnes, at Dana bakeri må sette opp en lapp for å unngå at noen åpner de.

35 Iphones låse-opp-skjerm innehar elementer som bedre signaliserer hvordan man skal gå frem for å låse opp skjermen. Dette handler også om visibility og mapping.

36 Noe som likner dørhåndtak, også på vinduene. Eneste dør. Hva som er dør og vindu på Fysikkbygget er ikke lett å se på grunn av en noe rar bruk av dørhåndtak.

37 Flat utforming kan i mangel på skyggelegging og andre effekter, gjøre det mer vanskelig å oppfatte hva som er klikkbart.

38 DESIGNPRINSIPPER Mapping

39

40

41

42

43 DESIGNPRINSIPPER Mapping Natural mapping = relaterte knapper burde være gruppert sammen og være i nærheten av det som blir kontrollert med knappene. - - Best mapping: Kontrollen er plassert direkte på elementet som blir kontrollert. Second-best mapping: Kontrollen er så nært som mulig objektet som blir kontrollert. Third-best mapping: Kontrollen er arrangert i samme romlige konfigurasjon som objektet som blir kontrollert.

44 Hvilken vei man vrir for kaldt og varmt vann pleier å være det samme på de fleste vasker. Når vi finner en vask hvor dette er byttet om kan det fort bli irriterende, selv om det er markert med grei mapping.

45 DESIGNPRINSIPPER Feedback

46 Feedback på toget Når knappen for å åpne dør klikkes mens toget er i fart, blinker knappen grønt, før det grønne lyset slukkes igjen. Dette skaper usikkerhet på hvorvidt systemet husker at åpneknapp er klikket når toget har stanset. På t-banen i Oslo lyser knappen grønt helt til banen har stoppet og døren er åpen. Dette er en bedre feedback-mekanisme.

47

48 PRAKTISK OPPGAVE Hvilke designprinsipp mener du er dårlig ivaretatt her? Begrunn!

49 RETNINGSLINJER 4 strategier Fjern Organiser Skjul Forflytt

50 OBLIG 3

51 SCENARIO Det er en tirsdag i oktober. Klokken er 07:36 og Bjørg har nettopp vært ute og hentet posten. Hun kommer inn i leiligheten, går inn på kjøkkenet og legger fra seg posten på kjøkkenbenken. Bjørg skrur på radioen, og setter seg ned ved vinduet med dagens avis. Mens hun leser, surrer lydene fra P1 i bakgrunnen. Før hun vet ordet av det, holder hun takten med foten og koser seg med låten som spilles på radioen. Men hvilken låt er dette da?, tenker Bjørg. Hun hører på låten til den er ferdig og venter på at radioverten sier hvilken låt det var. Radioverten sier ingenting og programmet går rett til nyheter.

52

53

54

55 TILBAKEMELDING - Fin løsning mtp. behov, men eksisterer i stor grad fra før av gjennom feks. tjenester som Soundhound og Shazam. Forskjellen er en integrasjon mot Spotify - kunne du kommet lenger unna eksisterende løsninger? - Er også skeptisk til å holde et objekt i hånden og trykke på ting mens man sitter i bil. Kunne løsningen feks. vært montert på rattet, eller ved siden av radioen i bilen? - At man sitter i bilen og ikke kan ta i bruk hendene i særlig grad (du nevner også potensielle skjelvinger), ville kanskje gitt grunnlag for en konverserende interaksjon?

56 RELEVANTE EKSAMENSOPPGAVER

57 Relevante eksamensoppgaver Eksamen 2014: Hva skiller affordance fra consistency? Prøveeksamen 2013: Hva er en mental modell? Eksamen 2013: Hva er forskjellen på en mental modell og en implementert modell? Prøveeksamen 2012: Når kan designprisippet constraints være et nyttig virkemiddel? Forklar med et eksempel. Prøveeksamen 2012: Gi et eksempel på et design du mener har god affordance. Begrunn hvorfor.

58 Spørsmål?

59