Designer

UX Design For Mobile Devices: Mobile First UX Design

• Report rights infringement
• published: 31 Mar 2016
• views: 82

UX Design For Mobile Devices: Mobile First UX Design: UX Design = User Experience Design This lecture is for: - Developers who are getting started with design - Visual designers with limited UX experience - Junior designers Designing a functional mobile interface is not rocket science. Challenges of mobile UX design Small screen sizes Too many screen sizes Getting your app noticed Guiding Principle #1 - Design for your audience less tech savvy = more visual clues, less esoteric target user is on the move = simpler designs, good contrast If targeting multiple demographics: Design for the lowest common denominator. Guiding principle #2 - Show visual hierarchy What should the user look at first? Make your content hierarchy shine. Streamline your views. General rules of thumb: Keep written content in 1-column format Keep thumbnail grids to 2-3 columns max Do not mix content types randomly in grids Limit segmented controls to 3 items max Limit tabbed main navigation to 5 items max Infinite vertical scrolling on mobile is A-OK Guiding Principle #3 If you love your users let them go. Always show a clear path to exit. Give your users a reason to stay. Mobile First: What is Mobile First? Stemmed from a blog post about how mobile is becoming the platform that people use most and that when designing you should think of mobile first. Google doing everything in house for mobile first. Problems with mobile first: mobile is different for everyone forces us to isolate our websites, separate code bases and teams which is twice the work and gets out of sync. Mobile users don't want to jump from your mobile site to your desktop website. Should focus on good design first. Activity focused design. Interview users and figure out what features they want. Too stuck on this type of design. Assumptions about users is just not true. Experience focused design. Looks at discrete activities and all of the things that happen in between those activities. Focuses on the experience across all devices. Context aware dynamic experience. Where are they? Cater to their location. Are they relaxed or in a hurry? Can detect through analytics. Links: Google I/O 2014 - Design Principles for a Better Mobile Web - https://youtu.be/xqviGwyy7y0 7 Principles for Better Cross Platform Mobile - https://youtu.be/0oS-tvCUbBs The Mobile Movement - Understanding Smartphone Users -https://youtu.be/CjUcq_E4I-s?list=PLABEEB183DFC1B1FF 5 Steps to a Great Mobile UX - https://youtu.be/iWYnfctZ0Qc