Introduction into User Experience
Download as PPSX, PDF2 likes345 views
The document discusses key aspects of user experience (UX) design such as user research, content strategy, interaction design, visual design, and examples from Windows 8. It defines UX as the user's perceptions and responses from when an app first loads to when it closes. Good UX requires understanding users' needs through research and employing best practices for content, interaction, and visual design. The Windows 8 approach focused on doing more with less, craftsmanship, speed, authentic digital experiences, and consistency across apps.
Introduction into User Experience
- 2. Abdullah Al Nady Microsoft Student Partner | Regional Expert MSP Windows Store apps UX Designer Microsoft CSR Dept. Member IT student | 4th year | Zagazig University
- 3. User Experience What is User Experience? User Experience: of a software is what happens on the end-user’s side (Perceptions/Responses) since its splash screen shows up till its termination. Why is User Experience important?
- 4. Designing a good user experience Discover Define Design Deploy
- 5. Elements of user experience Content Interaction Strategy Design Visual Design User Research
- 6. User Market Research User Market Research: seeks to understand the needs of the market in general, focuses on users’ interaction with the product.
- 7. Content Strategy What is Content Strategy? Its HOW/ WHEN/WHERE you create/display/ govern your content
- 8. Interaction Design Interaction Design Its how the product behaves with the user in different situations. There are 10 heuristics for use Interaction Design:
- 9. Interaction Design Cont. 1. Visibility of system status. 2. Match between system and the real world. 3. User control and freedom. 4. Consistency and standards. 5. Error prevention. 6. Recognition rather than recall. 7. Flexibility and efficiency of use. 8. Aesthetic and minimalist design. 9. Help users recognize and recover from errors. 10. Help and documentation.
- 10. Visual Design Visual Design the art and profession of selecting and arranging visual elements – such as typography, images, symbols, and colors – to convey a message to an audience.. There are 6 principles for Visual Design:
- 11. Visual Design 1. Balance. 2. Proximity. 3. Alignment. 4. Consistency. 5. Contrast. 6. White space.
- 12. A Question Is that Right? Good Impressing Function Design Good UX
- 13. Windows 8 User Experience
- 14. Windows 8 User Experience 1. Do more with less. 2. Pride in craftsmanship. 3. Be fast and fluid. 4. Authentically digital. 5. Win as one.
- 15. Do more with less Focus on what you are great at. • Keep away from distractions. Content Before Chrome. • Content is the heart of the experience. • Leave only the most relevant elements on screen. • Let people be immersed in what they love and they will explore the rest.
- 16. Pride in craftsmanship Typography Grid View
- 17. Be fast and fluid “Every pixel counts!” Continuity through motion Ergonomic and touch Simplified flow
- 18. Authentically Digital Beyond physical metaphors Infographic and glyphs
- 19. Win as one Contracts: 1 + 1 = 3 Search, Share, File picker Consistent UI Model
- 20. Keep in touch! Thank /ab.nady you! @AbNady /in/abnady Ab.alnady@studentpartner.com (+20111) 767 88 99
Editor's Notes
- #4: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #5: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #6: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #7: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #8: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #9: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #10: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #11: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #12: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #13: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #14: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #15: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #16: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #17: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #18: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #19: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #20: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.
- #21: It describes the results of the whole journey of the user inside the software:- Emotions.- Beliefs.- Preferences.- Physical and psychological responses.