Mobile UX Design workshop
1 like652 views
Vince Baskerville gave a presentation on mobile user interface design. He discussed considerations for designing mobile experiences like simplicity and speed. Baskerville covered topics like mobile-first versus responsive design, constraints of mobile like touch and location services, information architecture, and reducing cognitive loads. The presentation provided examples of good and bad mobile designs and discussed balancing user engagement with usability.
Mobile UX Design workshop
- 1. MOBILE USER INTERFACE DESIGN
- 2. VINCE BASKERVILLE DIRECTOR, USER EXPERIENCE @CALLRAIL DESIGNING FOR MOBILE
- 4. vince baskerville | @whoisvince#mobileUX LEARNING OBJECTIVES ‣ Discuss the considerations designers need to take into account when designing for mobile experiences ‣ Understand how to design simple, but powerful interfaces for mobile screens
- 5. vince baskerville | @whoisvince#mobileUX MOBILE FIRST OR RESPONSIVE WEB DESIGN?
- 6. vince baskerville | @whoisvince#mobileUX
- 7. vince baskerville | @whoisvince#mobileUX
- 8. vince baskerville | @whoisvince#mobileUX
- 9. vince baskerville | @whoisvince#mobileUX
- 10. vince baskerville | @whoisvince#mobileUX
- 11. Throughout the design process, our work should be situated in the context where it will be used
- 13. vince baskerville | @whoisvince#mobileUX A FOCUS ON CONSTRAINTS • Forces us to keep content relevant • No hover — information needs to be at-the-ready • Speed! Speed! Speed! • Context matters
- 14. vince baskerville | @whoisvince#mobileUX INNOVATING CAPABILITIES • Touch • Location • Orientation • Voice • Gesture
- 15. vince baskerville | @whoisvince#mobileUX
- 16. vince baskerville | @whoisvince#mobileUX
- 17. vince baskerville | @whoisvince#mobileUX INFORMATION ARCHITECTURE
- 18. vince baskerville | @whoisvince#mobileUX
- 19. vince baskerville | @whoisvince#mobileUX
- 20. vince baskerville | @whoisvince#mobileUX
- 21. vince baskerville | @whoisvince#mobileUX
- 23. vince baskerville | @whoisvince#mobileUX
- 24. vince baskerville | @whoisvince#mobileUX
- 25. 44pts vince baskerville | @whoisvince#mobileUX
- 26. points vs pixels vince baskerville | @whoisvince#mobileUX
- 27. ¯_(ツ)_/¯ vince baskerville | @whoisvince#mobileUX
- 28. vince baskerville | @whoisvince#mobileUX
- 29. BAD EXAMPLES
- 30. vince baskerville | @whoisvince#mobileUX
- 31. vince baskerville | @whoisvince#mobileUX
- 32. GOOD EXAMPLES
- 34. ENGAGEMENT LOADS
- 35. 3 ENGAGEMENT LOAD TYPES vince baskerville | @whoisvince#mobileUX Cognitive Visual Motor
- 36. COGNITIVE vince baskerville | @whoisvince#mobileUX In relation to thinking and the users memory; high human energy & attention
- 37. VISUAL vince baskerville | @whoisvince#mobileUX Pertaining to the users perceiving, noticing the interface flow
- 38. MOTOR vince baskerville | @whoisvince#mobileUX Physical actions; using the keyboard, taping, scrolling, pinching, zooming, etc
- 39. vince baskerville | @whoisvince#mobileUX cognitive loads are the *most expensive* — take lots of human energy while motor loads are least expensive
- 40. vince baskerville | @whoisvince#mobileUX
- 41. vince baskerville | @whoisvince#mobileUX
- 42. vince baskerville | @whoisvince#mobileUX
- 43. vince baskerville | @whoisvince#mobileUX when you lower all the loads you are also lowering engagement and entertainment.
- 44. Q&A
- 45. STAY CLASSY