UX Experience Design: Processes and Strategy
43 likes13,714 views
The document discusses the importance of user experience (UX) design, emphasizing the necessity of understanding users' needs, abilities, and limitations throughout the design process. It highlights various design principles including usability, minimalist design, and the relationship between physical objects and their functions. The document also covers methodologies such as user personas, prototyping, and heuristic evaluations to enhance software usability.
UX Experience Design: Processes and Strategy
- 1. Designing for UX Innovate Program | 2014.02.18 Khong Chee Weng Universal Usability & Interaction Design (UUID) SIG Interface Design Department | Faculty of Creative Multimedia Multimedia University | cwkhong@mmu.edu.my
- 2. Functional Spec UI/UX Wireframes Visual Design A typical UI-UX Project This is reasonable, but the process is NOT GOOD enough! Clients
- 3. UX starts with People
- 4. UX focuses on having a deep understanding of USERS, what they need, what they value, their abilities, and also their limitations. Userβs Needs Business Needs UX
- 6. :: Involving USERS from the beginning & throughout the design process. ::Designing for Your Users It is all about making your design usable. (Norman on βThoughtful Designβ, 2008)
- 8. USABILITY is at the heart of the user experience (UX). Poor usability can lead users to abandon sites and it can cost businesses thousands and thousands of dollars.
- 10. Minimalist Design (Source: onetrapixel, 2013)
- 11. Skeuomorphism vs. Flat Design (Source: Vukovic, 2013)
- 12. Typical 404 Error Webpages
- 16. A B (Source: Interaction Design Foundation) Mapping refers to the relationship between an object, either in the physical or virtual world, and its functions. UX and Mapping
- 20. User Research Design Ethnography on Mobile Application & Social Interactions Β© 2014. Interface Design Dept., FCM, MMU
- 21. User persona User Persona & Scenario Β© 2014. Interface Design Dept., FCM, MMU
- 22. Β© 2014. Interface Design Dept., FCM, MMU Focus Group for Future Service Design
- 23. Β© 2014. Interface Design Dept., FCM, MMU
- 24. Icon Design Development: Mom-i Case Study Β© 2014. Interface Design Dept., FCM, MMU
- 25. Β© 2014. Interface Design Dept., FCM, MMU Lo-fi Prototyping & Wireframe
- 26. Lo-fi Prototyping & Wireframe Β© 2014. Interface Design Dept., FCM, MMU
- 27. Lo-fi Prototyping & Wireframe Β© 2014. Interface Design Dept., FCM, MMU
- 28. Lo-fi Prototyping & Wireframe Β© 2014. Interface Design Dept., FCM, MMU
- 29. Β© 2014. Interface Design Dept., FCM, MMU Hi-fi Prototyping
- 30. (Extract from http://ewamalaysia.com.my/ (October 2011) Web UI Prototyping (Before)
- 31. Β© 2014. Interface Design Dept., FCM, MMU Web UI Prototyping (After): Windows 8
- 33. Usability Testing Β© 2014. Interface Design Dept., FCM, MMU
- 34. 4.02 4.14 4.16 4.23 4.04 0 1 2 3 4 5 6 7 Overall Reaction to Software Performance Screen Terminology & Software Feedback Learning Software Capabilities AverageRating Categories Overall User Satisfaction Rating Rating User Satisfaction Rating Overall user satisfaction scores towards ABC Software is 4.11 out of 7.00. Β© 2014. Interface Design Dept., FCM, MMU
- 35. Β© 2014. Interface Design Dept., FCM, MMU Heuristic/Expert Review: UI Issue & Design Recommendations β’ quick feedback with limited resources β’ 5-6 respondents (1-2 experts and 4-5 novice users) β’ uses a simple set of design/UI rules where quick judgement can be made on the design/system being evaluated β’ conducted in-house or anywhere convenient
- 36. The UX machine (Source: keepitusable)
- 38. Khong Chee Weng Universal Usability & Interaction Design (UUID) SIG Interface Design Department | Faculty of Creative Multimedia Multimedia University | cwkhong@mmu.edu.my