Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to UI/UX Design

Ire Aderinokun
December 03, 2016

Introduction to UI/UX Design

AN updated version of my previous talk, UI/UX Workshop.

Ire Aderinokun

December 03, 2016

More Decks by Ire Aderinokun

Other Decks in Design


  1. Hello! • Ire Aderinokun • UI/UX Designer and Front- End

    Developer • Blogger at bitsofco.de • Head of Technology at Big Cabal • Google Developer Expert in Web Technologies
  2. Agenda 1. What is UI/UX Design? 2. How People Really

    Use Your Website 3. Guidelines for User Experience 4. The Design Process
  3. 4 Aspects to UX • Experience Strategy • User Research

    • Information Architecture • Interaction Design
  4. Recap 1. They don’t read 2. They don’t give their

    100% attention 3. They don’t want to learn 4. They don’t care if they are doing it wrong
  5. 3 Key Elements • Site ID / Branding • Navigation

    • Utilities (Settings, Account, Search)
  6. Page Hierarchy • The most important thing is the most

    prominent thing • Semantically related content is also visually related
  7. Material Design The material is grounded in tactile reality, inspired

    by the study of paper and ink, yet technologically advanced and open to imagination and magic. Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes helps users quickly understand affordances.
  8. “A User Interface is like a joke. If you have

    to explain it, it’s not that good.”
  9. Recap 1. Use Normal, Everyday Language 2. Give Feedback and

    Updates 3. Make Interactions Intuitive 4. Limit Instructions 5. Allow Flexibility
  10. – Jared Spool “Design, when done well, becomes invisible. It

    is only when done poorly, that we notice it”
  11. Stages 1. Research & Concept 2. Content Mapping & User

    Flow 3. Prototype 4. Testing & Iteration 5. Design Details
  12. TBP: Concept • To-do list for long-term goals • Each

    “big picture” goal broken down into small achievable tasks • Keep track of my ongoing progress as well as past achievements
  13. TBP: Research • What other similar apps are out there?

    • How is TBP different? • Who is TBP for? • Do they want this app?
  14. The Bare Minimum • Watch a couple of people use

    the app • Ask them to complete specific tasks without help • Record / Take notes