Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human...
Transcript of Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human...
![Page 1: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/1.jpg)
Human Centered Design
Charrette
![Page 2: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/2.jpg)
Andy Davidson Jessica Carr
HCDE Faculty HCDE MS Student
![Page 3: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/3.jpg)
A fast-paced design activity
Charrette
![Page 4: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/4.jpg)
User-Centered Design (UCD)
A process of designing something — a tool, a
website, an application’s user interface, an
event — while keeping the users’ wants,
needs, and limitations in mind.
![Page 5: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/5.jpg)
What is Human Centered Design ?
IDEO.org
vimeo.com/106505300
![Page 6: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/6.jpg)
Sticky notes Whiteboards
Sketching Presenting
![Page 7: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/7.jpg)
Context (10 min)
Design (50 min)
Presentation (15 min)
Reflection (15 min)
Human Centered Design Charrette
![Page 8: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/8.jpg)
![Page 9: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/9.jpg)
![Page 10: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/10.jpg)
![Page 11: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/11.jpg)
Design an app for a group of people with a
shared interest (a music genre, fandom, etc.)
![Page 12: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/12.jpg)
Charrette Process
UsersUser NeedsInteractionsPrototype
PresentationReflection
![Page 13: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/13.jpg)
Individually brainstorm different
interests that people may have.
Goal: At least 3 per person
Interests
Breakfast Food
Hiking
(2 minutes)
Netflix
![Page 14: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/14.jpg)
As a group, choose which
interests you think would be fun
to design for.
Select one.
Hiking
(2 minutes)
Choose 1 Interest
![Page 15: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/15.jpg)
Users
(3 minutes)
Individually brainstorm different
types of people.
Goal: at least 3 per person
Dog Owners
Teachers
Gamers
![Page 16: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/16.jpg)
As a group, choose which user
you think would be fun to design
for.
Select one.
(2 minutes)
Choose 1 User
Dog owners
![Page 17: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/17.jpg)
As a group, brainstorm activities
your user might need, in relation
to a community-based app.
Goal: at least 3 per person
User Needs
(3 minutes)
Meeting other dog owners to go
hiking with
Finding trails with shaded rest stops
Recommendations for dog-friendly
hikes
![Page 18: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/18.jpg)
As a group, choose one user need
Select one.
Meeting other dog owners to go
hiking with
(2 minutes)
Choose 1 User Need
![Page 19: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/19.jpg)
ScenarioPick one of your activities & create
a scenario—a comic strip of how
you imagine your user will interact
with your app.
Sketch it out in 3-6 frames.
(10 minutes)
Meeting other dog owners to go hiking with
![Page 20: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/20.jpg)
InteractionsLay out the interaction flowfor the scenario, a step-by-step diagram showing how a user gets through a task on the user interface.
(6 minutes)
![Page 21: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/21.jpg)
App ScreensSketch out user interface screens for the activity to match the interaction flow.
Do this on your tablet sheets.
(10 minutes)
![Page 23: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/23.jpg)
Prototyping App
Search for “Marvel design” in the App store
and download the app to your phone.
![Page 24: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/24.jpg)
(9 minutes)
1. Press green button to create a project
2. Pick the closest phone format and name
your project
3. Use camera to take pictures of the
interface you have drawn. Keep
following the GREEN buttons.
4. Photograph all your screens
5. Add hotspots to each screen to link
screens together. Don’t forget to include
back buttons!
6. Click the ‘play’ button on the top right to
see the final prototype!
Using Marvel
![Page 25: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/25.jpg)
1. Name your project and choose the Nexus 5.
2. Use camera to take pictures of the interface you have drawn.
3. Upload 1 picture at a time!
4. Don’t crop the pictures!
5. Add hotspots that will link the pages together.
6. Click the ‘play’ button on the top right to see the final prototype!
Using Marvel
![Page 26: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/26.jpg)
Presentation PrepPrepare a 1 minute explanation. Include your user
group, the need, and your design idea/sketch.
(2 minutes)
![Page 27: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/27.jpg)
Present!
(15 minutes)
![Page 28: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/28.jpg)
Great Job!
![Page 29: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/29.jpg)
Break
(5 minutes)
![Page 30: Human Centered Design Charrette - Amazon S3€¦ · Presentation (15 min) Reflection (15 min) Human Centered Design Charrette. Design an app for a group of people with a shared interest](https://reader034.fdocuments.us/reader034/viewer/2022050606/5fad5f421e7f51278c29c620/html5/thumbnails/30.jpg)
Reflection
(15 minutes)