(refer to the lesson slide deck)
- What is UX?
- What is UI?
- How are they different?
- How do UX and UI work together?
- Cite an example of good UI?
- Cite an example of good UX?
- Cite an example of bad UI?
- Cite an example of bad UX?
- Why are they important?
User Interfaces (UI) and User Experiences (UX) describe the things users see and feel when they interact with a product, be it a website, a mobile app, or even a physical gadget. Almost all tech companies build products of some kind or another, and it's imperative that their products be well-received and well-loved by their users.
Companies that focus on UI/UX designs:
- Amazon: Amazon is a prime example of a company that has built its success and ROI upon a focus on customer experience throughout the entire customer journey and that continually measures the user experience.(interaction-design.org) -Flipkart
Participants will be able to:
- Define "UI" and "UX."
- Explain how UI and UX work together.
- Identify good examples of UI and UX.
- Differences between UI and UX
- How UI and UX work together
- [UX Crash Course: 31 Fundamentals(https://thehipperelement.com/post/75476711614/ux-crash-course-31-fundamentals)
- The Design of Everyday Things
- Don't Make Me Think, A Common Sense Approach to Web Usability
- Little Big Details
- uxdesign.css
- Layperson’s Guide to UI & UX
- Great blog post from UserTesting.com
- Tons of classes on Coursera
- UX Mastery
- Smashing Magazine
- A developer’s guide to web design for non-designers
UI/UX Design (video walkthrough of slides)
-
Interface design is often seen as the "visible things on screen". In fact, it is about the experience, but not just the experience using the app, it's about the whole user experience, including the one outside the app. Designers must immerse themselves into the user's mind and life.
-
The iterative aspect of the design process is key. Designer motto: The first design is never right. A good designer always refines solutions and explores options.
Activity #1 - Design Improvements Pick an app or website whose UI or UX you dislike and spend 10 minutes making a list of things that could be improved.
Focus of the following:
- Am I able to complete the tasks for which the interface is built for?
- Why would I not use the app on a daily basis?
- Details matter. How is the copywriting? The app's personality? The visual language? The colors? The information density?
- List other annoyances you might see, hear, or feel
Activity #2 - Design Successes Name something (an app, an object, an experience, a place) that you use regularly and that is truly making your life better. It doesn't have to be an application or software.
Spend 10 minutes writing down your feelings: Why do you use this in particular? Why not another app?
What do you think stands out in terms of the following?:
- Emotional response
- Usefulness
- Usability
- Simplicity
- Sense of community
- Speed