Papa darf ich bisschen iPad spielen?

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