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

Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 

Recently uploaded (20)

Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.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.