H04I2A - GebruikersinterfacesEindpresentatie project IGCHI
Applicatie RX.fm• Encoderen van user interacties in Last.fmshouts• Interactie:– Gebruiker post query voor artiest– Vriende...
Storyboard3Gebruikersinterfaces - Eindpresentatie
Storyboard4Gebruikersinterfaces - Eindpresentatie
StoryboardClara5Gebruikersinterfaces - Eindpresentatie
Storyboard6Gebruikersinterfaces - Eindpresentatie
Iteratie 1 : Papieren prototype7Gebruikersinterfaces - Eindpresentatie
Iteratie 1 : Evaluatie• 5 test gebruikers (campus, 22-25)• Doel:– Algemene usability test– Taken om voorziene functionalit...
Iteratie 1 : Resultaten• Moeilijkheden:– Replies clickable?– “Suggest” tab?• Goed:– Status/reply posten– Vriendenlijst• SU...
Iteratie 1 : Conclusie• Volgende iteratie:– Nieuw papieren prototype:• Nieuw ontwerp statusoverzicht (wall)– Digitaal prot...
Iteratie 2 : Digitaal prototypeGebruikersinterfaces - Eindpresentatie 11
Iteratie 2 : Aanpassingen• Reduceren van het aantal schermenGebruikersinterfaces - Eindpresentatie 12o Weggelaten: “Archi...
Iteratie 2 : Evaluatie• 5 test gebruikers (2 campus / 3 kenissen, 21-26)• Doel:– Algemene usability test– Is de overgang v...
Iteratie 2 : Resultaten• Moeilijkheden– Niet duidelijk wat precies gepost moet worden– Status lijst niet geordend– Welke r...
Iteratie 2 : Conclusie• Volgende iteratie:– Ordening statussen– Indicatie van nieuwe replies15Gebruikersinterfaces - Eindp...
Iteratie 3 : Digitaal prototypeGebruikersinterfaces - Eindpresentatie 16
Iteratie 3 : Aanpassingen• Home / Feed– Indicatatie van nieuwe items– Sorteren op datum– Autosuggest voor invoerveld– Repl...
Iteratie 3 : Evaluatie• 3 test users (kenissen, 21 - 26)• Technieken:– Think aloud– SEQ / taak– SUSGebruikersinterfaces - ...
Iteratie 3 : Resultaten• Taken:– Status posten (SEQ: gem. 6 / 7)– Reply posten (SEQ : gem. 5,3 / 7)– Nieuwe replies vinden...
Iteratie 3 : Resultaten• Moeilijkheden:– Statussen worden soms afgekapt– “x new”label soms moeilijk zichtbaarGebruikersint...
Iteratie 3 : Conclusie• Meer gebruikers testen• Volgende iteratie:– (Technische) verbeteringen– Functionaliteit toevoegen2...
Questions?Gebruikersinterfaces - Eindpresentatie 22
Upcoming SlideShare
Loading in …5
×

Gebruikersinterfaces presentation 2013-05-21

326 views
251 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
326
On SlideShare
0
From Embeds
0
Number of Embeds
83
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 5 test gebruikers (campus)Doel:Algemene usability testTaken om voorziene functionaliteit te kunnen onderzoeken (7)Technieken:Think aloud: SUS: kwantificatie van “perceived usability”
  • SUS  uitschieters (90 en 50, voor 50: was geen ervaren gebruiker van zo’n apps, + 90 van max  suggereert dat dit een vermindert het belang van 50)
  • (enkel artiesten aanbevelen is supported)
  • 3 test users (tijdsbeperking)Technieken:Think aloudSEQ : (Single Ease Question) kwantificeerbaar per taakSUS : (System Usability Scale) kwantificatie algemeen(nog steeds in ontwikkelingsfase, usage tracking nog niet echt aan de orde – heuristieke evaluatie / experts goed alternatief)
  • Gebruikersinterfaces presentation 2013-05-21

    1. 1. H04I2A - GebruikersinterfacesEindpresentatie project IGCHI
    2. 2. Applicatie RX.fm• Encoderen van user interacties in Last.fmshouts• Interactie:– Gebruiker post query voor artiest– Vrienden posten gerelateerde artiesten• Interacties opgelijst in een feed• Suggesties aangevuld met Last.fm metadata2Gebruikersinterfaces - Eindpresentatie
    3. 3. Storyboard3Gebruikersinterfaces - Eindpresentatie
    4. 4. Storyboard4Gebruikersinterfaces - Eindpresentatie
    5. 5. StoryboardClara5Gebruikersinterfaces - Eindpresentatie
    6. 6. Storyboard6Gebruikersinterfaces - Eindpresentatie
    7. 7. Iteratie 1 : Papieren prototype7Gebruikersinterfaces - Eindpresentatie
    8. 8. Iteratie 1 : Evaluatie• 5 test gebruikers (campus, 22-25)• Doel:– Algemene usability test– Taken om voorziene functionaliteit te kunnenonderzoeken (7)• Technieken:– Think aloud– SUS8Gebruikersinterfaces - Eindpresentatie
    9. 9. Iteratie 1 : Resultaten• Moeilijkheden:– Replies clickable?– “Suggest” tab?• Goed:– Status/reply posten– Vriendenlijst• SUS: gem. 719Gebruikersinterfaces - Eindpresentatie
    10. 10. Iteratie 1 : Conclusie• Volgende iteratie:– Nieuw papieren prototype:• Nieuw ontwerp statusoverzicht (wall)– Digitaal prototype• Resultaten zijn al redelijk goed• Tijd is beperkt10Gebruikersinterfaces - Eindpresentatie
    11. 11. Iteratie 2 : Digitaal prototypeGebruikersinterfaces - Eindpresentatie 11
    12. 12. Iteratie 2 : Aanpassingen• Reduceren van het aantal schermenGebruikersinterfaces - Eindpresentatie 12o Weggelaten: “Archive” pagina “New status” pagina “New reply” pagina
    13. 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 kunnenonderzoeken (7)• Technieken:– Think aloud:– SUSGebruikersinterfaces - Eindpresentatie 13
    14. 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. 77Gebruikersinterfaces - Eindpresentatie 14
    15. 15. Iteratie 2 : Conclusie• Volgende iteratie:– Ordening statussen– Indicatie van nieuwe replies15Gebruikersinterfaces - Eindpresentatie
    16. 16. Iteratie 3 : Digitaal prototypeGebruikersinterfaces - Eindpresentatie 16
    17. 17. Iteratie 3 : Aanpassingen• Home / Feed– Indicatatie van nieuwe items– Sorteren op datum– Autosuggest voor invoerveld– Replies automatisch inklappen– Layout jQuery mobileGebruikersinterfaces - Eindpresentatie 17
    18. 18. Iteratie 3 : Evaluatie• 3 test users (kenissen, 21 - 26)• Technieken:– Think aloud– SEQ / taak– SUSGebruikersinterfaces - Eindpresentatie 18
    19. 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. 80Gebruikersinterfaces - Eindpresentatie 19
    20. 20. Iteratie 3 : Resultaten• Moeilijkheden:– Statussen worden soms afgekapt– “x new”label soms moeilijk zichtbaarGebruikersinterfaces - Eindpresentatie 20
    21. 21. Iteratie 3 : Conclusie• Meer gebruikers testen• Volgende iteratie:– (Technische) verbeteringen– Functionaliteit toevoegen21Gebruikersinterfaces - Eindpresentatie
    22. 22. Questions?Gebruikersinterfaces - Eindpresentatie 22

    ×