2 apps zum preis von einer? unterschiede zwischen iphone und ipad apps
DESCRIPTION
Spätestens, wenn man versucht, sein iPad in die Hosentasche zu stecken wird klar: der Unterschied zum iPhone ist größer als man denkt. In dem Talk "zerlegt" Benno Bartels mit Ihnen ein paar iPad Apps und deren kleine Brüder auf dem iPhone, um herauszubekommen, wo die Unterschiede der Plattformen im Bezug auf Design, Usability, Featureset und Benutzungsszenario liegen.TRANSCRIPT
web mobile specialists
2 Apps zum Preis von einer?Unterschiede von iPhone und iPad Apps
Benno Bartels, IPDC11 - Köln@inserteffect
Dienstag, 29. November 11
© insertEFFECT GmbH 2
Um was geht‘s?
http://www.mobile-zeitgeist.com/2011/07/20/mobile-bullshit-bingo-2/
Dienstag, 29. November 11
© insertEFFECT GmbH 3
Benno Bartels[Mobile…]
* Konzepter
* Berater
* Usability Junkie@bennofx
@inserteffect
Wer spricht?
Dienstag, 29. November 11
© insertEFFECT GmbH
Wer spricht?
4
• Mobile Design & Konzeption
• Mobile Consulting
• Development…
• MobileWeb
• Apps für Tablets und Mobile
• iOS, Android, WP7, ..
.. ein 14-köpfiges Team
blog.insfx.com
@inserteffectfacebook.com/inserteffect
www.inserteffect.com
Dienstag, 29. November 11
© insertEFFECT 5
Warum dieser Talk?
Dienstag, 29. November 11
© insertEFFECT GmbH 6
„Wir hätten gerne eine iPhone App. Ach und ja, sie sollte auch auf dem
iPad laufen“
Warum dieser Talk?
Dienstag, 29. November 11
© insertEFFECT GmbH 7
„Nein, nein, keine verschiedenen Konzepte.
Es wird ja letztendlich die selbe App sein.“
Warum dieser Talk?
Dienstag, 29. November 11
© insertEFFECT 8
Unterschiede zwischen iPhone und iPad.
Dienstag, 29. November 11
© insertEFFECT GmbH 9
Nutzungsszenario bis 2009
Stationär
Standortunabhängig
Dienstag, 29. November 11
© insertEFFECT GmbH 10
Nutzungsszenario seit 2010Stationär
StandortunabhängigBegrenzt mobil
Ausführen von schnellen, kurzen
Tasks
Konsum von umfassenden Inhalten
Produktion von Inhalten
Dienstag, 29. November 11
© insertEFFECT GmbH 11
Klein versus groß.
Dienstag, 29. November 11
© insertEFFECT GmbH 12
Klein versus groß. Usability.
Limited screen size(displays single screen at a time)
• less data displayed;• less controls visible and
available on a single screen; • smaller buttons;• slow interaction.
BIG screen(displays more data on a singlescreen; allows split-view, a-la 2 screens at a time)
• more data displayed; • more controls visible and
available on a single screen; • big buttons;• faster interaction.
Je größer das Display ...
-> ... desto mehr Content und Controls sind gleichzeitig darstellbar -> ... desto weniger Clicks sind nötig-> ... desto schneller läuft die Bedienung-> ... desto größer die Gefahr, eine überladene Oberfläche zu bekommen
Dienstag, 29. November 11
© insertEFFECT GmbH 13
Eine versus zwei Hände.
Sehr unterschiedlich bedienbar, was einen sehr großen Einfluss auf die UI hat.
Fokussierte Bedienung.
Bedienung meistens mit einer Hand.
Nutzung überall und nebenher.
Dienstag, 29. November 11
© insertEFFECT GmbH 14
Gewohnt versus neu.
Bitte male mir eine iPhone-App
Bitte male mir eine iPad-App
- keine einheitliche UI - viel Raum für Innovationen
- seit 2007 gelernte UX- Standards und Erwartungen
Dienstag, 29. November 11
© insertEFFECT GmbH 15
Allein versus zusammen.
Das iPad eignet sich für Präsentationen und zur Benutzung in kleinen Gruppen.
Auf das kleine Smartphone-Display können nur 2 Augen gleichzeitig schauen.
Dienstag, 29. November 11
© insertEFFECT GmbH 16
Pragmatismus versus Design.
Beispiel: Kalender-App
Dienstag, 29. November 11
© insertEFFECT GmbH 17
Pragmatismus versus Design.
Dienstag, 29. November 11
© insertEFFECT GmbH 18
Liste versus Metapher
„Versteckte“ Funktionen
Listenansicht
Beispiel: Evernote
Platz und Design für die Schreibtisch - Blätter - Notizbuch - Metapher
Für jede Funktion einen Button
Dienstag, 29. November 11
© insertEFFECT GmbH 19
KISS versus Featuritis
Kleine, nachvollziehbare
Schritte
Reduktion aufs Wesentliche
Suche, Karte, Liste und
Optionen in einer Ansicht
iPad +Features:Reisetipps und
Checkliste
Beispiel: hotel.de
Dienstag, 29. November 11
© insertEFFECT GmbH 20
Tab-Bar versus Menüleiste
Dienstag, 29. November 11
© insertEFFECT GmbH 21
Einzelzimmer versus Doppelzimmer :-)
Dienstag, 29. November 11
© insertEFFECT GmbH 22
Pragmatismus versus Design.
Design für „Nicht-Designer“
Passable iPhone Apps dank UI kit, SDK und Guidelines
Ohne Designer geht es nicht
Standard-UI-Elemente mit SDK alleine reichen nicht. Ergebnis ist oft zu langweilig.
Beispiel: Einstellungen
Dienstag, 29. November 11
© insertEFFECT GmbH 23
Verschiedene „No-Show“-Fragestellungen
„Da bricht man sich ja die Finger“
„Die App verwendet doch niemand!“
-> Mobilen Usecase herausfinden-> ... und darauf fokussieren
Beispiel: Keynote
Dienstag, 29. November 11
© insertEFFECT GmbH 24
Verschiedene „No-Show“-Fragestellungen
„Da kann ich ja gleich die Webseite verwenden“
? Plattformvorteile nutzen
-> Touch-Usability-> Push-Nachrichten-> Offlineverfügbarkeit-> Fokus auf Design-> uvm...
Beispiel: ifun
Dienstag, 29. November 11
© insertEFFECT GmbH 25
4/5 versus 1/5.
Für‘s iPad zu Entwickeln bedeutet für weniger potentielle Nutzer entwickeln
iPod touch
iPad
iPhone Aber iPad Apps findet man besser im
Store
Marketing-Effekt von iPad Apps
ist hoch
Man kann auch für beide Plattformen
entwickeln
Dienstag, 29. November 11
© insertEFFECT GmbH 26
Billig versus teuer.
iPad Apps lassen sich teuerer Verkaufen
Die Entwicklung ist aber auch teurer
Die User haben einen höheren Anspruch
Dienstag, 29. November 11
© insertEFFECT GmbH 27
oft gilt daher ...
Eine iPhone App ist die Basis, die iPad App ist Luxus
Dienstag, 29. November 11
© insertEFFECT GmbH 28
Kosten....Eine iPhone App ist die Basis, die iPad App ist Luxus
Dienstag, 29. November 11
© insertEFFECT GmbH 29
Kosten....I
=5:
-,
i *a
e€ .lE
-o9o
(rló
7 óH
s'á
á ;e
x;
! e=
lp
-d. Á=
a
{ ái
áB
d. :
á!í
l^
áir
o -'a
-'o
- i
éi
9' 6
':.
- Ea
r E
=A:
E
;id5
ü al
i *
:€€ É
a
11
A =
:i-
+a
I :
.il
r a!
:.rt
t a)
@
=E
ró =a>
3óc
+P-
=rÉ
_:ó5 Y_o
E !.
=a
3 3 - 3
http://www.ibusiness.de/aktuell/db/709614jg.html
Dienstag, 29. November 11
© insertEFFECT GmbH 30
I =
5:-,
i
*ae€
.lE-o
9o(r
ló7
óHs'
á á
;ex;
!
e=lp
-d
. Á=
a
{ ái
áB
d. :
á!í
l^
áir
o -'a
-'o
- i
éi
9' 6
':.
- Ea
r E
=A:
E
;id5
ü al
i *
:€€ É
a
11
A =
:i-
+a
I :
.il
r a!
:.rt
t a)
@
=E
ró =a>
3óc
+P-
=rÉ
_:ó5 Y_o
E !.
=a
3 3 - 3Kosten...
Design
Konzept
Entwicklung€ 40.000,00 Design
Konzept
Entwicklung
€ 70.000,00
Dienstag, 29. November 11
© insertEFFECT GmbH 31
I =
5:-,
i
*ae€
.lE-o
9o(r
ló7
óHs'
á á
;ex;
!
e=lp
-d
. Á=
a
{ ái
áB
d. :
á!í
l^
áir
o -'a
-'o
- i
éi
9' 6
':.
- Ea
r E
=A:
E
;id5
ü al
i *
:€€ É
a
11
A =
:i-
+a
I :
.il
r a!
:.rt
t a)
@
=E
ró =a>
3óc
+P-
=rÉ
_:ó5 Y_o
E !.
=a
3 3 - 3Kosten...
Design
Konzept
Entwicklung Design
Konzept
Entwicklung€ 90.000,00
Dienstag, 29. November 11
© insertEFFECT GmbH 32
Fazit
Think Mobile First!
Das iPad ist kein großes
iPhone
Andere Nutzung erfordert andere
Konzepte
Stellt Designer ein!
Dienstag, 29. November 11
© insertEFFECT GmbH
Danke! - Fragen?
33
blog.insfx.com
@inserteffect
facebook.com/inserteffect
www.inserteffect.com
Wer mehr wissen will: Unser E-Book zum Thema
„Mobile Design“ gibt‘s bei mir
Dienstag, 29. November 11