SlideShare a Scribd company logo
1 of 30
Hoorcollege 1 IAD2 0910Q1 Ontwerpenvoormobiele interfaces
Bronnen Nieuwemodulepagina IAD2: http://vakgroep.cmd.hro.nl/iad/iad2_0910q1/
Nou ja, het scherm is gewoon wat kleiner…
‘PersonalCommunicationDevices’ Persoonlijk, gericht op één identificeerbaar persoon Communicatief, gebruikt voor communicatie en verbonden met een netwerk op verschillende manieren Handheld, draagbaar en te bedienen met één hand Direct wakker te maken door gebruiker of netwerk
‘The Carry Principle’ De gevolgen voor het apparaat: Vorm: klein, draadloos, op batterijen Features: alles in één functionaliteit Capaciteiten: altijd een fractie van desktop computers User interface: singlewindow interface (transientposture) Proliferatie: geen ‘onesize fits all’
‘The Carry Principle’ De gevolgen voor het gebruikscenario: Beschikbaarheid: gebruikers zijn altijd beschikbaar voor interactie Beperkte aandacht: gebruikers zijn veelal met meer bezig dan interactie  Veranderend sociaal gedrag: gebruikers raken minder betrokken bij directe omgeving en blijven meer ‘op afstand’ betrokken
Verbonden met…
Variaties target hardware
Input devices Touch screen Pointingdevice (joystick) Keyboard (numeriek, alphanumeriek) Soft keys Dedicatedbuttons Camera Voice GPS Kompas Nabijheid sensor (iPhone) Oriëntatie sensor
Indelingmobiele  ‘user experience’ volgens Nielsen Vooralgebaseerd op schermgrootte ‘Feature phones’ ‘Smart phones’ ‘Touch-screen phones’ Hoe groter het scherm, hoe beter de bruikbaarheid
‘Mobile User Experience’ volgens Nielsen The Mobile User Experience Is Miserable Mobile Web 2009 = Desktop Web 1998 Uit: http://www.useit.com/alertbox/mobile-usability.html
Belangrijksteknelpuntenmobielebruikbaarheid Klein scherm Lastigeinvoer (vooraltekst) Langzameverbinding Ongeschikte sites Uit: http://www.useit.com/alertbox/mobile-usability.html
Schermen Resolutie Pitch (dpi, pixelgrootte) Ook spraak als output modaliteit
Gestural Interfaces Touchscreen vs. Free-form
Ergonomics of Interactive Gestures "Hands are underrated. Eyes are in charge, mind gets all the study, and heads do all the talking. Hands type letters, push mice around, and grip steering wheels, so they are not idle, just underemployed." —Malcolm McCullough, Abstracting Craft (from: Saffer, 2009)
Ergonomics of Interactive Gestures Limitations due to anatomy, physiology and mechanics of the human body (kinesiology) Left-handedness (7-10%) Fingernails Screen Coverage
Designing Touch Targets No smaller than 1x1cm in an ideal world In a not so ideal world: Iceberg Tips Adaptive Targets
Designing Touch Targets But even spaciously sized targets can be tricky…
Patterns for Touchscreens and Interactive Surfaces Tap to open/activate
Patterns for Touchscreens and Interactive Surfaces Tap to select
Patterns for Touchscreens and Interactive Surfaces Drag to move object
Patterns for Touchscreens and Interactive Surfaces Slide to scroll
Patterns for Touchscreens and Interactive Surfaces Spin to scroll
Patterns for Touchscreens and Interactive Surfaces Pinch to shrink and spread to enlarge
Patterns for Free-Form Interactive Gestures Proximity activates/deactivates
Patterns for Free-Form Interactive Gestures Point to select/activate
Patterns for Free-Form Interactive Gestures Rotate to change state
Patterns for Free-Form Interactive Gestures Shake to change
Patterns for Free-Form Interactive Gestures Tilt to move
Interesting demos

More Related Content

Viewers also liked

Iad2 0809Q3 Feedback Kwartaalopdracht
Iad2 0809Q3 Feedback KwartaalopdrachtIad2 0809Q3 Feedback Kwartaalopdracht
Iad2 0809Q3 Feedback KwartaalopdrachtHans Kemp
 
0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff0910 Q3 Medialab Kickoff
0910 Q3 Medialab KickoffHans Kemp
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductieHans Kemp
 
Week 38 Sponges
Week 38 SpongesWeek 38 Sponges
Week 38 SpongesCorey Topf
 
Week 21 Sponges
Week 21 SpongesWeek 21 Sponges
Week 21 SpongesCorey Topf
 
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En NavigatieIad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En NavigatieHans Kemp
 
Versie 3 Nv Iad2 0910 Q1 Les 4 Patterns For Mobile
Versie 3 Nv  Iad2 0910 Q1 Les 4 Patterns For MobileVersie 3 Nv  Iad2 0910 Q1 Les 4 Patterns For Mobile
Versie 3 Nv Iad2 0910 Q1 Les 4 Patterns For MobileHans Kemp
 
Beyond The Advertising 
Into The Unknown - The Future Business and Communicat...
Beyond The Advertising 
Into The Unknown - The Future Business and Communicat...Beyond The Advertising 
Into The Unknown - The Future Business and Communicat...
Beyond The Advertising 
Into The Unknown - The Future Business and Communicat...Johan Ronnestam
 
Week 24 Sponges
Week 24 SpongesWeek 24 Sponges
Week 24 SpongesCorey Topf
 
Week 25 Sponges
Week 25 SpongesWeek 25 Sponges
Week 25 SpongesCorey Topf
 
0910 Q2 Medialab Kickoff
0910 Q2 Medialab Kickoff0910 Q2 Medialab Kickoff
0910 Q2 Medialab KickoffHans Kemp
 
Medical Librarianship in the Philippines: what's in store beyond the next gen...
Medical Librarianship in the Philippines: what's in store beyond the next gen...Medical Librarianship in the Philippines: what's in store beyond the next gen...
Medical Librarianship in the Philippines: what's in store beyond the next gen...Joseph Yap
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en posturesHans Kemp
 
Keynote deeldag nijmegen_deelstad_2015
Keynote deeldag nijmegen_deelstad_2015Keynote deeldag nijmegen_deelstad_2015
Keynote deeldag nijmegen_deelstad_2015roemen
 
Medialab Intro Studenten
Medialab Intro StudentenMedialab Intro Studenten
Medialab Intro StudentenHans Kemp
 
Quick Quiz Week6
Quick Quiz Week6Quick Quiz Week6
Quick Quiz Week6Corey Topf
 
Dark data para la mejora de los procesos de negocio
Dark data para la mejora de los procesos de negocioDark data para la mejora de los procesos de negocio
Dark data para la mejora de los procesos de negocioJorge Fernandez Gonzalez
 

Viewers also liked (20)

Iad2 0809Q3 Feedback Kwartaalopdracht
Iad2 0809Q3 Feedback KwartaalopdrachtIad2 0809Q3 Feedback Kwartaalopdracht
Iad2 0809Q3 Feedback Kwartaalopdracht
 
0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff0910 Q3 Medialab Kickoff
0910 Q3 Medialab Kickoff
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductie
 
Tozoid Et Vula
Tozoid Et VulaTozoid Et Vula
Tozoid Et Vula
 
Week 38 Sponges
Week 38 SpongesWeek 38 Sponges
Week 38 Sponges
 
Week 21 Sponges
Week 21 SpongesWeek 21 Sponges
Week 21 Sponges
 
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie
Iad1 0809 Q3 Hoorcollege 1   Structuur, Flow En NavigatieIad1 0809 Q3 Hoorcollege 1   Structuur, Flow En Navigatie
Iad1 0809 Q3 Hoorcollege 1 Structuur, Flow En Navigatie
 
Techo may2
Techo may2Techo may2
Techo may2
 
Versie 3 Nv Iad2 0910 Q1 Les 4 Patterns For Mobile
Versie 3 Nv  Iad2 0910 Q1 Les 4 Patterns For MobileVersie 3 Nv  Iad2 0910 Q1 Les 4 Patterns For Mobile
Versie 3 Nv Iad2 0910 Q1 Les 4 Patterns For Mobile
 
Beyond The Advertising 
Into The Unknown - The Future Business and Communicat...
Beyond The Advertising 
Into The Unknown - The Future Business and Communicat...Beyond The Advertising 
Into The Unknown - The Future Business and Communicat...
Beyond The Advertising 
Into The Unknown - The Future Business and Communicat...
 
Blogging
BloggingBlogging
Blogging
 
Week 24 Sponges
Week 24 SpongesWeek 24 Sponges
Week 24 Sponges
 
Week 25 Sponges
Week 25 SpongesWeek 25 Sponges
Week 25 Sponges
 
0910 Q2 Medialab Kickoff
0910 Q2 Medialab Kickoff0910 Q2 Medialab Kickoff
0910 Q2 Medialab Kickoff
 
Medical Librarianship in the Philippines: what's in store beyond the next gen...
Medical Librarianship in the Philippines: what's in store beyond the next gen...Medical Librarianship in the Philippines: what's in store beyond the next gen...
Medical Librarianship in the Philippines: what's in store beyond the next gen...
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures
 
Keynote deeldag nijmegen_deelstad_2015
Keynote deeldag nijmegen_deelstad_2015Keynote deeldag nijmegen_deelstad_2015
Keynote deeldag nijmegen_deelstad_2015
 
Medialab Intro Studenten
Medialab Intro StudentenMedialab Intro Studenten
Medialab Intro Studenten
 
Quick Quiz Week6
Quick Quiz Week6Quick Quiz Week6
Quick Quiz Week6
 
Dark data para la mejora de los procesos de negocio
Dark data para la mejora de los procesos de negocioDark data para la mejora de los procesos de negocio
Dark data para la mejora de los procesos de negocio
 

Similar to Iad2 0910 Q1 Hoorcollege 1

1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principleHans Kemp
 
0809 Iad2 Q1 Hoorcollege1
0809 Iad2 Q1 Hoorcollege10809 Iad2 Q1 Hoorcollege1
0809 Iad2 Q1 Hoorcollege1Hans Kemp
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designFerry den Dopper
 
0708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege10708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege1Hans Kemp
 
Uit de scriptie van jolien krijnen
Uit de scriptie van jolien krijnenUit de scriptie van jolien krijnen
Uit de scriptie van jolien krijnenMADNewMedia
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteersHans Kemp
 
User Study On Multitouch screens
User Study On Multitouch screensUser Study On Multitouch screens
User Study On Multitouch screensDavy Debacker
 
Computergebruiker, de vaak vergeten laatste schakel in HNW
Computergebruiker, de vaak vergeten laatste schakel in HNWComputergebruiker, de vaak vergeten laatste schakel in HNW
Computergebruiker, de vaak vergeten laatste schakel in HNWoverhetnieuwewerken
 
Multitouch
MultitouchMultitouch
Multitouchsand3r
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobileHans Kemp
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobileHans Kemp
 
Tom luyten hightechinhealthcare_2014
Tom luyten hightechinhealthcare_2014Tom luyten hightechinhealthcare_2014
Tom luyten hightechinhealthcare_2014Tom Luyten
 
Exploratieve studie Multitouch
Exploratieve studie MultitouchExploratieve studie Multitouch
Exploratieve studie MultitouchBeTheB
 
Interactief verhalen vertellen
Interactief verhalen vertellenInteractief verhalen vertellen
Interactief verhalen vertellenNMU
 
Terugblik op TEDxUtrecht 8 november 2012
Terugblik op TEDxUtrecht 8 november 2012Terugblik op TEDxUtrecht 8 november 2012
Terugblik op TEDxUtrecht 8 november 2012Tribewise
 

Similar to Iad2 0910 Q1 Hoorcollege 1 (19)

1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principle
 
0809 Iad2 Q1 Hoorcollege1
0809 Iad2 Q1 Hoorcollege10809 Iad2 Q1 Hoorcollege1
0809 Iad2 Q1 Hoorcollege1
 
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile designIAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile design
 
0708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege10708 Iad2 Q4 Hoorcollege1
0708 Iad2 Q4 Hoorcollege1
 
Uit de scriptie van jolien krijnen
Uit de scriptie van jolien krijnenUit de scriptie van jolien krijnen
Uit de scriptie van jolien krijnen
 
Newmediaeindpres
NewmediaeindpresNewmediaeindpres
Newmediaeindpres
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
 
User Study On Multitouch screens
User Study On Multitouch screensUser Study On Multitouch screens
User Study On Multitouch screens
 
Computergebruiker, de vaak vergeten laatste schakel in HNW
Computergebruiker, de vaak vergeten laatste schakel in HNWComputergebruiker, de vaak vergeten laatste schakel in HNW
Computergebruiker, de vaak vergeten laatste schakel in HNW
 
Multitouch
MultitouchMultitouch
Multitouch
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
NEW MEDIA 2
NEW MEDIA 2NEW MEDIA 2
NEW MEDIA 2
 
Tom luyten hightechinhealthcare_2014
Tom luyten hightechinhealthcare_2014Tom luyten hightechinhealthcare_2014
Tom luyten hightechinhealthcare_2014
 
New Media 2
New Media 2New Media 2
New Media 2
 
Exploratieve studie Multitouch
Exploratieve studie MultitouchExploratieve studie Multitouch
Exploratieve studie Multitouch
 
Interactief verhalen vertellen
Interactief verhalen vertellenInteractief verhalen vertellen
Interactief verhalen vertellen
 
Tablet eco systeem - April 2012
Tablet eco systeem - April 2012Tablet eco systeem - April 2012
Tablet eco systeem - April 2012
 
Terugblik op TEDxUtrecht 8 november 2012
Terugblik op TEDxUtrecht 8 november 2012Terugblik op TEDxUtrecht 8 november 2012
Terugblik op TEDxUtrecht 8 november 2012
 

More from Hans Kemp

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Hans Kemp
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd belevingHans Kemp
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformHans Kemp
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobileHans Kemp
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijkHans Kemp
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-offHans Kemp
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshopHans Kemp
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisatiesHans Kemp
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introductionHans Kemp
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick offHans Kemp
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoffHans Kemp
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Hans Kemp
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactieHans Kemp
 
Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactieHans Kemp
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieHans Kemp
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronenHans Kemp
 
User Experience Design Introduction
User Experience Design   IntroductionUser Experience Design   Introduction
User Experience Design IntroductionHans Kemp
 
Eerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst AfstudeerdersEerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst AfstudeerdersHans Kemp
 

More from Hans Kemp (20)

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd beleving
 
Ict lab
Ict labIct lab
Ict lab
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platform
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobile
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijk
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-off
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introduction
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
 
Bio
BioBio
Bio
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoff
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
 
Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactie
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotie
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
 
User Experience Design Introduction
User Experience Design   IntroductionUser Experience Design   Introduction
User Experience Design Introduction
 
Eerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst AfstudeerdersEerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst Afstudeerders
 

Iad2 0910 Q1 Hoorcollege 1