IAD 5 - les 4 - Apps

32
Interaction Design 201 Vragen of feedback? @ferrydendopper Apps

description

 

Transcript of IAD 5 - les 4 - Apps

Page 1: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Apps

Page 2: IAD 5 - les 4 - Apps

Ik wil een app!

van branded apps haalt de 1000

downloads niet

80%

Page 3: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Native, web of hybride?

Page 4: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Native, web of hybride?

Almost Full

Page 5: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Native, web of hybride?

Page 6: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Native, web of hybride?

Page 7: IAD 5 - les 4 - Apps

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?

Page 8: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Native UI elementen

Page 9: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Native UI elementen

Waarom?

Gemakkelijker, sneller en stabieler Consistentie

Page 10: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Oefening

Ontdek de verschillen in

• selectie-componenten

tussen Android en iOS.

Page 11: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Information Architecture

Page 12: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Information Architecture

Page 13: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Startscherm

Page 14: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Menukaart of start bij toptaak?

vs

Page 15: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Menukaart echt nodig?

Page 16: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Oefening

Ontdek de verschillen in

• navigatie en informatiearchitectuur

tussen Android en iOS.

Page 17: IAD 5 - les 4 - Apps

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.”

Page 18: IAD 5 - les 4 - Apps

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

Page 19: IAD 5 - les 4 - Apps

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.

Page 20: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Voorladen van relevante resultaten

Page 21: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Zoeken met locatie

Page 22: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Zoeken met microfoon

Page 23: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Zoeken met camera

Google Goggles

Page 24: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Meerwaarde aan de echte wereld

Page 25: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Meerwaarde aan de echte wereld

Page 26: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Meerwaarde aan de echte wereld

Page 27: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Meerwaarde aan de echte wereld

Page 28: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Metrostations vinden

Page 29: IAD 5 - les 4 - Apps

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.

Page 30: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Mobile Faceted Search

Page 31: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Lezen

Reader: hoofdstuk 4

Page 32: IAD 5 - les 4 - Apps

Interaction Design 201 Vragen of feedback? @ferrydendopper

Vragen? Feedback?

[email protected]

@ferrydendopper