Master in Software Engineering in Researcher at Aalborg University. Ph.D. in Human-Computer Interaction 2009

Størrelse: px

Starte visningen fra side:

Download "Master in Software Engineering in 2003. Researcher at Aalborg University. Ph.D. in Human-Computer Interaction 2009"

Anna Maria Kronborg
8 år siden
Visninger:

1 1

2 Me Master in Software Engineering in 2003 Researcher at Aalborg University Ph.D. in Human-Computer Interaction 2009 Trifork January

3 You? How many of you are from A software company A large companys IT-department A design bureau Other What do you do? Software development Usability Design Other What is your interest in Interaction Design? 3

4 Good usability Simple and natural dialogue Make clear exits Speak the user s language Make shortcuts Minimize memory load Give feedback Use constructive error messages Prevent errors Support recall Thrive for consistency

5 Creative Design Workshop Bring stakeholders together Designs Domain Experts Users Developers Set the Scene Purpose: Design ideas Timeframe: at least 4 hours, rather 6 hours or more Groups: 2-3 groups of 3-4 people each, mix profiles Materials: The same as for making Christmas decorations 5

6 How? Start by outlining the project briefly: What are we making? To whom? Why? Provide the necessary knowledge of the platform Tablet, smartphone, web, expert system... Explain the process 6 Yes, it IS cutting and pasting the old fashioned way! Possibilities, not limitations Conclude by a presentation, or even a small role play

7 Why it works Everyone knows how to use the materials Pictures say more than a thousand words No computers: leveling the playing field Insight into others view of the field Benefitting from each others area of expertise Possibility of exploring alternatives Provides the designer with insight Support the visual imagination It is very concrete 7

8 8

9 9

10 The result Design ideas Potential problem areas Better understanding of the domain Heightened engagement from all parties Shared ownership of the solution 10

11 Personas Perception varies My mom... Latest customer Stereo types Old/young Novice/Expert Gender? Occupation? Etc... 11

12 Personas Perception varies My mom... Latest customer Stereo types Old/young Novice/Expert Gender? Occupation? Etc... 11

13 Personas Base it on your users! (If you haven t met them, please do!) What do the have in common? What varies? Group attributes into roles Convert to persona: 12 Name and age (picture) Occupation IT/domain-experience Tagline Personality

14 Personas Context Work alone or together Leasure or work Platform? Frequency? Choose 1 primary og 2 secondary personas Use your personas when you sketch, design, prototype or code What would my persona do/prefer/think? 13

15 Eksempler 14

16 Eksempler 14

17 The Design Process 15

18 The Design Process Sketching 15

19 The Design Process Sketching Wireframing 15

20 The Design Process Sketching Wireframing Graphics 15

21 15. dec. 15. jun. 15. dec dec. 15. jun. 15. dec Workflows Depotnavnet er det samme navn som kunden har angivet i netbanket Viser kurser og point/pct Detaljer - generelle Detaljer - personlige Detaljer - bud/udbud Graf - landscape mode Tilbage Depoter Sorter Flow 1: Depoter Alle depoter DKK ,25 Mål: at navigere fra Depotoversigt og ned til Aktiedepot DKK ,60 detaljevisning for et papir Fuldmagtsdepot Ratepensionsdepot DKK ,21 Fuldmagtsdepot Incitamentsdepot DKK 9.322,44 Personligt depot Tryk på Aktiedepot Tilbage Aktiedepot Aktiedepot DKK ,60 Fuldmagtsdepot Danske Invest North... DKK 1871, , :30 DKK - -67,30 22,91 Danske Bank A/S DKK 573, DKK +343,40 Vestas Wind Sys. DKK , DKK ,60 Trykker på papirets værdi Til venstre: Pr. papir vises der: Tilbage Aktiedepot Aktiedepot DKK ,60 Fuldmagtsdepot Danske Invest North... DKK 124,74 265, (- DKK 3,21023%) -67,30 Danske Bank A/S DKK 286, ,82 (+4,12%) Vestas Wind Sys. DKK 344, (+5,28%) Note: graf-visning (venstre) -Trykker man på grafen, vi ser den en ny periode - Muligheder for perioder: dag, måned, år - Default periode: måned Til venstre: Pr. papir vises der: Tilbage Aktiedepot Aktiedepot DKK ,60 Fuldmagtsdepot Danske Invest North... DKK 124,74 265, (- DKK 3,21023%) -67,30 Danske Bank A/S DKK 286, ,82 (+4,12%) Vestas Wind Sys. DKK 344, (+5,28%) Tilbage Aktiedepot Aktiedepot DKK ,60 Fuldmagtsdepot Danske Invest North... DKK 124,74 265, (- DKK 3,21023%) -67,30 Danske Bank A/S DKK 286, ,82 (+4,12%) Vestas Wind Sys. DKK 344, (+5,28%) Tilbage Aktiedepot Aktiedepot DKK ,60 Fuldmagtsdepot Danske Invest North... DKK 124,74 265, ,21023% DKK ( ) -67,30 Danske Bank A/S DKK 286, ,12% (+11,82) Vestas Wind Sys. DKK 344, ,28% (+18.16) Danske Bank A/S DKK 288,31 Måned DKK 292, Coloplast B Kl. 10:30 DKK 766,50 DKK +66,00 1) Værdien 2) Samlet gevinst / tab Coloplast B Kl. 10:30 DKK 255, (+3,11%) 1) Papirets kurs 2) Pct/nominel udvikling Coloplast B Kl. 10:30 DKK 255, (+3,11%) Coloplast B Kl. 10:30 DKK 255, (+3,11%) Coloplast B Kl. 10:30 DKK 255,50 +3,11% (+7.95) 1. JAN JUL JAN M Willian Demant Carlsberg B :30 Topdanmark A/S :30 DKK 408,80 DKK +36,00 DKK 563,50 DKK -1127,00 DKK 661,50 DKK 3307,50 Willian Demant DKK (+2,89%) Slide på graf - viser detaljer (personlig) Willian Demant DKK (+2,89%) Danske Invest North America Equity Fund D Højeste idag DKK 273,99 Ændring idag % (- 5,99443) Laveste idag DKK 265,30 Ændring 52u % (- 2,38351) Højeste 52u DKK 473,99 Bud DKK 102,40 Laveste 52u DKK 199,21 Udbud DKK 103,70 Slide på detaljer - viser detaljer (generel) William Demant DKK 136, (+2,89%) Danske Invest North America Equity Fund D Værdi DKK 374,22 Udtrækning, andel 0,00% Antal i depot 5 stk. Udtrækning, kurs 0,00 Gevinst / tab DKK - 22,91 Uafviklede 0,00 Slide på detaljer - viser bud/udbud Willian Demant DKK ,89% (+3.94) Danske Invest North America Equity Fund D Antal Bedste bud Bedste bud Antal ,00 137, ,90 137, ,80 137, ,70 137, ,60 137, KØB SÆLG KØB SÆLG KØB SÆLG KØB SÆLG KØB SÆLG Detaljer, obligation - personlige Tilbage Aktiedepot Fuldmagtsdepot Mine obligationer DKK ,60 Danske Invest North... DKK 124,74 265, (- DKK 3,21023%) -67,30 Danske Bank A/S Vestas Wind Sys Coloplast B Kl. 10:30 William Demant DKK 286,80 +11,82 (+4,12%) DKK 344, (+5,28%) DKK 255, (+3,11%) DKK 136, (+2,89%) Danske Invest North America Equity Fund D Værdi DKK 374,22 Udtrækning, andel 0,00% Antal i depot 5 stk. Udtrækning, kurs 0,00 Gevinst / tab DKK - 22,91 Uafvidklede 0,00 KØB SÆLG 16

22 Card Sorting Open or closed Insight into mental model Informs navigational structure 17

23 Card Sorting Example 18

24 Card Sorting Example Hvor finder jeg et headset? Eller et netværkskort? Hvad er problemet med kategorierne? 19

25 Interaction Design patterns Avoid reinventing the wheel Main navigation: Basket: 20

26 Progressive disclosure Divide, simplify and let the user conquer Steps: Long complex tasks Avoid overload ecommerce, Wizards Levels: Multiple levels of user experience Gradual introduction Advanced setup, detailed descriptions 21

27 ecommerce 22

28 ecommerce 22

29 ecommerce 22

30 ecommerce 22

31 ecommerce 22

32 Printer Settings 23

33 Printer Settings 23

34 Printer Settings 23

35 Printer Settings 23

36 Printer Settings 23

37 Paper prototype testing 24

38 Thank you! Questions? Mail:

Relaterede dokumenter

But how? Methods and Techniques to Making a Good User Interface. by Janne Jul Jensen, Ph.D. Interaction designer. April 10th, 2013

But how? Methods and Techniques to Making a Good User Interface by Janne Jul Jensen, Ph.D. Interaction designer April 10th, 2013 Questions and rating 2 Questions and rating 2 Questions and rating 2 Questions