mobile ux: interaktions- und designmuster auf android und ios (linuxtag 2013, berlin)

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!