• Save
ARTDM 171, Week 9: User Experience
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

ARTDM 171, Week 9: User Experience

  • 1,819 views
Uploaded on

 

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,819
On Slideshare
1,776
From Embeds
43
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 43

http://www.gilbertguerrero.com 43

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • <br />
  • &#x2022;&#xA0;&#xA0;&#xA0; Guillermo G&#xF3;mez-Pe&#xF1;ao&#xA0;&#xA0;&#xA0; Virtual Barrio @ The Other Frontier &#x2013; Communication, Mobilization, Utopias, Identity, Language, and the Internethttp://www.fundacion.telefonica.com/at/egomez.html o&#xA0;&#xA0;&#xA0; &#x201C;&#x2026;we were perplexed by the fact that when referring to cyber-space or the net, they spoke of a politically neutral/raceless/genderless and classless "territory" which provided us all with "equal access", and unlimited possibilities of participation, interaction and belonging, specially "belonging"(in a time in which no one feels that they "belong" anywhere).&#x201D; <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Transcript

  • 1. ARTDM 171, Week 9: User Experience Design Gilbert Guerrero gguerrero@dvc.edu gilbertguerrero.com/blog/artdm-171/
  • 2. Homework Please turn in: • Two GIF animations ‣ Artistic ‣ Looping • Creative Briefs ‣ Save as PDF
  • 3. Timeline Last day March April May of class 9 16 23 30 6 13 20 27 4 11 18 25 Strategy Present final projects (two days) Research and discovery creative user brief personas Validation Design Interaction design Present sitemap Site development revisions wireframes Production
  • 4. Strategy 4
  • 5. Strategy Letʼs think about Strategy to help us understand what we want to learn during research. • Marketing Research ‣ Is there a viable market for my product or service? ‣ Where are the best markets? • User Research ‣ How do users use my product or service? ‣ Why do they use it? ‣ What are my usersʼ goals? 7
  • 6. Research & Discovery During the Research & Discover phase we want to learn about our the product or service and learn about our usersʼ goals • Letʼs ask a few questions to help us think about this: ‣ Who/What? ‣ How much? ‣ Where? ‣ When? ‣ How? ‣ Why? Inspiration: The Back of the Napkin, by Dan Roam 8
  • 7. Creative Brief One page that describes: • Project summary  • Goals and mission of the site • Primary audience • Site features
  • 8. User Research 8
  • 9. Ethnographic Research • Observe how users behave, what their habits are, and what their goals are • Normally conducted by living with your subjects and observing their daily lives • However, we can conduct this type of research by interviewing users to get (roughly) the same information 9
  • 10. Interview Questions • When was the last time you...? • How did it feel when you...? • Why do you...? • Walk me through the steps from beginning to end of what you did the last time you... • Do you talk to friends or relatives about...? 10
  • 11. User Personas • Used to synthesize and document what was learned during user research • Fictitious person who represents a distinct group of users • A tool for designers to empathize with users 11
  • 12. Sitemaps and Wireframes
  • 13. 13
  • 14. Sitemaps • Before writing, designing, or coding, determine what the scope of your site will be by creating sitemaps • Use Adobe Illustrator
  • 15. Wireframes • After the sitemap is created, determine: ‣ what will go on each page, ‣ how the navigation will work, ‣ how much room there will be for content • Use wireframes as a visual checklist for the functionality and layout
  • 16. Wireframes • Create wireframes for the key pages of your site • Usually start with the Home Page and Basic Sublevel pages 16
  • 17. Homework due March 30 • Conduct User Research by interviewing at least two people who would user your product or enjoy your service • Create a User Persona by April 13 • Build a Sitemap • Create two Wireframes: Home Page and Sublevel Page • Read the chapter "Page Design" in Web Style Guide