SlideShare uma empresa Scribd logo
1 de 11
How to apply usability
in an app in 9 steps?
www.annevroegop.nl
www.gamificationframework.com
www.uxgamedesign.com
info@annevroegop.com
Step 1. Create an UX briefing together
Step 2. Create Persona's according
Google Analytics metrix / User research
Dit kunnen jullie vooraf bepalen
Dit kan tijdensde sessie ingevuld worden
Dit isde aanleiding waarom iemand in aanraking komt met een sys
dusiseen user scenario.Dit kan dusook tijdensde sessie ingevuld
Dit kunnen jullie vooraf bepalen
Step 3. Apply an usability checklist
Useful?
Desirable?
Usable?
Accessible?
Credible?
Findable?
Valuable?
Step 4. Define painpoints from user
perspective
Step 5. Brainstorm about each painpoint
Optional: Add gamification by using
brainstorming cards
Pre order cards at www.vroegopvendrig.com
Step 6. Paper prototyping
Step 7. Testing with prototypes
Step 8. Visualize improvements
(before / after)
Step 9. Transform prototypes into
wireframes

Mais conteúdo relacionado

Semelhante a 9 steps for apps

SamenSpel voor Buurt Praktijk Team
SamenSpel voor Buurt Praktijk TeamSamenSpel voor Buurt Praktijk Team
SamenSpel voor Buurt Praktijk TeamOhyoon Kwon
 
[Ht] human computer interaction 5
[Ht] human computer interaction 5[Ht] human computer interaction 5
[Ht] human computer interaction 5Klaas Jan Mollema
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobileHans Kemp
 
App development step by step
App development   step by stepApp development   step by step
App development step by stepPhilippe De Pauw
 
7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergelekenFerry den Dopper
 
Lemon clean course
Lemon clean courseLemon clean course
Lemon clean courseFilip Smet
 
Usabilityissues
UsabilityissuesUsabilityissues
Usabilityissueseironeia
 
Verhoog je conversie met deze mobile usability optimalisaties
Verhoog je conversie met deze mobile usability optimalisatiesVerhoog je conversie met deze mobile usability optimalisaties
Verhoog je conversie met deze mobile usability optimalisatiesvalantic NL
 
bartgerard verslag 01
bartgerard verslag 01bartgerard verslag 01
bartgerard verslag 01Bart Gerard
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2Igor ter Halle
 
Naar een mobieler Studielink - Bram Kersten en Désirée Schipper - HO-link 2014
Naar een mobieler Studielink - Bram Kersten en Désirée Schipper - HO-link 2014Naar een mobieler Studielink - Bram Kersten en Désirée Schipper - HO-link 2014
Naar een mobieler Studielink - Bram Kersten en Désirée Schipper - HO-link 2014HOlink
 
MobileMetrics session by Netprofiler
MobileMetrics session by NetprofilerMobileMetrics session by Netprofiler
MobileMetrics session by NetprofileraFrogleap
 
Netprofiler en Ziggo op MIE 2012
Netprofiler en Ziggo op MIE 2012Netprofiler en Ziggo op MIE 2012
Netprofiler en Ziggo op MIE 2012Netprofiler
 
Webinar verhoog je conversie met deze mobile usability optimalisaties
Webinar verhoog je conversie met deze mobile usability optimalisatiesWebinar verhoog je conversie met deze mobile usability optimalisaties
Webinar verhoog je conversie met deze mobile usability optimalisatiesvalantic NL
 
FEX | RoundTable | 132705 | Workshop: Innoveren met apps? | Presentatie | Mic...
FEX | RoundTable | 132705 | Workshop: Innoveren met apps? | Presentatie | Mic...FEX | RoundTable | 132705 | Workshop: Innoveren met apps? | Presentatie | Mic...
FEX | RoundTable | 132705 | Workshop: Innoveren met apps? | Presentatie | Mic...Flevum
 
Workshop Online en social media projectmanagement seminar 1403 - handout
Workshop Online en social media projectmanagement   seminar 1403 - handoutWorkshop Online en social media projectmanagement   seminar 1403 - handout
Workshop Online en social media projectmanagement seminar 1403 - handoutTRAININGONLINEMARKETING
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Tom Krabben
 
Masterclass Prototyping
Masterclass PrototypingMasterclass Prototyping
Masterclass PrototypingAggeris Media
 
Verbeter uw conversie en ux dankzij usability onderzoek
Verbeter uw conversie en ux dankzij usability onderzoekVerbeter uw conversie en ux dankzij usability onderzoek
Verbeter uw conversie en ux dankzij usability onderzoekvalantic NL
 

Semelhante a 9 steps for apps (20)

SamenSpel voor Buurt Praktijk Team
SamenSpel voor Buurt Praktijk TeamSamenSpel voor Buurt Praktijk Team
SamenSpel voor Buurt Praktijk Team
 
[Ht] human computer interaction 5
[Ht] human computer interaction 5[Ht] human computer interaction 5
[Ht] human computer interaction 5
 
NFR Gebruiksvriendelijkheid
NFR GebruiksvriendelijkheidNFR Gebruiksvriendelijkheid
NFR Gebruiksvriendelijkheid
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobile
 
App development step by step
App development   step by stepApp development   step by step
App development step by step
 
7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken7 Usability testmethodieken vergeleken
7 Usability testmethodieken vergeleken
 
Lemon clean course
Lemon clean courseLemon clean course
Lemon clean course
 
Usabilityissues
UsabilityissuesUsabilityissues
Usabilityissues
 
Verhoog je conversie met deze mobile usability optimalisaties
Verhoog je conversie met deze mobile usability optimalisatiesVerhoog je conversie met deze mobile usability optimalisaties
Verhoog je conversie met deze mobile usability optimalisaties
 
bartgerard verslag 01
bartgerard verslag 01bartgerard verslag 01
bartgerard verslag 01
 
Webcommunicatie / college 2
Webcommunicatie / college 2Webcommunicatie / college 2
Webcommunicatie / college 2
 
Naar een mobieler Studielink - Bram Kersten en Désirée Schipper - HO-link 2014
Naar een mobieler Studielink - Bram Kersten en Désirée Schipper - HO-link 2014Naar een mobieler Studielink - Bram Kersten en Désirée Schipper - HO-link 2014
Naar een mobieler Studielink - Bram Kersten en Désirée Schipper - HO-link 2014
 
MobileMetrics session by Netprofiler
MobileMetrics session by NetprofilerMobileMetrics session by Netprofiler
MobileMetrics session by Netprofiler
 
Netprofiler en Ziggo op MIE 2012
Netprofiler en Ziggo op MIE 2012Netprofiler en Ziggo op MIE 2012
Netprofiler en Ziggo op MIE 2012
 
Webinar verhoog je conversie met deze mobile usability optimalisaties
Webinar verhoog je conversie met deze mobile usability optimalisatiesWebinar verhoog je conversie met deze mobile usability optimalisaties
Webinar verhoog je conversie met deze mobile usability optimalisaties
 
FEX | RoundTable | 132705 | Workshop: Innoveren met apps? | Presentatie | Mic...
FEX | RoundTable | 132705 | Workshop: Innoveren met apps? | Presentatie | Mic...FEX | RoundTable | 132705 | Workshop: Innoveren met apps? | Presentatie | Mic...
FEX | RoundTable | 132705 | Workshop: Innoveren met apps? | Presentatie | Mic...
 
Workshop Online en social media projectmanagement seminar 1403 - handout
Workshop Online en social media projectmanagement   seminar 1403 - handoutWorkshop Online en social media projectmanagement   seminar 1403 - handout
Workshop Online en social media projectmanagement seminar 1403 - handout
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)
 
Masterclass Prototyping
Masterclass PrototypingMasterclass Prototyping
Masterclass Prototyping
 
Verbeter uw conversie en ux dankzij usability onderzoek
Verbeter uw conversie en ux dankzij usability onderzoekVerbeter uw conversie en ux dankzij usability onderzoek
Verbeter uw conversie en ux dankzij usability onderzoek
 

9 steps for apps

  • 1. How to apply usability in an app in 9 steps? www.annevroegop.nl www.gamificationframework.com www.uxgamedesign.com info@annevroegop.com
  • 2. Step 1. Create an UX briefing together
  • 3. Step 2. Create Persona's according Google Analytics metrix / User research Dit kunnen jullie vooraf bepalen Dit kan tijdensde sessie ingevuld worden Dit isde aanleiding waarom iemand in aanraking komt met een sys dusiseen user scenario.Dit kan dusook tijdensde sessie ingevuld Dit kunnen jullie vooraf bepalen
  • 4. Step 3. Apply an usability checklist Useful? Desirable? Usable? Accessible? Credible? Findable? Valuable?
  • 5. Step 4. Define painpoints from user perspective
  • 6. Step 5. Brainstorm about each painpoint
  • 7. Optional: Add gamification by using brainstorming cards Pre order cards at www.vroegopvendrig.com
  • 8. Step 6. Paper prototyping
  • 9. Step 7. Testing with prototypes
  • 10. Step 8. Visualize improvements (before / after)
  • 11. Step 9. Transform prototypes into wireframes