mobile’ux’ - linuxtag › 2013 › fileadmin › › slides › ... · 2013-05-26 ·...
TRANSCRIPT
Mobile UX Interak(ons-‐ und Designmuster auf Android und iOS Philipp Kumar
Über mich
Philipp Kumar ¡ Competence Center Mobile Lösungen
¡ Schwerpunkte – Mobile Unternehmenslösungen – Mobiltechnologien
2 24.05.13 Copyright © 2013 – akquinet AG
akquinet AG
3 24.05.13 Copyright © 2013 – akquinet AG
Business Consul+ng
JAVA
Business Solu(ons ‒ JBoss ‒ Websphere ‒ OSGi
Mobile Solu(ons ‒ Android ‒ iPhone
Innova(ve Solu(ons
User Experience ‒ Analyse ‒ Konzep(on
Open Source
Microso= / .NET
Dynamics NAV
Dynamics AX
Dynamics CRM
Sharepoint / .NET
Branchenlösungen ‒ care concept ‒ easy san ‒ opus curare
Telema(k
Interna(onale Projekte
Outsourcing
IT-‐Consul(ng & Projekte
Outsourcing & Services
RZ-‐Betrieb
Business Process Outsourcing
SAP
SAP-‐Security & Compliance
BRM/BRO (Business Rules Management)
SAP Consul(ng CRM, SCM, SRM Logis(k, Finance
SAP Development
SAP Technologie SAP Basis
Open Text
4 24.05.13 Copyright © 2013 – akquinet AG
Mobile User Experience
Mobile UX: Besonderheiten
Mobile UX: Besonderheiten
Mobile UX: Besonderheiten
© giantant.com
Mobile UX: Besonderheiten
9 24.05.13 Copyright © 2013 – akquinet AG
iOS und Android
Bedienelemente
Bedienelemente
„Vertikale“ Navigation
Hardware-‐BuMon UI-‐Widget
Android: Back-Navigation
Android: Back-Navigation
Android: Up-Navigation
„Horizontale“ Navigation
(1) AcSon Bar Tabs Tab Bar
„Horizontale“ Navigation
(2) Swipe Tab Bar
Kontextuelle Aktion
Long Press -‐> Contextual AcSon Bar Detail Disclosure BuMon
Spezialfall: Objekt löschen
Long Press -‐> Contextual AcSon Bar Swipe to Delete
Aktion auf mehreren Objekten
Long Press -‐> Contextual AcSon Bar Edit Mode
Undo
Undo Bar Shake Device
Refresh
AcSon Bar BuMon Pull to Refresh
23 24.05.13 Copyright © 2013 – akquinet AG
Fazit
Fazit
¡ Interak(ons-‐ und Designmuster unterscheiden sich
¡ Nichtberücksich(gung führt zu Usability-‐Problemen
¡ Muster sind „im Fluss“ – Populäre Apps etablieren Muster, z.B. Twijer, Facebook
24 24.05.13 Copyright © 2013 – akquinet AG
Side Navigation
ohana-‐calendar.com
Side Navigation
ohana-‐calendar.com
Side Navigation
28 24.05.13 Copyright © 2013 – akquinet AG
Vielen Dank!