Presentatie van Alexander Kroon over ontwerpen voor mobiel, tijdens de C7 bijpraatsessie mobiel op donderdag 7 juni 2012.

1. Ontwerpen voor mobiel
Alexander
Concept 7 Mobile Event

2. Onderzoeken en
ontwerpen van
concepten waar
gebruikers mee in
interactie treden.

3. Afgelopen dinsdagavond

9. Kritische fase van ca.
30 seconden:
en ik kom niet weer.

10. Vandaag gaat niet over
Nieuwe interacties
Specifieke oplossingen

11. De mobiele opmars
Wij willen mobiel!
Onderzoeken
Ontwerpen voor mobiel

12. De mobiele opmars De mobiele opmars
Interactie-ontwerp
nu
http://www.businessinsider.com/the-future-of-mobile-deck-2012-3

13. De mobiele opmars Wat doen we met onze smartphone?
Interactie-ontwerp
http://www.dutchcowboys.nl/mobile/24806

14. Mobiel internet?
Interactie-ontwerp
Gebruikers volledig verbonden laten blijven
64%
surft minimaal één
keer per dag op
internet via de
smartphone
Basis: particuliere smartphonegebruikers die internet in het algemeen gebruiken, smartphone-n= 1000
V9: Geef aan de hand van de onderstaande schaal bij benadering aan hoe vaak u internet in het algemeen gebruikt, Vertrouwelijk en eigendom van Google 10
evenals specifieke services en typen websites via uw browser of apps op uw smartphone. Respons komt overeen
Bron: Google: “Our mobile planet”
met ten minste één keer per dag.

15. Take-away
#1: Onderken dat je site
op termijn vaker bezocht
wordt met een mobiel

16. De mobiele opmars
Wij willen mobiel!
Onderzoeken
Ontwerpen voor mobiel

17. Wij willen mobiel! Begin niet met Photoshop
Interactie-ontwerp

18. Wij willen mobiel! Drie kernvragen
Interactie-ontwerp
Waar kan ik
geld
verdienen
Wat is er
Wie is de
mogelijk?
klant en wat
wil hij?

19. Wij willen mobiel! Welke platformen?
Interactie-ontwerp
http://www.email-marketing-reports.com/wireless-mobile/smartphone-statistics.htm#OS

20. Strategie: type
oplossing?
Web Mobiel Apps
Minituarisatie Mobilisatie

21. Wij willen mobiel! Mobiele strategie
Interactie-ontwerp
Mobiel web

22. Take-away
#2: Kies platform en mobiele strategie

23. De mobiele opmars
Wij willen mobiel!
Onderzoeken
Ontwerpen voor mobiel

24. Onderzoeken Wat we gewend zijn
Interactie-ontwerp

25. Onderzoeken Nieuwe regels
Interactie-ontwerp

26. Onderzoeken Specifieke aanleidingen
Interactie-ontwerp

27. Onderzoeken Context
Interactie-ontwerp

28. Onderzoeken Simpele taak
Interactie-ontwerp

29. Onderzoeken Begrijp de (on-) mogelijkheden
Interactie-ontwerp
• Klein scherm
• Input met vingers
• Beperkte informatie en
keuzemogelijkheden

30. Take-away
#3: onderzoek de gebruiker en zijn context
#4 haal aanleidingen boven water
#5: focus op eenvoudige toptaken

31. De mobiele opmars
Wij willen mobiel!
Onderzoeken
Ontwerpen voor mobiel

32. Userstories.

33. Als een doe-het-
zelver wil ik weten
Userstories.
welk grondverf ik
moet gebruiken,

34. Must have Nice to have
Als een doe-het- Als een doe-het- Als een doe-het-
zelver wil ik weten zelver wil ik weten zelver wil ik weten
welk grondverf ik welk grondverf ik welk grondverf ik
Als een doe-het- Als een doe-het- Als een doe-het-
zelver wil ik weten zelver wil ik weten zelver wil ik weten
welk grondverf ik welk grondverf ik welk grondverf ik
Als een doe-het- Als een doe-het- Als een doe-het-
zelver wil ik weten zelver wil ik weten zelver wil ik weten
welk grondverf ik welk grondverf ik welk grondverf ik
Als een doe-het- Als een doe-het- Als een doe-het-
zelver wil ik weten zelver wil ik weten zelver wil ik weten
welk grondverf ik welk grondverf ik welk grondverf ik

35. Ontwerpen voor mobiel Hoe los ik een userstory op?
Interactie-ontwerp
il
Als een doe-het-zelver w
ik
ik wete n welk grondverf
ik
moet gebruiken, zodat
n.
mijn muur kan afverve

36. Take-away
#6: formuleer concrete userstories
#7: brainstorm over mogelijke oplossingen

37. Van idee naar prototype.

38. Schets pagina’s en gekozen ideeën
Ontwerpen voor mobiel Interactie-ontwerp

39. Ontwerpen voor mobiel Visual design van pagina’s
Interactie-ontwerp

40. Take-away
#8: schets zo vroeg en vaak mogelijk
#9: zorg voor cross-channel consistentie

41. Samenvattend

42. #1: Onderken dat je site steeds vaker
bezocht wordt met een mobiel
#2: Kies platform en mobiele strategie
#3: onderzoek de gebruiker en zijn context
#4 haal aanleidingen boven water
#5: focus op eenvoudige toptaken
#6: formuleer concrete userstories
#7: brainstorm over mogelijke oplossingen
#8: schets zo vroeg en vaak mogelijk
#9: zorg voor cross-channel consistentie