Downloaded 36 times
Uploaded byBaidurjya Sinha ( Tatan )
Mobile first ux
The presentation discusses designing mobile apps with a focus on the mobile user experience. It covers why mobile is the future over desktop, different screen sizes and platforms, common gestures and interactions, challenges in UX delivery across channels, and basic UI patterns for mobile. The presenter argues that mobile is not just desktop translated to a small screen, but requires its own design approach focused on accessibility, touch, and the contexts in which users engage with their devices on the go.
More Related Content
Mobile first ux
- 1. Mobile First Presenter: Baidurjya Sinha(Tatan) Innovation and UX Strategist Designing Apps with the Mobile UX focus This presentation is owned by Baidurjya Sinha and not to be reproduced without his permission
- 2. What we willcover • Why are we here • Mobile is not Desktop but Desktop is Mobile • Accesibility • Touch gestures • Challenges and Design strategy • UX delivery Channels • Screen sizes • App Types • Other Considerations • Basic UI patterns
- 3.
- 4. Mobile facts • 6Bconnections today • 10B connections in 2016
- 5. Paypal Mobile payments •2009 - $141 million • 2010 - $750 million • 2011 - $4 billion • 2012 - $14 billion • 2013 - $20+ billion
- 6. ebay Mobile purchase •2009 - $ 600 million • 2010 - $ 2 billion • 2011 - $ 5 billion • 2012 - $ 13 billion • 2013 - $ 20 billion
- 7. Mobile is notDesktop
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. Facts • 84% atHome • 80% during misc. times • 74% waiting in lines • 64% during work
- 23.
- 24. People use mobileto…. • Do Micro-Task
- 25. ……..and to • Dourgent repetitive task when bored
- 26. Common Tasks usingMobile • Calling • Look up or Search • Explore and Play • Check Status and updates • Create, Edit, submit
- 27. Data usage PCv/s Mobile time Data Volume Data Volume time
- 28. How people usemobile..?
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35. Core Gestures Tap DragDoubleTap Flick Pinch Close Pinch Open Press Press & Tap Rotate Press & Drag 2 finger Press & Drag 2 finger Rotate 2 finger Rotate
- 36.
- 37. Ok , sowhat is the take…..?
- 38. Oh! We agree… •Mobile is definitely different from desktop • Mobile Design is different from desktop • The form factors are different
- 39. Mobile is notDesktop but Desktop is Mobile
- 40. Desktop with FingerTouch
- 41.
- 42.
- 43. UX Delivery Channels •Single Channel • Multichannel – Separate Channels – Omni Channel
- 44. Single Channel Separate ChannelsOmni Channel Multi Channel Single and Multi Channel UX
- 45. Challenge :Different Screen Sizeand Resolutions
- 48. Brief History ofPhones Iphone Iphone 5 SG SIV SG Note 3 3.5 4 5 5.7 SG SIII 4.8 5.3 SG Note 2 5.5 SG Note
- 49.
- 50. Design Strategy • Mobilefirst – Mobile First and then scale up
- 51. What are theTypes of Apps?
- 52. Mobile App types •Web app – Responsive – Adaptive • Hybrid • Native
- 53.
- 54.
- 55.
- 56.
- 57. Content first Navigationsecond – Minimum Nav and Max Content – Focus on what is most important
- 58. Bad Design- NavigationFirst NAV
- 59. Worse – NavigationFirst NAV
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66. So do wehave some UI patterns…..?
- 67. Common Mobile UIPatterns • Hub and Spoke • Nested Doll • Bento Box • Tabbed • Filtered
- 68.
- 69.
- 70.
- 71.
- 72.
- 73. Good resources • SmashingMagazine • Android website • Iphone Website • Windows Website • UI patterns gallery – Theresa Neil
- 74. References • A BookApart – Mobile First – Luke W • Mobile Design Pattern Gallery – Theresa Neil
- 75. Profile : http://www.linkedin.com/in/tatan Email: tatan.sinha@gmail.com