H04I2A - Gebruikersinterfaces

Eindpresentatie project IGCHI

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

Gebruikersinterfaces - Eindpresentatie 3

Storyboard

Jim

Gebruikersinterfaces - Eindpresentatie 4

Storyboard

Gebruikersinterfaces - Eindpresentatie 5

StoryboardClara

Gebruikersinterfaces - Eindpresentatie 6

Storyboard

Gebruikersinterfaces - Eindpresentatie 7

Iteratie 1 : Papieren prototype

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

Gebruikersinterfaces - Eindpresentatie 9

Iteratie 1 : Resultaten

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

• Goed:– Status/reply posten– Vriendenlijst

• SUS: gem. 71

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

Gebruikersinterfaces - Eindpresentatie 11

Iteratie 2 : Digitaal prototype

Gebruikersinterfaces - Eindpresentatie 12

Iteratie 2 : Aanpassingen

• Reduceren van het aantal schermeno Weggelaten:

“Archive” pagina “New status” pagina

“New reply” pagina

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

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

Gebruikersinterfaces - Eindpresentatie 15

Iteratie 2 : Conclusie

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

Gebruikersinterfaces - Eindpresentatie 16

Iteratie 3 : Digitaal prototype

Gebruikersinterfaces - Eindpresentatie 17

Iteratie 3 : Aanpassingen

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

Gebruikersinterfaces - Eindpresentatie 18

Iteratie 3 : Evaluatie

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

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

Gebruikersinterfaces - Eindpresentatie 20

Iteratie 3 : Resultaten

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

Gebruikersinterfaces - Eindpresentatie 21

Iteratie 3 : Conclusie

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

Gebruikersinterfaces - Eindpresentatie 22

Questions?