IAD 5 - les 2 - Apps

829 views

Published on

  • Be the first to comment

  • Be the first to like this

IAD 5 - les 2 - Apps

  1. 1. Interaction Design 201 Vragen of feedback? @ferrydendopper Apps
  2. 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. 3. Interaction Design 201 Vragen of feedback? @ferrydendopper Pinboard  Welke pins heb je toegevoegd en waarom?
  4. 4. Ik wil een app! van branded apps haalt de 1000 downloads niet 80%
  5. 5. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride?
  6. 6. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride? Almost Full
  7. 7. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride?
  8. 8. Interaction Design 201 Vragen of feedback? @ferrydendopper Native, web of hybride?
  9. 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 camera’s flash, accelerometer, etc.)?  What’s 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. 10. Interaction Design 201 Vragen of feedback? @ferrydendopper Native UI elementen
  11. 11. Interaction Design 201 Vragen of feedback? @ferrydendopper Native UI elementen Waarom?  Gemakkelijker, sneller en stabieler  Consistentie
  12. 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 • Sliders • Enz. tussen Android en iOS.
  13. 13. Interaction Design 201 Vragen of feedback? @ferrydendopper Information Architecture
  14. 14. Interaction Design 201 Vragen of feedback? @ferrydendopper Information Architecture
  15. 15. Interaction Design 201 Vragen of feedback? @ferrydendopper Startscherm
  16. 16. Interaction Design 201 Vragen of feedback? @ferrydendopper Menukaart of start bij toptaak? vs
  17. 17. Interaction Design 201 Vragen of feedback? @ferrydendopper Menukaart echt nodig?
  18. 18. Interaction Design 201 Vragen of feedback? @ferrydendopper Oefening Ontdek de verschillen in • navigatie en informatiearchitectuur tussen Android en iOS.
  19. 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. 20. Interaction Design 201 Vragen of feedback? @ferrydendopper “It’s not enough to think: How can I duplicate our Web application’s user experience within the limitations of the mobile platform? Instead, it’s better to start from scratch, focusing on What experience would work best for mobile users?” UX Matters - Greg Nudelman
  21. 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. 22. Interaction Design 201 Vragen of feedback? @ferrydendopper Voorladen van relevante resultaten
  23. 23. Interaction Design 201 Vragen of feedback? @ferrydendopper Zoeken met locatie
  24. 24. Interaction Design 201 Vragen of feedback? @ferrydendopper Zoeken met microfoon
  25. 25. Interaction Design 201 Vragen of feedback? @ferrydendopper Zoeken met camera Google Goggles
  26. 26. Interaction Design 201 Vragen of feedback? @ferrydendopper Meerwaarde aan de echte wereld
  27. 27. Interaction Design 201 Vragen of feedback? @ferrydendopper Meerwaarde aan de echte wereld
  28. 28. Interaction Design 201 Vragen of feedback? @ferrydendopper Meerwaarde aan de echte wereld
  29. 29. Interaction Design 201 Vragen of feedback? @ferrydendopper Meerwaarde aan de echte wereld
  30. 30. Interaction Design 201 Vragen of feedback? @ferrydendopper Metrostations vinden
  31. 31. Interaction Design 201 Vragen of feedback? @ferrydendopper Mobile Faceted Search  Facets kosten veel ruimte.  Op Amazon’s iPhone app wordt al 22% van het scherm ingenomen door navigatie.
  32. 32. Interaction Design 201 Vragen of feedback? @ferrydendopper Mobile Faceted Search
  33. 33. Interaction Design 201 Vragen of feedback? @ferrydendopper Hebben apps nog toekomst?
  34. 34. Interaction Design 201 Vragen of feedback? @ferrydendopper Notificatie stuurt naar app
  35. 35. Interaction Design 201 Vragen of feedback? @ferrydendopper Acties vanuit een notificatie
  36. 36. Interaction Design 201 Vragen of feedback? @ferrydendopper Actie binnen de notificatie afronden
  37. 37. Interaction Design 201 Vragen of feedback? @ferrydendopper Lezen  Reader: hoofdstuk 4
  38. 38. Interaction Design 201 Vragen of feedback? @ferrydendopper Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper

×