web mobile specialists
Papa, darf ich iPad spielen?Was kann App-Usability von Kindern lernen?
Benno Bartels, GeschäftsführerinsertEFFECT GmbH, Nürnberg
Webinale, 04.06.2012
© insertEFFECT GmbH 2
Wer spricht?
Benno Bartels
* Konzepter
* Berater
* Papa
* GF insertEFFECT GmbH
@inserteffectKaya
* 3 Jahre alt
* 2-3 Jahre Mobile-Erfahrung
* Lieblingsspiele: Brio-Bahn, Lego, iPad
© insertEFFECT GmbH
Was wir tun..
3
• Mobile Design & Konzeption
• Mobile Consulting
• Development…
• MobileWeb
• Apps für Tablets und Mobile
• iOS, Android, WP7, ..
© insertEFFECT GmbH
Um was geht's?
• Usability von Touchscreen-Apps
• Wie erleben kleine Kinder Touchscreen Devices, welche Erwartungen haben sie und was kann man beobachten?
• Was kann man daraus für Konzeption und Design von "Erwachsenen-Apps" lernen?
© insertEFFECT GmbH
Um was geht es nicht? -> Pädagogik
• Disclaimer: Dies ist kein pädagogischer Vortrag über den Umgang von Kleinkindern mit digitalen Medien, evtl. läuft hier auch einiges schief
• Experten raten: „kein Medienkonsum bis 7 Jahre“
Ist iPad-spielen schlimmer als TV?
„Kindergartenkinder machen Swipe-Gesten bei echten Büchern“ ...?
Touchscreen!Wer braucht heute noch
eine Maus?
© insertEFFECT GmbH
Papa, darf ich iPad spielen?
... aber jetzt will ich iPad spielen!
„Erwartungshaltungen“ von Kindern an Apps
Feedback auf Aktionen (Sound,
Animation, ..)
Erfolgserlebnisse
Wiederholung: Bekanntes
wiedererkennen
Abwechslung: Neues entdecken
+ elterliche Erwartungen:
Lehrreich, nicht zu nervig
© insertEFFECT 8
Beispiele für „Kinder-Apps“
© insertEFFECT GmbH
"KinderApp"
?
Viele Einstellungen auf dem Startscreen Startbutton für Kinder
zu versteckt
Wechsel der Szene über Pfeile, wenige
Fehlerquellen
App für 1- bis 2-jährige. Ziel: Umgang mit Touchscreen lernen, Begriffe, Sprachen.
© insertEFFECT GmbH
"KinderApp" App für 1- bis 2- jährige. Ziel: Umgang mit Touchscreen lernen, Begriffe, Sprachen.
Bisweilen etwas ermüdend...
?
?
© insertEFFECT GmbH
"Kindergarten Kitty"
Longpress für „Andere Apps“ und
„Einstellungen“ verhindert
versehentliches Starten Kein Start-Button
Verschiedene Lernspiele, Musik und Belohnung
Billig gemacht, aber sehr beliebt
© insertEFFECT GmbH
"Kindergarten Kitty" Verschiedene Lernspiele, Musik und Belohnung
?
Gute Idee: nach drei Spielen kann sich das Kind ein „Geschenk“
nehmen
© insertEFFECT GmbH
"Pitt Sevenpot"
?
Start über Sprachauswahl Start-Button für Kinder
zu versteckt
Interaktive Geschichte für 3-4 Jährige
Seitenwechsel à la iBooks -> Problem
Navigation unglücklich positioniert
?
© insertEFFECT GmbH
"Lego MiniSpiele2"
Sehr gut gemachte Werbeapp für vier
Duplo-Sets
Usability ist kleinkindgerecht
Verschiedene einfache Spiele für 3-jährige Product-Placement
Lego-Figuren sind den Kindern aus anderem
Kontext bekannt
?
© insertEFFECT GmbH
"Lego MiniSpiele2" - Spielauswahl
Infos zum Produkt
Wechsel der Szene per Swipe oder Pfeil-
Button
Ein bis zwei Minispiele pro Produkt
Perfekter„Papa, das will ich auch
haben“-Effekt
?
© insertEFFECT GmbH
"Lego MiniSpiele2" - In-App-Guide
Animationen beschreiben bildlich vor jedem Spiel, was zu tun ist
© insertEFFECT GmbH 17
?"Lego MiniSpiele2" - Live-Einsatz
© insertEFFECT GmbH 18
"Lego MiniSpiele2" - Ende des Spiels
© insertEFFECT 19
„Erwachsenen-Apps“
Erwartungshaltungen
Schneller Zugriff
Spaß bei der Benutzung
Sinnvolle Features
Ausreizen der Möglichkeiten des
Smartphones
© insertEFFECT GmbH 21
Tablet & Smartphone Bedienung
Fokussierte Bedienung.
Sehr unterschiedlich bedienbar, hat sehr großen Einfluss auf das Interface.
Nutzung überall und nebenher.
Bedienung meistens mit einer Hand.
© insertEFFECT GmbH
Kleine, nachvollziehbare
Schritte
Reduktion aufs Wesentliche
Beispiel: hotel.deiPhone Apps ...
© insertEFFECT GmbH 23
Viele Elemente
machen die App unübersichtlich
Beispiel: hotel.de... iPad Apps
© insertEFFECT GmbH 24
Funktionalität und Design
Beispiel: Kalender-App
© insertEFFECT GmbH 25
Funktionalität und Design
© insertEFFECT GmbH
Vier Plattformen - vier Konzepte & Designs
26
Windows Phone
iPhoneAndroid Mobile Web
iPad
© insertEFFECT GmbH 27
Touchscreen Usability: Worauf kommt‘s an?
Erwachsene
-> Plattformkonformität-> Handhabung des Geräts beachten-> Für den User denken (Fast-Lanes)-> Ablenkung vermeiden (Reduktion)-> Wurstfingerkompatibilität-> Gestensteuerung und Animation-> Liebe ins Design stecken
Kinder
-> Klare und große Bilder-> „Schreiende“ Buttons-> Analogie zur echten Welt schaffen.-> Reduktion auf Minimum an Interaktionselementen-> Sound-Unterstützung-> Erklärende Animationen-> Verzicht auf beiläufige Gestensteuerung-> „Eltern-Bereiche“ verstecken
© insertEFFECT GmbH 28
Einige Erkenntnisse ...
Je weniger Elemente pro Screen
desto besser
Die bevorzugte Interaktion muss klar
herausstechen
Kinder entdecken, Erwachsene nutzen
zielgerichtet
Fazit: Was für Kinder gut ist, ist für Erwachsene nur manchmal gut :)
In-App Guides helfen die App zu verstehen
Designverständnis Kinder <-> Erwachsene ist
sehr unterschiedlich
Plattformkonformität ist nur für Erwachsene
wichtig
© insertEFFECT GmbH
Danke!
29
blog.insfx.com
@inserteffect
facebook.com/inserteffect
www.inserteffect.com
Wer mehr wissen will: Unser E-Book
„Mobile Design & Usabilty“ gibt‘s unter
insfx.com/ebook
Wer jetzt nen Cappuccino braucht: Den Besten gibt‘s an unserem Stand