UX 101:
Working with UX and
the UX designer
@natashairizarry
Design is not just what it looks like and feels
like. Design is how it works.
Steve Jobs
UX is not UI
What we see is visual design
UX is MORE!
“UX is the intangible design of a
strategy that brings us to a solution.”
What is UX?
UX stands for User Experience
Who, What, When, Where, Why and How of a
product
How do UX designers work?
Ask questions/research
Follow a user-centered design process when
designing products
WTF is User Centered Design?
A process in which the needs, wants, and
limitations of end users of a product are given
exte...
WTF is User Centered Design?
Strategy
Research
Analysis
Design
Production
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...
Benefits of Creating a Strategy
Gets your entire team involved
Clarifies abstract design thinking
Reduces the time spent b...
Research
Is an investigative technique used to add context
and insight to the design process
It is also used to combat the...
How is Research Done?
Non-directed interviews
Contextual inquiry
Questionnaires
Card sorting
Analysis
Takes information collected in the research phase
and turns it into actionable information
Analysis Techniques
The creation of: Personas
Mental models
Storyboards
Design
There are two parts to the design phase of this
process: information architecture and visual design
Information arc...
Design Methods & Techniques
Sticky notes
Project space
Good practice guidelines
Aesthetics
Prototyping
User requirements
P...
Form over function.
Production
You are familiar with this. Trust me.
Why you should care:
Fast Company recently noted that
industry studies show every dollar
spent on UX brings in between $2
...
Why you should care:
Do you code to deliver value to users?
Do you want to become a better coder?
Think of the experience the user is going
to have.
How to work with a UX designer
Get ready to deal with the neediest person
you have ever met in your life.
Designers vs Developers
Designers vs Developers
We are both hard to deal with.
We are both terribly opinionated.
Designers vs Developers
We have shared priorities.
Design isn’t completely aesthetic and development isn’t
completely tech...
Collaboration
Successful product development requires effective
collaboration between designers and developers.
Collaboration Tips
Check in about design status every day
Sit with the team
Communicate layout mechanics
Designers write H...
Q&A
THX!
UX101
UX101
Upcoming SlideShare
Loading in...5
×

UX101

929

Published on

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
929
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • UX101

    1. 1. UX 101: Working with UX and the UX designer @natashairizarry
    2. 2. Design is not just what it looks like and feels like. Design is how it works. Steve Jobs
    3. 3. UX is not UI
    4. 4. What we see is visual design
    5. 5. UX is MORE!
    6. 6. “UX is the intangible design of a strategy that brings us to a solution.”
    7. 7. What is UX? UX stands for User Experience Who, What, When, Where, Why and How of a product
    8. 8. How do UX designers work? Ask questions/research Follow a user-centered design process when designing products
    9. 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. 10. WTF is User Centered Design? Strategy Research Analysis Design Production
    11. 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. 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. 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. 14. How is Research Done? Non-directed interviews Contextual inquiry Questionnaires Card sorting
    15. 15. Analysis Takes information collected in the research phase and turns it into actionable information
    16. 16. Analysis Techniques The creation of: Personas Mental models Storyboards
    17. 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. 18. Design Methods & Techniques Sticky notes Project space Good practice guidelines Aesthetics Prototyping User requirements Personas Scenarios Progressive disclosure Usability testing Rapid visualization
    19. 19. Form over function.
    20. 20. Production You are familiar with this. Trust me.
    21. 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. 22. Why you should care: Do you code to deliver value to users? Do you want to become a better coder?
    23. 23. Think of the experience the user is going to have.
    24. 24. How to work with a UX designer Get ready to deal with the neediest person you have ever met in your life.
    25. 25. Designers vs Developers
    26. 26. Designers vs Developers We are both hard to deal with. We are both terribly opinionated.
    27. 27. Designers vs Developers We have shared priorities. Design isn’t completely aesthetic and development isn’t completely technical. We must communicate!
    28. 28. Collaboration Successful product development requires effective collaboration between designers and developers.
    29. 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. 30. Q&A
    31. 31. THX!
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×