SlideShare a Scribd company logo
1 of 33
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
extensive attention at each stage of the design
process.
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 get there?
Ask: How will you measure success?
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
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
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 architecture delivers wireframes and
clickable prototypes
Visual design produces high-fidelity comps and
mockups
Design Methods & Techniques
Sticky notes
Project space
Good practice guidelines
Aesthetics
Prototyping
User requirements
Personas
Scenarios
Progressive disclosure
Usability testing
Rapid visualization
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
and $100 in return. (DANG!)
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 technical.
We must communicate!
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 HTML & CSS
Pair designers & developers
Externalize everything
Q&A
THX!

More Related Content

What's hot

Deconstructing the Design Sprint
Deconstructing the Design SprintDeconstructing the Design Sprint
Deconstructing the Design SprintJohnny1337
 
The User Journey - How to create and pitch
The User Journey - How to create and pitchThe User Journey - How to create and pitch
The User Journey - How to create and pitchDenis J Lesak
 
Innovations Accelerated - Design Sprint
Innovations Accelerated - Design SprintInnovations Accelerated - Design Sprint
Innovations Accelerated - Design SprintEryk Korfel
 
Infographic: How do you know if a Design Sprint is right for you?
Infographic: How do you know if a Design Sprint is right for you?Infographic: How do you know if a Design Sprint is right for you?
Infographic: How do you know if a Design Sprint is right for you?Fresh Tilled Soil
 
Google Design sprint
Google Design sprintGoogle Design sprint
Google Design sprintBruno Mendes
 
Insight : Design Sprint - Google Business Group Bandung
Insight : Design Sprint - Google Business Group BandungInsight : Design Sprint - Google Business Group Bandung
Insight : Design Sprint - Google Business Group BandungNgurah Devara Udayana
 
Design thinking lean startup and agile pradeep
Design thinking lean startup and agile pradeepDesign thinking lean startup and agile pradeep
Design thinking lean startup and agile pradeepPradeep Patel, PMP®
 
Design Sprint 3.0 vs Design Sprint 1.0 (SPRINT Book)
Design Sprint 3.0 vs Design Sprint 1.0 (SPRINT Book)Design Sprint 3.0 vs Design Sprint 1.0 (SPRINT Book)
Design Sprint 3.0 vs Design Sprint 1.0 (SPRINT Book)Design Sprint Academy
 
Preparing for 1st Design Sprint
Preparing for 1st Design SprintPreparing for 1st Design Sprint
Preparing for 1st Design SprintNew Haircut
 
Kickstart Your Product with a Design Sprint by thestartupfactory.tech
Kickstart Your Product with a Design Sprint by thestartupfactory.techKickstart Your Product with a Design Sprint by thestartupfactory.tech
Kickstart Your Product with a Design Sprint by thestartupfactory.techProduct School
 
Introduction to Agile Scrum
Introduction to Agile ScrumIntroduction to Agile Scrum
Introduction to Agile ScrumHiep Luong
 
Google Design Sprint - Case-Study by MAK3it
Google Design Sprint - Case-Study by MAK3itGoogle Design Sprint - Case-Study by MAK3it
Google Design Sprint - Case-Study by MAK3itDaniel Bartel
 
Design sprint - What is it and how it works
Design sprint - What is it and how it worksDesign sprint - What is it and how it works
Design sprint - What is it and how it worksGiulio Michelon
 
Agile at enterprice level
Agile at enterprice levelAgile at enterprice level
Agile at enterprice levelJan De Baere
 
The Design Sprint: A Fast Start to Creating Digital Products People Want
The Design Sprint: A Fast Start to Creating Digital Products People WantThe Design Sprint: A Fast Start to Creating Digital Products People Want
The Design Sprint: A Fast Start to Creating Digital Products People Wantdpdnyc
 

What's hot (20)

Design sprint
Design sprintDesign sprint
Design sprint
 
Deconstructing the Design Sprint
Deconstructing the Design SprintDeconstructing the Design Sprint
Deconstructing the Design Sprint
 
The User Journey - How to create and pitch
The User Journey - How to create and pitchThe User Journey - How to create and pitch
The User Journey - How to create and pitch
 
Design Sprint Methods
Design Sprint MethodsDesign Sprint Methods
Design Sprint Methods
 
Design Sprint Method
Design Sprint MethodDesign Sprint Method
Design Sprint Method
 
Innovations Accelerated - Design Sprint
Innovations Accelerated - Design SprintInnovations Accelerated - Design Sprint
Innovations Accelerated - Design Sprint
 
Infographic: How do you know if a Design Sprint is right for you?
Infographic: How do you know if a Design Sprint is right for you?Infographic: How do you know if a Design Sprint is right for you?
Infographic: How do you know if a Design Sprint is right for you?
 
Google Design sprint
Google Design sprintGoogle Design sprint
Google Design sprint
 
Insight : Design Sprint - Google Business Group Bandung
Insight : Design Sprint - Google Business Group BandungInsight : Design Sprint - Google Business Group Bandung
Insight : Design Sprint - Google Business Group Bandung
 
Design sprint
Design sprintDesign sprint
Design sprint
 
Design thinking lean startup and agile pradeep
Design thinking lean startup and agile pradeepDesign thinking lean startup and agile pradeep
Design thinking lean startup and agile pradeep
 
Design Sprint 3.0 vs Design Sprint 1.0 (SPRINT Book)
Design Sprint 3.0 vs Design Sprint 1.0 (SPRINT Book)Design Sprint 3.0 vs Design Sprint 1.0 (SPRINT Book)
Design Sprint 3.0 vs Design Sprint 1.0 (SPRINT Book)
 
Preparing for 1st Design Sprint
Preparing for 1st Design SprintPreparing for 1st Design Sprint
Preparing for 1st Design Sprint
 
Kickstart Your Product with a Design Sprint by thestartupfactory.tech
Kickstart Your Product with a Design Sprint by thestartupfactory.techKickstart Your Product with a Design Sprint by thestartupfactory.tech
Kickstart Your Product with a Design Sprint by thestartupfactory.tech
 
Introduction to Agile Scrum
Introduction to Agile ScrumIntroduction to Agile Scrum
Introduction to Agile Scrum
 
2-Hour Design Sprint Agenda
2-Hour Design Sprint Agenda2-Hour Design Sprint Agenda
2-Hour Design Sprint Agenda
 
Google Design Sprint - Case-Study by MAK3it
Google Design Sprint - Case-Study by MAK3itGoogle Design Sprint - Case-Study by MAK3it
Google Design Sprint - Case-Study by MAK3it
 
Design sprint - What is it and how it works
Design sprint - What is it and how it worksDesign sprint - What is it and how it works
Design sprint - What is it and how it works
 
Agile at enterprice level
Agile at enterprice levelAgile at enterprice level
Agile at enterprice level
 
The Design Sprint: A Fast Start to Creating Digital Products People Want
The Design Sprint: A Fast Start to Creating Digital Products People WantThe Design Sprint: A Fast Start to Creating Digital Products People Want
The Design Sprint: A Fast Start to Creating Digital Products People Want
 

Similar to UX101

Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardChris Bernard
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience DesignAlla Zollers
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini CourseDigital Snack
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and PrototypingKshitiz Anand
 
User Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionGino Zahnd
 
Mobile Best Practices for UX
Mobile Best Practices for UXMobile Best Practices for UX
Mobile Best Practices for UXThe Wisdom Daily
 
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX DesignSrijan Technologies
 
UX design as a cross functional, agile collaboration
UX design as a cross functional, agile collaborationUX design as a cross functional, agile collaboration
UX design as a cross functional, agile collaborationEmi Kwon
 
Design Learnings
Design LearningsDesign Learnings
Design LearningsQuikr
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationPankaj Deshpande
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXqixingz
 
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1Sebastian Tory-Pratt
 
Prototyping is the panacea
Prototyping is the panaceaPrototyping is the panacea
Prototyping is the panaceaMichael Meikson
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)Emerentiana Meicy
 
UX & Design Thinking for BI Applications
UX & Design Thinking for BI ApplicationsUX & Design Thinking for BI Applications
UX & Design Thinking for BI Applicationsibi
 

Similar to UX101 (20)

Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience Design
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
 
User Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in Transition
 
Mobile Best Practices for UX
Mobile Best Practices for UXMobile Best Practices for UX
Mobile Best Practices for UX
 
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
[Srijan Wednesday Webinars] Opportunities and Challenges in Enterprise UX Design
 
UX design as a cross functional, agile collaboration
UX design as a cross functional, agile collaborationUX design as a cross functional, agile collaboration
UX design as a cross functional, agile collaboration
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
 
What's Next For UX?
What's Next For UX?What's Next For UX?
What's Next For UX?
 
What is UX?
What is UX?What is UX?
What is UX?
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UX
 
User Experience Process
User Experience Process User Experience Process
User Experience Process
 
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1
 
Os Leung
Os LeungOs Leung
Os Leung
 
Prototyping is the panacea
Prototyping is the panaceaPrototyping is the panacea
Prototyping is the panacea
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
UX & Design Thinking for BI Applications
UX & Design Thinking for BI ApplicationsUX & Design Thinking for BI Applications
UX & Design Thinking for BI Applications
 

Recently uploaded

Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation decktbatkhuu1
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja Nehwal
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...SUHANI PANDEY
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdshivubhavv
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceanilsa9823
 
The Art of Batik, template ppt aesthetic
The Art of Batik, template ppt aestheticThe Art of Batik, template ppt aesthetic
The Art of Batik, template ppt aestheticTiaFebriani
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 

Recently uploaded (20)

Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
꧁❤ Hauz Khas Call Girls Service Hauz Khas Delhi ❤꧂ 9999965857 ☎️ Hard And Sex...
꧁❤ Hauz Khas Call Girls Service Hauz Khas Delhi ❤꧂ 9999965857 ☎️ Hard And Sex...꧁❤ Hauz Khas Call Girls Service Hauz Khas Delhi ❤꧂ 9999965857 ☎️ Hard And Sex...
꧁❤ Hauz Khas Call Girls Service Hauz Khas Delhi ❤꧂ 9999965857 ☎️ Hard And Sex...
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun serviceCALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
 
The Art of Batik, template ppt aesthetic
The Art of Batik, template ppt aestheticThe Art of Batik, template ppt aesthetic
The Art of Batik, template ppt aesthetic
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 

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
  • 4. What we see is visual design
  • 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.
  • 11. WTF is User Centered Design? Strategy Research Analysis Design Production
  • 12. 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?
  • 13. 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
  • 14. 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
  • 15. How is Research Done? Non-directed interviews Contextual inquiry Questionnaires Card sorting
  • 16. Analysis Takes information collected in the research phase and turns it into actionable information
  • 17. Analysis Techniques The creation of: Personas Mental models Storyboards
  • 18. 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
  • 19. Design Methods & Techniques Sticky notes Project space Good practice guidelines Aesthetics Prototyping User requirements Personas Scenarios Progressive disclosure Usability testing Rapid visualization
  • 21. Production You are familiar with this. Trust me.
  • 22. 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!)
  • 23. Why you should care: Do you code to deliver value to users? Do you want to become a better coder?
  • 24. Think of the experience the user is going to have.
  • 25. How to work with a UX designer Get ready to deal with the neediest person you have ever met in your life.
  • 26.
  • 28. Designers vs Developers We are both hard to deal with. We are both terribly opinionated.
  • 29. Designers vs Developers We have shared priorities. Design isn’t completely aesthetic and development isn’t completely technical. We must communicate!
  • 30. Collaboration Successful product development requires effective collaboration between designers and developers.
  • 31. 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
  • 32. Q&A
  • 33. THX!

Editor's Notes

  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.