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

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfamanda2495
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.Nitya salvi
 
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
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLNitya salvi
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls
 
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
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...amitlee9823
 
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
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation decktbatkhuu1
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...nirzagarg
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证eeanqy
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Nitya salvi
 

Recently uploaded (20)

Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
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...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
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)
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
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...
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 

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.