intro to ux - summer sampler series
TRANSCRIPT
![Page 1: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/1.jpg)
INTRO TO UX DESIGN
![Page 2: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/2.jpg)
Who We AreLindsay Stefan
![Page 3: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/3.jpg)
Time to get to know one another!
1. Grab some post-its and pens
2. Find out neat things about your partner
3. Write 1 or 2 words on 3 different post-its about your partner
4. Post your notes on the wall on the side of the class
5. With your help, the class will group the characteristics into categories
![Page 4: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/4.jpg)
What is User Experience Design?
![Page 5: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/5.jpg)
What will I learn
• Identifying and defining a problem
• Who practices UX Design?
• What are some UX Design skills?
![Page 6: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/6.jpg)
![Page 7: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/7.jpg)
Describe a bad experience
• What is it?
• Why do you dislike it?
![Page 8: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/8.jpg)
Describe an experience you love
• What is it?
• What do you love about it?
• What is your favourite part?
![Page 9: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/9.jpg)
Likes / Dislikes
![Page 10: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/10.jpg)
Teams of 2-3
10
Min
utes
Identify one product/service experience that could use improvement
5
Discuss and share with the class
15 minute discussion
![Page 11: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/11.jpg)
What is the company?
What is the product?
How does that make you feel?
Identify positive and the negative.
![Page 12: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/12.jpg)
Designing the User Experience
![Page 13: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/13.jpg)
User-Centered Design Process
![Page 14: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/14.jpg)
What most people think UX isField researchFace to face interviewingCreation and administering of testsGathering, organizing, and presenting statisticsDocumentation of personas and findingsProduct designFeature writingRequirement writingGraphic artsInteraction designInformation ArchitectureUsability
PrototypingInterface layoutInterface designVisual designTaxonomy creationTerminology creationCopy writingPresentation and speakingWorking tightly with programmersBrainstorm coordinationCompany culture evangelismCommunication to stakeholders
helloerik.com/ux-is-not-ui
![Page 15: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/15.jpg)
What UX actually isField researchFace to face interviewingCreation and administering of testsGathering, organizing, and presenting statisticsDocumentation of personas and findingsProduct designFeature writingRequirement writingGraphic artsInteraction designInformation ArchitectureUsability
PrototypingInterface layoutInterface designVisual designTaxonomy creationTerminology creationCopy writingPresentation and speakingWorking tightly with programmersBrainstorm coordinationCompany culture evangelismCommunication to stakeholders
helloerik.com/ux-is-not-ui
![Page 16: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/16.jpg)
“People don’t buy what you do, they buy why you do it.”
![Page 17: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/17.jpg)
Abstract Concrete
Research Planning Design
![Page 18: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/18.jpg)
![Page 19: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/19.jpg)
Strategy
Scope
Structure
Skeleton
Surface
![Page 20: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/20.jpg)
Validating an Idea - Strategy / Scope
![Page 21: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/21.jpg)
10
• Conduct user research
5
Min
utes
15 minute exercise
• Come up with three research questions to ask others in the class
![Page 22: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/22.jpg)
Site Maps - Structure
![Page 23: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/23.jpg)
Sketching - Structure
![Page 24: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/24.jpg)
Customer Journey Map - Structure / Skeleton
![Page 25: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/25.jpg)
20 minute exercise
10
Min
utes
• Design a customer journey map for the product identified in Exercise 1
10
• Discuss and share with the class
![Page 26: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/26.jpg)
User Flows - Structure
![Page 27: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/27.jpg)
Wireframing - Structure
![Page 28: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/28.jpg)
Prototyping - Structure / Skeleton
![Page 29: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/29.jpg)
Prototyping - Skeleton / Surface
![Page 30: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/30.jpg)
Usability Testing - Everything!
![Page 31: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/31.jpg)
Who practices UX Design?
![Page 32: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/32.jpg)
USER RESEARCHER
UX DESIGNER
INFORMATION ARCHITECT
CONTENT STRATEGIST
INTERACTIONDESIGNER
VISUAL DESIGNER
FRONT-END DEVELOPER
PROJECTMANAGER
![Page 33: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/33.jpg)
What startups want.Someone who can:‣ conduct user research‣ design the user flows‣ copywrite‣ create hi-fi mockups‣ write the front-end code‣ run usability tests‣ manage the product
![Page 34: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/34.jpg)
AND BREAK. 5 minutes!
![Page 35: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/35.jpg)
45 minute exercise
Same teams of 2-3 Sketch as many solutions to the product identified in Exercise 1 as you can!
5
Discuss and share with the class
15
Identify themes and requirements
10 15
Bring your ideas and decide on the master design
10
Min
utes
Conduct user research
![Page 36: Intro to UX - Summer Sampler Series](https://reader034.vdocuments.site/reader034/viewer/2022042819/55cb11dbbb61ebf94f8b473e/html5/thumbnails/36.jpg)
1. Start sketching your ideas
2. Bring ideas together and create one master design
3. Discuss and share with the class