mobile ux: interaktions- und designmuster auf android und ios (linuxtag 2013, berlin)
DESCRIPTION
Eine sehr gute User Experience gehört heute zu den Grundvoraussetzungen erfolgreicher Apps. Deshalb ist es elementar, besondere Anforderungen an mobile Benutzungsschnittstellen zu kennen und zu berücksichtigen. Dazu gehören insbesondere diejenigen Design- und Interaktionsmuster, die von der Zielplattform abhängen. Entsprechend umfangreich und bisweilen unübersichtlich fallen die UX-Styleguides aus, die Apple und Google mittlerweile für ihre Plattformen iOS und Android bereitstellen. Dieser Vortrag erläutert zunächst die Besonderheiten mobiler User Experience gegenüber Desktopanwendungen. Danach werden die wichtigsten plattformspezifischen UX-Pattern der Plattformen Android und iOS, die zusammen über 85% des Smartphone-/Tabletmarkts abdecken, erläutert und gegenübergestellt.TRANSCRIPT
Mobile UXInteraktions- und Designmuster auf Android und iOS
Philipp Kumar
212.04.2023Copyright © 2013 – akquinet AG
Über mich
Philipp KumarCompetence Center Mobile LösungenSchwerpunkte
– Mobile Unternehmenslösungen– Mobiltechnologien
312.04.2023
akquinet AG
Copyright © 2013 – akquinet AG
Business Consulting
JAVA
Business Solutions ‒ JBoss‒ Websphere‒ OSGi
Mobile Solutions‒ Android‒ iPhone
Innovative Solutions
User Experience‒ Analyse‒ Konzeption
Open Source
Microsoft / .NET
Dynamics NAV
Dynamics AX
Dynamics CRM
Sharepoint / .NET
Branchenlösungen‒ care concept‒ easy san‒ opus curare
Telematik
Internationale Projekte
Outsourcing
IT-Consulting & Projekte
Outsourcing & Services
RZ-Betrieb
Business Process Outsourcing
SAP
SAP-Security & Compliance
BRM/BRO (BusinessRules Management)
SAP Consulting CRM, SCM, SRM Logistik, Finance
SAP Development
SAP TechnologieSAP Basis
Open Text
412.04.2023Copyright © 2013 – akquinet AG
Mobile User Experience
Mobile UX: Besonderheiten
Mobile UX: Besonderheiten
Mobile UX: Besonderheiten
© giantant.com
Mobile UX: Besonderheiten
912.04.2023Copyright © 2013 – akquinet AG
iOS und Android
Bedienelemente
Bedienelemente
„Vertikale“ Navigation
Hardware-ButtonUI-Widget
Android: Back-Navigation
Android: Back-Navigation
Android: Up-Navigation
„Horizontale“ Navigation
(1) Action Bar TabsTab Bar
„Horizontale“ Navigation
(2) SwipeTab Bar
Kontextuelle Aktion
Long Press-> Contextual Action BarDetail Disclosure Button
Spezialfall: Objekt löschen
Long Press-> Contextual Action BarSwipe to Delete
Aktion auf mehreren Objekten
Long Press-> Contextual Action BarEdit Mode
Undo
Undo BarShake Device
Refresh
Action Bar ButtonPull to Refresh
2312.04.2023Copyright © 2013 – akquinet AG
Fazit
2412.04.2023Copyright © 2013 – akquinet AG
Fazit
Interaktions- und Designmuster unterscheiden sich
Nichtberücksichtigung führt zu Usability-Problemen
Muster sind „im Fluss“– Populäre Apps etablieren Muster,
z.B. Twitter, Facebook
Side Navigation
ohana-calendar.com
Side Navigation
ohana-calendar.com
Side Navigation
2812.04.2023Copyright © 2013 – akquinet AG
Vielen Dank!