ARTDM 171, Week 9: User Experience


Published on

Published in: Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

  • •    Guillermo Gómez-Peñao    Virtual Barrio @ The Other Frontier – Communication, Mobilization, Utopias, Identity, Language, and the Internet o    “…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).”

  • ARTDM 171, Week 9: User Experience

    1. 1. ARTDM 171, Week 9: User Experience Design Gilbert Guerrero
    2. 2. Homework Please turn in: • Two GIF animations ‣ Artistic ‣ Looping • Creative Briefs ‣ Save as PDF
    3. 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. 4. Strategy 4
    5. 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. 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. 7. Creative Brief One page that describes: • Project summary  • Goals and mission of the site • Primary audience • Site features
    8. 8. User Research 8
    9. 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. 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. 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. 12. Sitemaps and Wireframes
    13. 13. 13
    14. 14. Sitemaps • Before writing, designing, or coding, determine what the scope of your site will be by creating sitemaps • Use Adobe Illustrator
    15. 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. 16. Wireframes • Create wireframes for the key pages of your site • Usually start with the Home Page and Basic Sublevel pages 16
    17. 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