Publicité
Publicité

Contenu connexe

Publicité

UX101

  1. UX 101: Working with UX and the UX designer @natashairizarry
  2. Design is not just what it looks like and feels like. Design is how it works. Steve Jobs
  3. UX is not UI
  4. What we see is visual design
  5. UX is MORE!
  6. “UX is the intangible design of a strategy that brings us to a solution.”
  7. What is UX? UX stands for User Experience Who, What, When, Where, Why and How of a product
  8. How do UX designers work? Ask questions/research Follow a user-centered design process when designing products
  9. WTF is User Centered Design? A process in which the needs, wants, and limitations of end users of a product are given extensive attention at each stage of the design process.
  10. WTF is User Centered Design? Strategy Research Analysis Design Production
  11. Strategy Learn where you want to take your product Ask: Where are you now? Ask: Where do you want to be? Ask: How will you get there? Ask: How will you measure success?
  12. Benefits of Creating a Strategy Gets your entire team involved Clarifies abstract design thinking Reduces the time spent building components that don’t contribute to user or business value
  13. Research Is an investigative technique used to add context and insight to the design process It is also used to combat the tendency to design for ourselves
  14. How is Research Done? Non-directed interviews Contextual inquiry Questionnaires Card sorting
  15. Analysis Takes information collected in the research phase and turns it into actionable information
  16. Analysis Techniques The creation of: Personas Mental models Storyboards
  17. Design There are two parts to the design phase of this process: information architecture and visual design Information architecture delivers wireframes and clickable prototypes Visual design produces high-fidelity comps and mockups
  18. Design Methods & Techniques Sticky notes Project space Good practice guidelines Aesthetics Prototyping User requirements Personas Scenarios Progressive disclosure Usability testing Rapid visualization
  19. Form over function.
  20. Production You are familiar with this. Trust me.
  21. Why you should care: Fast Company recently noted that industry studies show every dollar spent on UX brings in between $2 and $100 in return. (DANG!)
  22. Why you should care: Do you code to deliver value to users? Do you want to become a better coder?
  23. Think of the experience the user is going to have.
  24. How to work with a UX designer Get ready to deal with the neediest person you have ever met in your life.
  25. Designers vs Developers
  26. Designers vs Developers We are both hard to deal with. We are both terribly opinionated.
  27. Designers vs Developers We have shared priorities. Design isn’t completely aesthetic and development isn’t completely technical. We must communicate!
  28. Collaboration Successful product development requires effective collaboration between designers and developers.
  29. Collaboration Tips Check in about design status every day Sit with the team Communicate layout mechanics Designers write HTML & CSS Pair designers & developers Externalize everything
  30. Q&A
  31. THX!

Notes de l'éditeur

  1. Non–directed InterviewsNon–directed interviews are the best way to develop a design strategy without asking users or stakeholders to spell it out. Simply set up some rough guidelines and converse with your audience—but be sure to focus more on listening.Contextual inquiryContextual inquiry involves observing what people do as they go about their day—not what they say they do. It’s useful for creating a website that supports users’ actual (and not supposed) activities.QuestionnairesQuestionnaires invite people to say who they are, what they do, and where they go. Creating one is supremely simple with tools such as Wufoo or Google Docs.Card sortingCard sorting asks people to explore relationships between content and/or hierarchies in an effort to find commonalities. Card sorting is a super simple way to help people find information more quickly and easily on your website.
  2. Non–directed InterviewsNon–directed interviews are the best way to develop a design strategy without asking users or stakeholders to spell it out. Simply set up some rough guidelines and converse with your audience—but be sure to focus more on listening.Contextual inquiryContextual inquiry involves observing what people do as they go about their day—not what they say they do. It’s useful for creating a website that supports users’ actual (and not supposed) activities.QuestionnairesQuestionnaires invite people to say who they are, what they do, and where they go. Creating one is supremely simple with tools such as Wufoo or Google Docs.Card sortingCard sorting asks people to explore relationships between content and/or hierarchies in an effort to find commonalities. Card sorting is a super simple way to help people find information more quickly and easily on your website.
  3. Non–directed InterviewsNon–directed interviews are the best way to develop a design strategy without asking users or stakeholders to spell it out. Simply set up some rough guidelines and converse with your audience—but be sure to focus more on listening.Contextual inquiryContextual inquiry involves observing what people do as they go about their day—not what they say they do. It’s useful for creating a website that supports users’ actual (and not supposed) activities.QuestionnairesQuestionnaires invite people to say who they are, what they do, and where they go. Creating one is supremely simple with tools such as Wufoo or Google Docs.Card sortingCard sorting asks people to explore relationships between content and/or hierarchies in an effort to find commonalities. Card sorting is a super simple way to help people find information more quickly and easily on your website.
  4. Non–directed InterviewsNon–directed interviews are the best way to develop a design strategy without asking users or stakeholders to spell it out. Simply set up some rough guidelines and converse with your audience—but be sure to focus more on listening.Contextual inquiryContextual inquiry involves observing what people do as they go about their day—not what they say they do. It’s useful for creating a website that supports users’ actual (and not supposed) activities.QuestionnairesQuestionnaires invite people to say who they are, what they do, and where they go. Creating one is supremely simple with tools such as Wufoo or Google Docs.Card sortingCard sorting asks people to explore relationships between content and/or hierarchies in an effort to find commonalities. Card sorting is a super simple way to help people find information more quickly and easily on your website.
  5. Non–directed InterviewsNon–directed interviews are the best way to develop a design strategy without asking users or stakeholders to spell it out. Simply set up some rough guidelines and converse with your audience—but be sure to focus more on listening.Contextual inquiryContextual inquiry involves observing what people do as they go about their day—not what they say they do. It’s useful for creating a website that supports users’ actual (and not supposed) activities.QuestionnairesQuestionnaires invite people to say who they are, what they do, and where they go. Creating one is supremely simple with tools such as Wufoo or Google Docs.Card sortingCard sorting asks people to explore relationships between content and/or hierarchies in an effort to find commonalities. Card sorting is a super simple way to help people find information more quickly and easily on your website.
  6. Non–directed InterviewsNon–directed interviews are the best way to develop a design strategy without asking users or stakeholders to spell it out. Simply set up some rough guidelines and converse with your audience—but be sure to focus more on listening.Contextual inquiryContextual inquiry involves observing what people do as they go about their day—not what they say they do. It’s useful for creating a website that supports users’ actual (and not supposed) activities.QuestionnairesQuestionnaires invite people to say who they are, what they do, and where they go. Creating one is supremely simple with tools such as Wufoo or Google Docs.Card sortingCard sorting asks people to explore relationships between content and/or hierarchies in an effort to find commonalities. Card sorting is a super simple way to help people find information more quickly and easily on your website.
  7. Non–directed InterviewsNon–directed interviews are the best way to develop a design strategy without asking users or stakeholders to spell it out. Simply set up some rough guidelines and converse with your audience—but be sure to focus more on listening.Contextual inquiryContextual inquiry involves observing what people do as they go about their day—not what they say they do. It’s useful for creating a website that supports users’ actual (and not supposed) activities.QuestionnairesQuestionnaires invite people to say who they are, what they do, and where they go. Creating one is supremely simple with tools such as Wufoo or Google Docs.Card sortingCard sorting asks people to explore relationships between content and/or hierarchies in an effort to find commonalities. Card sorting is a super simple way to help people find information more quickly and easily on your website.
  8. Non–directed InterviewsNon–directed interviews are the best way to develop a design strategy without asking users or stakeholders to spell it out. Simply set up some rough guidelines and converse with your audience—but be sure to focus more on listening.Contextual inquiryContextual inquiry involves observing what people do as they go about their day—not what they say they do. It’s useful for creating a website that supports users’ actual (and not supposed) activities.QuestionnairesQuestionnaires invite people to say who they are, what they do, and where they go. Creating one is supremely simple with tools such as Wufoo or Google Docs.Card sortingCard sorting asks people to explore relationships between content and/or hierarchies in an effort to find commonalities. Card sorting is a super simple way to help people find information more quickly and easily on your website.
Publicité