際際滷

際際滷Share a Scribd company logo
Interaction Design 201 Vragen of feedback? @ferrydendopper
Apps
Interaction Design 201 Vragen of feedback? @ferrydendopper
Vandaag:
 Pinboard (5 min.)
 Process flow; rondje langs de teams (20 min.)
 Apps, een stukje theorie (40 min.)
 Aan je concept werken (30 min.)
Interaction Design 201 Vragen of feedback? @ferrydendopper
Pinboard
 Welke pins heb je toegevoegd en waarom?
Ik wil een app!
van branded apps haalt
de 1000 downloads niet
80%
Interaction Design 201 Vragen of feedback? @ferrydendopper
Native, web of hybride?
Interaction Design 201 Vragen of feedback? @ferrydendopper
Native, web of hybride?
Almost
Full
Interaction Design 201 Vragen of feedback? @ferrydendopper
Native, web of hybride?
Interaction Design 201 Vragen of feedback? @ferrydendopper
Native, web of hybride?
Interaction Design 201 Vragen of feedback? @ferrydendopper
Native, web of hybride?
To help you decide how you should build your
mobile app, ask yourself these questions:
 Does the mobile app require the use of any special device
features (i.e., camera, the cameras flash, accelerometer,
etc.)?
 Whats my budget?
 Does the mobile app need to be Internet-enabled?
 Do I need to target all mobile devices or just certain devices?
 What programming languages do I already know?
 How important is speed and performance?
 How will this app be monetized effectively?
Interaction Design 201 Vragen of feedback? @ferrydendopper
Native UI elementen
Interaction Design 201 Vragen of feedback? @ferrydendopper
Native UI elementen
Waarom?
 Gemakkelijker, sneller en stabieler
 Consistentie
Interaction Design 201 Vragen of feedback? @ferrydendopper
Oefening
Ontdek de verschillen in selectiecomponenten
 Dropdown lijst (in formulier)
 Opties bij tekst selecteren
 Datum / tijd selecteren
 際際滷rs
 Enz.
tussen Android en iOS.
Interaction Design 201 Vragen of feedback? @ferrydendopper
Information Architecture
Interaction Design 201 Vragen of feedback? @ferrydendopper
Information Architecture
Interaction Design 201 Vragen of feedback? @ferrydendopper
Startscherm
Interaction Design 201 Vragen of feedback? @ferrydendopper
Menukaart of start bij toptaak?
vs
Interaction Design 201 Vragen of feedback? @ferrydendopper
Menukaart echt nodig?
Interaction Design 201 Vragen of feedback? @ferrydendopper
Oefening
Ontdek de verschillen in
 navigatie en informatiearchitectuur
tussen Android en iOS.
Interaction Design 201 Vragen of feedback? @ferrydendopper
Mobile Search
Designing a great mobile finding experience
requires a way of thinking that is quite
different from our typical approach to
designing search for Web or desktop
applications.
Turn limitations into opportunities.
Interaction Design 201 Vragen of feedback? @ferrydendopper
Its not enough to think: How can I duplicate
our Web applications user experience within
the limitations of the mobile platform?
Instead, its better to start from scratch,
focusing on What experience would work best
for mobile users?
UX Matters - Greg Nudelman
Interaction Design 201 Vragen of feedback? @ferrydendopper
Voorladen van relevante resultaten
 Zoektaken worden regelmatig onderbroken
door een telefoontje, berichtje of iets anders.
 Onthoud vorige zoekopdrachten, cache de
resultaten.
 Presenteer bv. na een onderbreking weer
het zoekresultaat en in een nieuwe sessie de
afgelopen zoekopdrachten.
Interaction Design 201 Vragen of feedback? @ferrydendopper
Voorladen van relevante resultaten
Interaction Design 201 Vragen of feedback? @ferrydendopper
Zoeken met locatie
Interaction Design 201 Vragen of feedback? @ferrydendopper
Zoeken met microfoon
Interaction Design 201 Vragen of feedback? @ferrydendopper
Zoeken met camera
Google Goggles
Interaction Design 201 Vragen of feedback? @ferrydendopper
Meerwaarde aan de echte wereld
Interaction Design 201 Vragen of feedback? @ferrydendopper
Meerwaarde aan de echte wereld
Interaction Design 201 Vragen of feedback? @ferrydendopper
Meerwaarde aan de echte wereld
Interaction Design 201 Vragen of feedback? @ferrydendopper
Meerwaarde aan de echte wereld
Interaction Design 201 Vragen of feedback? @ferrydendopper
Metrostations vinden
Interaction Design 201 Vragen of feedback? @ferrydendopper
Mobile Faceted Search
 Facets kosten veel ruimte.
 Op Amazons iPhone app wordt al 22% van het
scherm ingenomen door navigatie.
Interaction Design 201 Vragen of feedback? @ferrydendopper
Mobile Faceted Search
Interaction Design 201 Vragen of feedback? @ferrydendopper
Hebben apps nog toekomst?
Interaction Design 201 Vragen of feedback? @ferrydendopper
Notificatie stuurt naar app
Interaction Design 201 Vragen of feedback? @ferrydendopper
Acties vanuit een notificatie
Interaction Design 201 Vragen of feedback? @ferrydendopper
Actie binnen de notificatie afronden
Interaction Design 201 Vragen of feedback? @ferrydendopper
Lezen
 Reader: hoofdstuk 4
Interaction Design 201 Vragen of feedback? @ferrydendopper
Vragen? Feedback?
f.den.dopper@hr.nl
@ferrydendopper

More Related Content

IAD 5 - les 2 - Apps

  • 1. Interaction Design 201 Vragen of feedback? @ferrydendopper Apps
  • 2. Interaction Design 201 Vragen of feedback? @ferrydendopper Vandaag: Pinboard (5 min.) Process flow; rondje langs de teams (20 min.) Apps, een stukje theorie (40 min.) Aan je concept werken (30 min.)
  • 3. Interaction Design 201 Vragen of feedback? @ferrydendopper Pinboard Welke pins heb je toegevoegd en waarom?
  • 4. Ik wil een app! van branded apps haalt de 1000 downloads niet 80%
  • 5. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride?
  • 6. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride? Almost Full
  • 7. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride?
  • 8. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride?
  • 9. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride? To help you decide how you should build your mobile app, ask yourself these questions: Does the mobile app require the use of any special device features (i.e., camera, the cameras flash, accelerometer, etc.)? Whats my budget? Does the mobile app need to be Internet-enabled? Do I need to target all mobile devices or just certain devices? What programming languages do I already know? How important is speed and performance? How will this app be monetized effectively?
  • 10. Interaction Design 201 Vragen of feedback? @ferrydendopper Native UI elementen
  • 11. Interaction Design 201 Vragen of feedback? @ferrydendopper Native UI elementen Waarom? Gemakkelijker, sneller en stabieler Consistentie
  • 12. Interaction Design 201 Vragen of feedback? @ferrydendopper Oefening Ontdek de verschillen in selectiecomponenten Dropdown lijst (in formulier) Opties bij tekst selecteren Datum / tijd selecteren 際際滷rs Enz. tussen Android en iOS.
  • 13. Interaction Design 201 Vragen of feedback? @ferrydendopper Information Architecture
  • 14. Interaction Design 201 Vragen of feedback? @ferrydendopper Information Architecture
  • 15. Interaction Design 201 Vragen of feedback? @ferrydendopper Startscherm
  • 16. Interaction Design 201 Vragen of feedback? @ferrydendopper Menukaart of start bij toptaak? vs
  • 17. Interaction Design 201 Vragen of feedback? @ferrydendopper Menukaart echt nodig?
  • 18. Interaction Design 201 Vragen of feedback? @ferrydendopper Oefening Ontdek de verschillen in navigatie en informatiearchitectuur tussen Android en iOS.
  • 19. Interaction Design 201 Vragen of feedback? @ferrydendopper Mobile Search Designing a great mobile finding experience requires a way of thinking that is quite different from our typical approach to designing search for Web or desktop applications. Turn limitations into opportunities.
  • 20. Interaction Design 201 Vragen of feedback? @ferrydendopper Its not enough to think: How can I duplicate our Web applications user experience within the limitations of the mobile platform? Instead, its better to start from scratch, focusing on What experience would work best for mobile users? UX Matters - Greg Nudelman
  • 21. Interaction Design 201 Vragen of feedback? @ferrydendopper Voorladen van relevante resultaten Zoektaken worden regelmatig onderbroken door een telefoontje, berichtje of iets anders. Onthoud vorige zoekopdrachten, cache de resultaten. Presenteer bv. na een onderbreking weer het zoekresultaat en in een nieuwe sessie de afgelopen zoekopdrachten.
  • 22. Interaction Design 201 Vragen of feedback? @ferrydendopper Voorladen van relevante resultaten
  • 23. Interaction Design 201 Vragen of feedback? @ferrydendopper Zoeken met locatie
  • 24. Interaction Design 201 Vragen of feedback? @ferrydendopper Zoeken met microfoon
  • 25. Interaction Design 201 Vragen of feedback? @ferrydendopper Zoeken met camera Google Goggles
  • 26. Interaction Design 201 Vragen of feedback? @ferrydendopper Meerwaarde aan de echte wereld
  • 27. Interaction Design 201 Vragen of feedback? @ferrydendopper Meerwaarde aan de echte wereld
  • 28. Interaction Design 201 Vragen of feedback? @ferrydendopper Meerwaarde aan de echte wereld
  • 29. Interaction Design 201 Vragen of feedback? @ferrydendopper Meerwaarde aan de echte wereld
  • 30. Interaction Design 201 Vragen of feedback? @ferrydendopper Metrostations vinden
  • 31. Interaction Design 201 Vragen of feedback? @ferrydendopper Mobile Faceted Search Facets kosten veel ruimte. Op Amazons iPhone app wordt al 22% van het scherm ingenomen door navigatie.
  • 32. Interaction Design 201 Vragen of feedback? @ferrydendopper Mobile Faceted Search
  • 33. Interaction Design 201 Vragen of feedback? @ferrydendopper Hebben apps nog toekomst?
  • 34. Interaction Design 201 Vragen of feedback? @ferrydendopper Notificatie stuurt naar app
  • 35. Interaction Design 201 Vragen of feedback? @ferrydendopper Acties vanuit een notificatie
  • 36. Interaction Design 201 Vragen of feedback? @ferrydendopper Actie binnen de notificatie afronden
  • 37. Interaction Design 201 Vragen of feedback? @ferrydendopper Lezen Reader: hoofdstuk 4
  • 38. Interaction Design 201 Vragen of feedback? @ferrydendopper Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper