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!