UX/UI Design 101
3 likes3,824 views
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
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-users 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 theyre 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 users needs and wants while achieving the goals of your organization.
- 12. THE ELEMENT OF USER EXPERIENCE SurfaceWhat will the finished product look like? SkeletoWhat components will enable people to use the site? StructureHow will the pieces of the site fit together and behave? ScopeWhat features will the site need to include? StrategyWhat 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