Download - Week2 - IDX 200 Aesthetic Interactions
![Page 1: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/1.jpg)
UX WEEK 2 Business Requirements
![Page 2: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/2.jpg)
WHERE TO BEGIN
![Page 3: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/3.jpg)
WHERE TO BEGIN
1. You came up with a unique product or process.
Image from http://www.telegraph.co.uk/
![Page 4: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/4.jpg)
WHERE TO BEGIN
You’re improving on an existing product or process
Image from http://last-gladiator3.blogspot.com/
![Page 5: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/5.jpg)
WHERE TO BEGIN
A Client approaches you with an idea and you’re tasked to realize it.
![Page 6: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/6.jpg)
WHERE TO BEGIN
1. You came up with a unique product or process.
2. You’re improving on an existing product or process.
3. A Client approaches you with an idea and you’re tasked to realize it.
![Page 7: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/7.jpg)
CLIENT WORK First Steps
![Page 8: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/8.jpg)
CLIENT WORK
Client Interview Listen and take notes
![Page 9: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/9.jpg)
CLIENT WORK
Client Interview Listen and take notes Clarify the goals and priority
![Page 10: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/10.jpg)
CLIENT WORK
Client Interview Listen and take notes Clarify the goals and priority Clarify Primary actions within the product
![Page 11: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/11.jpg)
CLIENT WORK
Client Interview Listen and take notes Clarify the goals and priority Clarify Primary actions within the product Simple adjectives describing the product
smart, fun, serious, heavy, vicious, soft, technology
![Page 12: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/12.jpg)
CLIENT WORK
Client Interview Listen and take notes Clarify the goals and priority Clarify Primary actions within the product Simple adjectives describing the product
smart, fun, serious, heavy, vicious, soft, technology
Information handling
![Page 13: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/13.jpg)
CLIENT WORK
Requirement Gathering Target Audience
Key Descriptions: young, politically active, loaners
![Page 14: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/14.jpg)
CLIENT WORK
Requirement Gathering Target Audience
Key Descriptions: young, politically active, loaners
Design Aesthetics Site, programs, businesses, atmosphere
![Page 15: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/15.jpg)
CLIENT WORK
Requirement Gathering Target Audience
Key Descriptions: young, politically active, loaners
Design Aesthetics Site, programs, businesses, atmosphere
Technology Constrains OS, Device, Bandwidth, Storage, etc.
![Page 16: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/16.jpg)
CLIENT WORK
Requirement Gathering Target Audience
Key Descriptions: young, politically active, loaners
Design Aesthetics Site, programs, businesses, atmosphere
Technology Constrains OS, Device, Bandwidth, Storage, etc.
Business Requirements Must have name with email, etc.
![Page 17: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/17.jpg)
CLIENT WORK
Task Analysis Primary action
The base metric for success
![Page 18: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/18.jpg)
CLIENT WORK
Task Analysis Primary action
The base metric for success
Secondary action Adding value to the interaction
![Page 19: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/19.jpg)
CLIENT WORK
Task Analysis Primary action
The base metric for success
Secondary action Adding value to the interaction
FAQ, Troubleshooting, Community How to facilitate communication / off reviews and twitter
![Page 20: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/20.jpg)
CLIENT WORK
Task Analysis Primary action
The base metric for success
Secondary action Adding value to the interaction
FAQ, Troubleshooting, Community How to facilitate communication / off reviews and twitter
Error Capturing & Handling Getting users back on track
![Page 21: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/21.jpg)
CLIENT WORK
Functional Allocation Machine Resources
DB, CDN, Networks, Storage, Client Specification
![Page 22: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/22.jpg)
CLIENT WORK
Functional Allocation Machine Resources
DB, CDN, Networks, Storage, Client Specification
Back-end Resources/Functionality This might be the bulk of the project overhead
![Page 23: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/23.jpg)
CLIENT WORK
Functional Allocation Machine Resources
DB, CDN, Networks, Storage, Client Specification
Back-end Resources/Functionality This might be the bulk of the project overhead
Automated Tasks
![Page 24: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/24.jpg)
CLIENT WORK
Functional Allocation Machine Resources
DB, CDN, Networks, Storage, Client Specification
Back-end Resources/Functionality This might be the bulk of the project overhead
Automated Tasks Manual Tasks
![Page 25: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/25.jpg)
CLIENT WORK
Functional Allocation Machine Resources
DB, CDN, Networks, Storage, Client Specification
Back-end Resources/Functionality This might be the bulk of the project overhead
Automated Tasks Manual Tasks Crowd Sourced Tasks
![Page 26: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/26.jpg)
RECAPTCHA
image from eweek.com
![Page 27: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/27.jpg)
CLASS WORK
1. Split the class in two one client one designer
2. Fifteen minute interviews
3. Switch
![Page 28: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/28.jpg)
Client Interview Listen and take notes Clarify the goals and
priority Clarify Primary actions
within the product Simple adjectives
describing the product Information handling
Requirement Gathering Target Audience Design Aesthetics Technology Constrains Business Requirements
Task Analysis Primary action Secondary action FAQ, Troubleshooting,
Community Error Capturing &
Handling
Functional Allocation Machine Resources Back-end
Resources/Functionality Automated Tasks Manual Tasks Crowd Sourced Tasks
![Page 29: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/29.jpg)
WIREFRAME AND USER FLOW Quick Sketches
Keep it loose
Don’t Sweat the details
![Page 30: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/30.jpg)
WIREFRAME AND USER FLOW Some things will not work
Just get the major points
Sketch out all unique ‘views’
![Page 31: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/31.jpg)
WIREFRAME AND USER FLOW Now connect the views into a user flow
![Page 32: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/32.jpg)
CLASS EXERCISE
Wireframe and create a user flow for your client.
15min
![Page 33: Week2 - IDX 200 Aesthetic Interactions](https://reader033.vdocuments.us/reader033/viewer/2022052602/55ba85fdbb61eb9a378b45a0/html5/thumbnails/33.jpg)
HOMEWORK
Write Creative Brief for your project
Create wireframe sketches for your project
Show all the main views (3)
Must include the primary action(s)
Post to Canvas