Gebruikersinterfaces presentation 2013-05-21

22
H04I2A - Gebruikersinterfaces Eindpresentatie project IGCHI

description

Presentation to conclude the project for the course "Gebruikersinterfaces" at KULeuven. Links: http://soundsuggest.host-ed.me/rxfm/ http://igchi.wordpress.com/

Transcript of Gebruikersinterfaces presentation 2013-05-21

Page 1: Gebruikersinterfaces presentation 2013-05-21

H04I2A - Gebruikersinterfaces

Eindpresentatie project IGCHI

Page 2: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 2

Applicatie RX.fm

• Encoderen van user interacties in Last.fm shouts

• Interactie:– Gebruiker post query voor artiest– Vrienden posten gerelateerde artiesten

• Interacties opgelijst in een feed• Suggesties aangevuld met Last.fm metadata

Page 3: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 3

Storyboard

Jim

Page 4: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 4

Storyboard

Page 5: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 5

StoryboardClara

Page 6: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 6

Storyboard

Page 7: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 7

Iteratie 1 : Papieren prototype

Page 8: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 8

Iteratie 1 : Evaluatie

• 5 test gebruikers (campus, 22-25)• Doel:– Algemene usability test– Taken om voorziene functionaliteit te kunnen

onderzoeken (7)• Technieken:– Think aloud – SUS

Page 9: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 9

Iteratie 1 : Resultaten

• Moeilijkheden:– Replies clickable?– “Suggest” tab?

• Goed:– Status/reply posten– Vriendenlijst

• SUS: gem. 71

Page 10: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 10

Iteratie 1 : Conclusie

• Volgende iteratie:– Nieuw papieren prototype:• Nieuw ontwerp statusoverzicht (wall)

– Digitaal prototype• Resultaten zijn al redelijk goed• Tijd is beperkt

Page 11: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 11

Iteratie 2 : Digitaal prototype

Page 12: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 12

Iteratie 2 : Aanpassingen

• Reduceren van het aantal schermeno Weggelaten:

“Archive” pagina “New status” pagina

“New reply” pagina

Page 13: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 13

Iteratie 2 : Evaluatie

• 5 test gebruikers (2 campus / 3 kenissen, 21-26)• Doel:– Algemene usability test– Is de overgang van papier naar digitaal geslaagd?– Zijn problemen opgelost / nieuwe geïntroduceerd?– Taken om voorziene functionaliteit te kunnen

onderzoeken (7)• Technieken:– Think aloud: – SUS

Page 14: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 14

Iteratie 2 : Resultaten

• Moeilijkheden– Niet duidelijk wat precies gepost moet worden– Status lijst niet geordend– Welke replies zijn nieuw?– Tijdsindicatie neemt te veel plaats in

• Goed– Vriendenlijst

• SUS: gem. 77

Page 15: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 15

Iteratie 2 : Conclusie

• Volgende iteratie:– Ordening statussen– Indicatie van nieuwe replies

Page 16: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 16

Iteratie 3 : Digitaal prototype

Page 17: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 17

Iteratie 3 : Aanpassingen

• Home / Feed– Indicatatie van nieuwe items– Sorteren op datum– Autosuggest voor invoerveld– Replies automatisch inklappen– Layout jQuery mobile

Page 18: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 18

Iteratie 3 : Evaluatie

• 3 test users (kenissen, 21 - 26)• Technieken:– Think aloud– SEQ / taak– SUS

Page 19: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 19

Iteratie 3 : Resultaten

• Taken:– Status posten (SEQ: gem. 6 / 7)– Reply posten (SEQ : gem. 5,3 / 7)– Nieuwe replies vinden (SEQ : gem. 5,3 / 7)– Reply details bekijken (SEQ : gem. 5,6 / 7)

• SUS: gem. 80

Page 20: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 20

Iteratie 3 : Resultaten

• Moeilijkheden:– Statussen worden soms afgekapt– “x new”label soms moeilijk zichtbaar

Page 21: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 21

Iteratie 3 : Conclusie

• Meer gebruikers testen• Volgende iteratie:– (Technische) verbeteringen– Functionaliteit toevoegen

Page 22: Gebruikersinterfaces presentation 2013-05-21

Gebruikersinterfaces - Eindpresentatie 22

Questions?