The document discusses various topics relating to mobile app design including native vs web vs hybrid apps, UI elements, information architecture, mobile search, location-based features, notifications, and reading experiences. It provides examples and recommendations for how to approach these topics when designing mobile apps, such as leveraging device capabilities and preloading relevant search results to account for interruptions.
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%
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?
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.
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
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.