Click here to load reader

IDX 200 - Week1

  • View
    48

  • Download
    2

Embed Size (px)

Text of IDX 200 - Week1

  1. 1. What is UX UX is not UI
  2. 2. How is it Different than UI UX Designer is concerned with how a product feels UX Designer works with Creative Director and Visual Designer Involved in every stage of the products creation Ties all aspects of the interactions with the brand
  3. 3. What does a UX Designer Do?
  4. 4. What does a UX Designer Do? Scenario Improve Existing Site Restrictive Legacy Process Limited Budget Limited Scope
  5. 5. What does a UX Designer Do? Scenario Improve Existing Site IA. Can the pages be reorganized? Copy. Can the copy be improved? User Flow. Can the process be improved?
  6. 6. What does a UX Designer Do? Scenario Redesign Website Start with business goals / Client interview Content/Asset audit Ideation Prototype Test Design Build
  7. 7. Google Example UX Designer Thinks Theyre Helping
  8. 8. UX Process
  9. 9. Elements of a Webpage Brand Header Purpose/Benefit of this Product Call to Action Tokens of Trust
  10. 10. Elements of a Webpage Brand Header
  11. 11. Elements of a Webpage Purpose/Benefit of this Product
  12. 12. Elements of a Webpage Call to Action
  13. 13. Elements of a Webpage Tokens of Trust
  14. 14. Tools Pen and Paper Software with a grid layout Illustrator Omnigraphal Photoshop Layers Templates Google Keyword Planner
  15. 15. Prototyping Drawn Paper Low fidelity prototype Hi-Fi prototype
  16. 16. Wireframes Creates a common language for the design Move to digital when Many visual elements repeat Details begin to emerge Consistent size and shapes are needed
  17. 17. Frameworks JQueryUI Booststrap
  18. 18. Content Design Psychology Maslows Hierarchy
  19. 19. Content Design Psychology Maslows Hierarchy
  20. 20. Analyzing Structure Chunk out the main content areas Identify proof of trust What is the key offering The Call to Action What is the consequence of the CTA