Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Week05 workshop


Published on

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

Week05 workshop

  1. 1. Workshop #3 Cultural Probes & Context Mapping UX Prototyping / IID 2014 Spring Class hours : Fri 3 pm – 7 pm 4th April
  2. 2. Interaction Design Elements Workshop #3 IID_UX Prototyping 2
  3. 3. Initial Pinterest Boards Me What I like Where I live Sketchbook Workshop #3 IID_UX Prototyping 3
  4. 4. Me : Collecting images of myself Me Studying Being Playful Future In Game Worlds Workshop #3 IID_UX Prototyping 4
  5. 5. Where I live • Emotional Home (Tag #emotional) • Psychological • Private • Physical Home(Tag #physical, or #factual) • Living where I live in the factual world Workshop #3 IID_UX Prototyping 5
  6. 6. Where I live • Home in Imagination(Tag #dream) • The imagination of ideal living space • Future • Virtual • Fantasy Workshop #3 IID_UX Prototyping 6
  7. 7. How to collect images • Web search • Pinterest iPad/iPhone/Android apps • Take pictures • Sketch and upload your own sketches Workshop #3 IID_UX Prototyping 7
  8. 8. To Do List for Today • Present your digital memento • What did you collect your visual images, and why? • Pinterest Mood board • How did you make your own story • Video in a time capsule Workshop #3 IID_UX Prototyping 8
  9. 9. To Do List for Today • Studio • Write your own system concept statement • Based on the system concept statement’s elements, such as the goals, the name of the system, and the system users, design your own cultural probes research. • Design a probe package. • Confirm the studio setting. • Blog/Pinterest/GitHub etc • VVVV Workshop #3 IID_UX Prototyping 9
  10. 10. THE SYSTEM CONCEPT STATEMENT • An effective system concept statement answers at least the following questions: • What is the system name? • Who are the system users? • What will the system do? • What problem(s) will the system solve? (You need to be broad here to include business objectives.) • What is the design vision and what are the emotional impact goals? In other words, what experience will the system provide to the user? This factor is especially important if the system is a commercial product. Workshop #3 IID_UX Prototyping 10
  11. 11. THE SYSTEM CONCEPT STATEMENT • Example: System Concept Statement for the Ticket Kiosk System Workshop #3 IID_UX Prototyping 11 The Ticket Kiosk System will replace the old ticket retail system, the Middleburg University Ticket Transaction Service, by providing 24-hour-a-day distributed kiosk service to the general public. This service includes access to comprehensive event information and the capability to rapidly purchase tickets for local events such as concerts, movies, and the performing arts. The new system includes a significant expansion of scope to include ticket distribution for the entire MU athletic program. Transportation tickets will also be available, along with directions and parking information for specific venues. Compared to conventional ticket outlets, the Ticket Kiosk System will reduce waiting time and offer far more extensive information about events. A focus on innovative design will enhance the MU public profile while Fostering the spirit of being part of the MU community and offering the customer a Beaming interaction experience. (139 words)
  12. 12. Design Process Where We Are Workshop #3 IID_UX Prototyping 12
  13. 13. Design Process Discovery Definition Design Development Workshop #3 IID_UX Prototyping 13
  14. 14. Discovery Definition Design Development • Stakeholder interviews • Business requirements • Competitive & comparative audits • User research • Site inventory Design Process Workshop #3 IID_UX Prototyping 14
  15. 15. •Personas •Content Audit •Card sorts •Use Cases •Sketching •Site Map •Creative Brief •UX Brief Design Process Discovery Definition Design Development Workshop #3 IID_UX Prototyping 15
  16. 16. • Site Map • Task Flows • Sketching • Wireframes • Stakeholder Reviews • Visual Design • Prototype • Usability Testing • Functional Specifications Design Process Discovery Definition Design Development Workshop #3 IID_UX Prototyping 16
  17. 17. • Site Development • User Acceptance Testing (UAT) • Quality Assurance (QA) • Usability Testing Design Process Discovery Definition Design Development Workshop #3 IID_UX Prototyping 17
  18. 18. IA Deliverables site map feature/functionality inventory comparative/competitive review requirements document personas sketches use cases user flows prototype wireframes discover designdefine experience brief Deliverables Workshop #3 IID_UX Prototyping 18
  19. 19. IA Deliverables site map feature/functionality inventory comparative/competitive review requirements document personas use cases user flows prototype wireframes discover designdefine experience brief visual design sketches Deliverables Workshop #3 IID_UX Prototyping 19
  20. 20. Persona Design Lecture 4. Workshop #3 IID_UX Prototyping 20
  21. 21. Introduction • Definition • "Personas or personae are fictitious characters that are created to represent the different user types within a targeted demographic that might use a site or product. Personas are given characteristics and are assumed to be in particular environments based on known users’ requirements so that these elements can be taken into consideration when creating scenarios for conceptualizing a site. Cooper (1999) outlined the general characteristics and uses of personas for product design and development. • In the context of software requirements gathering, a user persona is a representation of a real audience group. A persona description includes a user’s context, goals, pain points, and major questions that need answers. Personas are a common tool in Interaction Design (IxD)“ Workshop #3 IID_UX Prototyping 21
  22. 22. Definition: Personas • “Personas summarize user research findings and bring that research to life in such a way that everyone can make decisions based on these personas, not based on themselves.” Steve Mulder Workshop #3 IID_UX Prototyping 22
  23. 23. Definition: Personas • Methodology • Cluster Analysis • Goals • Create a narrative based on real data to illustrate user behavior, motivations, goals Workshop #3 IID_UX Prototyping 23 Small Budget Big Budget PlannerPromoter
  24. 24. Definition: Personas • Characteristics of Effective Personas • Varied and distinct • Detailed • Not weighed down with minutiae • Tied into business-specific goals • Backed by data Workshop #3 IID_UX Prototyping 24
  25. 25. Definition: Personas SabrinaJenny DonnyJerry Workshop #3 IID_UX Prototyping 25
  26. 26. Sabrina, 27 The party planner Location: Gramercy Park Attitude: Organized, outgoing Financial Perspective: Generous, bit of spendthrift Online Habits: Avid user of social networking sites, Twitter, Facebook, etc Events: Wine tastings, gallery openings Quote: “I love getting bunches of friends together to attend all these NYC events. There’s so much great stuff to do in this city!” Small Budget Big Budget PlannerPromoter PersonasDefinition: Personas Workshop #3 IID_UX Prototyping 26
  27. 27. Jerry, 44 The out-of-towner Location: Cincinnati, OH Attitude: Casual, yet adventurous Financial Perspective: Moderate spender Online Habits: Utilitarian use of the Web to research trips, read about the arts and pay bills Events: Museums, visiting landmarks, tours Quote: “I’m visiting the Big Apple with my wife and we want to check out some art-related events.”Small Budget Big Budget PlannerPromoter Definition: Personas Workshop #3 IID_UX Prototyping 27
  28. 28. Donny, 38 The local comedian Location: East Village Attitude: Laidback, loosely organized Financial Perspective: Frugal, paycheck to paycheck Online Habits: Spends time networking, promoting his act online, haunts comedy sites Events: Comedy slams, variety shows Quote: “I land a few comedy gigs around the city and I want to promote them better.” Small Budget Big Budget PlannerPromoter Definition: Personas Workshop #3 IID_UX Prototyping 28
  29. 29. Jenny, 33 The professional promoter Location: Williamsburg Attitude: Busy, disciplined, professional Financial Perspective: Healthy budget for promotions and advertising Online Habits: Heavy use of social networking sites both professionally and personally, shops online Events: Small gigs, big concerts, DJ sets Quote: “I manage a few bands and DJs and I have to ensure they’re listed in the right, targeted places.” Personas Small Budget Big Budget PlannerPromoter Definition: Personas Workshop #3 IID_UX Prototyping 29
  30. 30. Persona Design Results Workshop #3 IID_UX Prototyping 30
  31. 31. Cultural Probes Snippets for Probe Package Design Workshop #3 IID_UX Prototyping 31
  32. 32. “When reason is away, smiles will play.” - Paul Eluard and Benjamin Péret IID_UX Prototyping 32Workshop #3
  33. 33. Definition • Probes • Collections of evocative tasks meant to elicit inspirational responses from people – not comprehensive information about them, but fragmentary clues about their lives and thoughts. • It’s an approach that values uncertainty, play, exploration, and subjective interpretation as ways of dealing with those limits. • Provides an example of how we use this purposely uncontrolled and uncontrollable approach to help us understand design domain in new ways IID_UX Prototyping 33Workshop #3
  34. 34. Project Brief • European Union– funded research project looking at novel interaction techniques to increase the presence of the elderly in their local communities. IID_UX Prototyping 34Workshop #3
  35. 35. Project Outline • The probes were part of a strategy of pursuing experimental design in a responsive way. • They address a common dilemma in developing projects for unfamiliar groups. • Understanding the local cultures was necessary so that our designs wouldn’t seem irrelevant or arrogant, but we didn’t want the groups to constrain our designs unduly by focusing on needs or desires they already understood. • We wanted to lead a discussion with the groups toward unexpected ideas, but we didn’t want to dominate it.IID_UX Prototyping 35Workshop #3
  36. 36. Package IID_UX Prototyping 36 • The cultural probes—these packages of maps, postcards, and other materials—were designed to provoke inspirational responses from elderly people in diverse communities. • Like astronomic or surgical probes, we left them behind when we had gone and waited for them to return fragmentary data over time. Workshop #3
  37. 37. Postcard IID_UX Prototyping 37 • Postcards are an attractive medium for asking these sorts of questions because of their connotations as an informal, friendly mode of communication. • Unlike formal questionnaires, the postcards encouraged questions to be approached casually, which was underlined by pre-addressing and stamping them for separate return. • Postcard Questions • Please tell us a piece of advice or insight that has been important to you. • What do you dislike about Peccioli? • What place does art have in your life? • Tell us about your favorite device. Workshop #3
  38. 38. Map • Participants were also asked to mark zones on local maps, showing us where, for instance, • They would go to meet people • They would go to be alone • They liked to daydream • They would like to go but can’t IID_UX Prototyping 38Workshop #3
  39. 39. Camera • Picture Assignments • Your home • What you will wear today • The first person you see today • Something desirable • Something boring • About half the pictures were unassigned, and the elders were asked to photograph whatever they wanted to show us before mailing the camera back to us. IID_UX Prototyping 39Workshop #3
  40. 40. Photo Album and Media Diary • The last two items in the probes were in the form of small booklets. The first was a photo album, which requesting the elders to “use 6 to 10 pictures to tell us your story.” • When questioned, we encouraged participants to use photos of the past, their families, their current lives, or anything they found meaningful. IID_UX Prototyping 40Workshop #3
  41. 41. Probe Packages in Smartphone Version • Contemplate a digital cultural probe package that you can easily invite your user groups. • How would it be changed if you probing your users on smart phone SNS, such as Facebook, Google+, or Instragram? • Disposable cameras, postcards, maps, and diaries in physical forms are no longer needed to be snail-mailed to users. Find digital cameras, postcards, maps, and diaries on Appstores or Google Play, so that you can gather more vivid, and immediate information from your users. • First, draw your smartphone package on your power point document as a sequence scenario. IID_UX Prototyping 41Workshop #3