28.07.2013 Views

Motiverende design - Jens Hofman Hansen

Motiverende design - Jens Hofman Hansen

Motiverende design - Jens Hofman Hansen

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Indhold<br />

1 Indledning..................................................................................................................... 1<br />

1.1 Hvorfor er motiverende web<strong>design</strong> interessant?...............................................................2<br />

1.2 Specialets opbygning.................................................................................................................3<br />

2 Teori om motiverende <strong>design</strong>.................................................................................. 4<br />

2.1 Min definition af motiverende <strong>design</strong>..................................................................................4<br />

2.1.1 Amazon.com motiverer til køb via relevans og tilgængelighed....................5<br />

2.1.2 Danske Bank motiverer til trofasthed via et troværdigt udseende ..............6<br />

2.2 Litteraturens definitioner af motiverende <strong>design</strong> .............................................................8<br />

2.3 Anvendt terminologi...............................................................................................................10<br />

2.3.1 ”<strong>Motiverende</strong> <strong>design</strong>”.............................................................................................10<br />

2.3.2 ”Virksomheden”, ”<strong>design</strong>eren”, og ”brugerne”................................................11<br />

2.4 Litteratur associeret til motiverende <strong>design</strong>.....................................................................12<br />

2.4.1 Relevansbegrebet.....................................................................................................12<br />

3 Metode.........................................................................................................................14<br />

4 Kategoriseringer og modeller ................................................................................16<br />

4.1 Eksisterende modeller og kategoriseringer.......................................................................16<br />

4.1.1 B.J. Foggs makro/mikro-begreb ..........................................................................16<br />

4.1.2 B.J. Foggs ide om computerens tre roller..........................................................17<br />

4.1.3 Andrew Chaks udgangspunkt i brugersituationer og markeder ................18<br />

4.1.4 King og Testers fire akser for motiverende <strong>design</strong>.........................................19<br />

4.2 Introduktion af samlende model over motivationsstrategier i web<strong>design</strong>...............20<br />

4.2.1 Modellens svagheder..............................................................................................23<br />

5 Modellens ni motivationsstrategier .....................................................................24<br />

5.1 Gør det synligt og simpelt .....................................................................................................24<br />

5.1.1 Simpelhed: Fraværet af unødvendige elementer ............................................24<br />

5.1.2 Tilgængelighed ........................................................................................................29<br />

5.2 Vær illustrativ ...........................................................................................................................31<br />

5.3 Vælg en passende grafisk stilart...........................................................................................35<br />

5.3.1 <strong>Motiverende</strong> <strong>design</strong> og begyndende interesse for attraktiv grafik.............36<br />

5.3.2 Æstetikken: Ikke kun grafisk pynt ......................................................................37<br />

5.3.3 Æstetikken: Tilføj oplevelser i stedet for at reducere....................................38<br />

5.3.4 Myte 1: Funktionelt <strong>design</strong> og æstetik er modsætninger .............................40<br />

5.3.5 Myte 2: Æstetisk <strong>design</strong> medfører genrebrud og ”vild” grafik ....................41<br />

5.3.6 Myte 3: Æstetik er en personlige sag .................................................................44<br />

5.4 Skriv kort og forståeligt..........................................................................................................45<br />

5.4.1 Skriv forståeligt........................................................................................................45<br />

5.4.2 Skriv kort...................................................................................................................47<br />

5.5 Skriv noget relevant.................................................................................................................48<br />

5.5.1 Skriv præcist og tilstrækkeligt .............................................................................48<br />

5.5.2 Hjælp brugerne på vej............................................................................................52<br />

5.6 Vælg en passende skrivestil og genre .................................................................................55<br />

5.6.1 Personlighed.............................................................................................................55<br />

5.7 Gør grundstrukturen enkel ...................................................................................................60<br />

5.7.1 Reduktion..................................................................................................................63<br />

5.8 Vis informationen på rette tid og sted ...............................................................................65<br />

5.8.1 Skræddersyning og ”personalisering”................................................................70<br />

5.8.2 Guides ........................................................................................................................73<br />

5.9 Skab en god historie................................................................................................................74<br />

6 Case: Undervisningsmateriale om iværksætteri ...............................................79<br />

6.1 Brugernes funktionelle behov...............................................................................................80<br />

6.2 Brugernes behov for relevans var fremtrædende ............................................................81<br />

6.3 Brugernes emotionelle behov – var det fraværende eller blot svært at iagttage?...83<br />

6.4 Hvad kan modellen reelt bidrage med? .............................................................................85<br />

INDHOLD X

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!