UX/UI Design 101
4 likes5,203 views
The document provides an overview of user experience (UX) and user interface (UI) design, emphasizing the importance of enhancing user satisfaction through usability and accessibility. It outlines the UX process, key roles in UX design such as user researchers and interaction designers, and the tools used such as wireframes and prototypes. Additionally, it highlights the differences between UX and UI and the strategic goals behind effective design.
UX/UI Design 101
- 2. WHO AM I ? User Experience intern by day Master of Digital Media - UX/UI by night
- 3. AGENDA ▴ What is UX ? ▴ UX process ▴ UX vs UI ? ▴ Defining UX Roles
- 5. Push or pull ? This is called “Norman door” Mapping problem EVERYDAY
- 6. DIGITAL How can I go back ?
- 7. Why there are 2 menus ?
- 8. “User experience encompasses all aspects of the end-user’s interaction with the company, its services, and its products” Don Norman UX - USER EXPERIENCE IS…
- 9. “All the aspects of how people use an interactive product:the way it feels in their hands, how well they understand how it works, how they feel about it while they’re using it, how well it serves their purposes, and how well it fits into the entire context in which they are using it.” Alben (1996)
- 10. User experience design is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the interaction with the product. Wikipedia
- 11. UX DESIGNER CARES ABOUT… creating a delightful experience, service, product, system that satisfies your user’s needs and wants while achieving the goals of your organization.
- 12. THE ELEMENT OF USER EXPERIENCE Surface–What will the finished product look like? Skeleto–What components will enable people to use the site? Structure–How will the pieces of the site fit together and behave? Scope–What features will the site need to include? Strategy–What do we want to get out of the site? What do our users want?
- 15. UX vs UI
- 16. https://www.behance.net/gallery/ 17178031/Craigslist-Redesign Current Craiglist UI Microsoft Fluent Design The Outline – Digital pubication Redesign concept
- 17. USER EXPERIENCE (UX) USER INTERFACE (UI) How the product feels Deliverables Tools Wireframes/prototypes, sitemap, storyboards Sketch, UXpin, Invision, Illustrator Illustrator, Photoshop, Sketch Cohesive style guide how the product is laid out
- 19. USER RESEARCHER Identifies user behaviors, goals and needs through interviews and surveys
- 20. INFORMATION ARCHITECT (IA)/ CONTENT STRATEGIEST Defines the stucture of a system, how content is described, organized and discovered
- 21. INTERACTION/UX DESIGNER Defines interactions, user flows, wireframes, and affordance system
- 22. USABILITY ANALYST Tests prototypes and working products with users and helps integrate feedback into future design iterations
- 23. Focuses on graphic elements of a digital interface:color treatments, typography, visual language, etc. UI Designer
- 24. THANK YOU