UI UX Introductory session
- 3. UI and UX are VERY CONFUSED TERMS.
- 7. UX design refers to the term USER EXPERIENCE design, while UI design stands for USER INTERFACE design.
- 8. UX and UI are two sides of the SAME COIN.
- 9. UX
- 11. UX DESIGN keeps the user’s emotions IN CHECK.
- 20. What did I feel?
- 21. UX collects information on WHAT WORKS and WHAT DOESN’T.
- 22. UI
- 24. UI DESIGN defines the PURPOSE of the app to the user.
- 26. UI creates the app ITSELF.
- 27. EXAMPLES
- 40. BASIC PRINCIPLES of UI DESIGN
- 50. When in doubt, use ESTABLISHED DESIGN PATTERNS.
- 57. HIERARCHY BASICS
- 58. I. Typography
- 63. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec tempus lacus. Donec sed justo et est venenatis tempus vel vel neque. Suspendisse sit amet eleifend arcu. Phasellus in quam tincidunt, molestie lorem et, dignissim eros. Nam semper mi vitae lacus ultrices, at porttitor elit finibus. Donec ex mauris, congue eget erat nec, auctor ultricies quam. Cras et ultrices libero, sit amet semper tellus. Donec nulla leo, egestas ut euismod blandit, volutpat nec mi. Integer non ante ultricies, interdum elit a, commodo leo. Ut ultricies vitae quam at laoreet. Aenean bibendum magna ac sagittis fringilla.
- 64. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec tempus lacus. Donec sed justo et est venenatis tempus vel vel neque. Suspendisse sit amet eleifend arcu. Phasellus in quam tincidunt, molestie lorem et, dignissim eros. Nam semper mi vitae lacus ultrices, at porttitor elit finibus. Donec ex mauris, congue eget erat nec, auctor ultricies quam. Cras et ultrices libero, sit amet semper tellus. Donec nulla leo, egestas ut euismod blandit, volutpat nec mi. Integer non ante ultricies, interdum elit a, commodo leo. Ut ultricies vitae quam at laoreet. Aenean bibendum magna ac sagittis fringilla.
- 65. II. White space
- 66. We can use white space INTENTIONALLY to create a STRONG HIERARCHY.
- 71. III. Color
- 74. The MORE COLORS there are, the LESS IMPACT each INDIVIDUAL COLOR will have.
Editor's Notes
- #42: There’s nothing worse than ambiguity in an app. What does this button do? How did I get here? How do I go back? In order to avoid this, a designer should always ask themselves: Why is this here? Does this make sense? What other possibilities can I explore? Great designers know how to explore the variety of possibilities of an interface layout, the potential tradeoffs of each, and understand which design might help a user best achieve their goals. Clarity in design allows a user to feel confident while navigating through your app.
- #44: There’s nothing worse than ambiguity in an app. What does this button do? How did I get here? How do I go back? In order to avoid this, a designer should always ask themselves: Why is this here? Does this make sense? What other possibilities can I explore? Great designers know how to explore the variety of possibilities of an interface layout, the potential tradeoffs of each, and understand which design might help a user best achieve their goals. Clarity in design allows a user to feel confident while navigating through your app.
- #46: There’s nothing worse than ambiguity in an app. What does this button do? How did I get here? How do I go back? In order to avoid this, a designer should always ask themselves: Why is this here? Does this make sense? What other possibilities can I explore? Great designers know how to explore the variety of possibilities of an interface layout, the potential tradeoffs of each, and understand which design might help a user best achieve their goals. Clarity in design allows a user to feel confident while navigating through your app.
- #51: There’s nothing worse than ambiguity in an app. What does this button do? How did I get here? How do I go back? In order to avoid this, a designer should always ask themselves: Why is this here? Does this make sense? What other possibilities can I explore? Great designers know how to explore the variety of possibilities of an interface layout, the potential tradeoffs of each, and understand which design might help a user best achieve their goals. Clarity in design allows a user to feel confident while navigating through your app.
- #56: There’s nothing worse than ambiguity in an app. What does this button do? How did I get here? How do I go back? In order to avoid this, a designer should always ask themselves: Why is this here? Does this make sense? What other possibilities can I explore? Great designers know how to explore the variety of possibilities of an interface layout, the potential tradeoffs of each, and understand which design might help a user best achieve their goals. Clarity in design allows a user to feel confident while navigating through your app.