Week05 workshop

Workshop #3

Cultural Probes & Context Mapping

UX Prototyping / IID 2014 Spring

Class hours : Fri 3 pm – 7 pm

4th April

Interaction Design Elements

Workshop #3 IID_UX Prototyping 2

Initial Pinterest Boards

Me What I like Where I live Sketchbook


Me : Collecting images of myself

Me Studying

Being Playful

Future

In Game Worlds


Where I live

• Emotional Home (Tag #emotional)

• Psychological

• Private

• Physical Home(Tag #physical, or #factual)

• Living where I live in the factual world


Where I live

• Home in Imagination(Tag #dream)

• The imagination of ideal living space

• Future

• Virtual

• Fantasy


How to collect images

• Web search

• Pinterest iPad/iPhone/Android apps

• Take pictures

• Sketch and upload your own sketches


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


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


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.


THE SYSTEM CONCEPT STATEMENT

• Example: System Concept Statement for the

Ticket Kiosk System


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)

Design Process Where We Are


Design Process

Discovery Definition Design Development



• Stakeholder interviews • Business requirements • Competitive & comparative audits • User research • Site inventory

Design Process


• Personas • Content Audit • Card sorts • Use Cases • Sketching • Site Map • Creative Brief • UX Brief

Design Process



• Site Map • Task Flows • Sketching • Wireframes • Stakeholder Reviews • Visual Design • Prototype • Usability Testing • Functional Specifications

Design Process



• Site Development • User Acceptance Testing (UAT) • Quality Assurance (QA) • Usability Testing

Design Process



IA Deliverables

site map

feature/functionality inventory

comparative/competitive review

requirements document

personas

sketches

use cases

user flows prototype

wireframes

discover design define

experience brief

Deliverables


IA Deliverables

site map

feature/functionality inventory

comparative/competitive review

requirements document

personas

use cases

user flows prototype

wireframes

discover design define

experience brief

visual design

sketches

Deliverables


Persona Design Lecture 4.


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)“


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



• Methodology • Cluster Analysis

• Goals • Create a narrative

based on real data to illustrate user behavior, motivations, goals


Small Budget

Big Budget

Planner Promoter


• Characteristics of Effective Personas

• Varied and distinct

• Detailed

• Not weighed down with minutiae

• Tied into business-specific goals

• Backed by data



Sabrina Jenny Donny Jerry


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

Planner Promoter

Personas Definition: Personas


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

Planner Promoter



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

Planner Promoter



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

Planner Promoter



Persona Design Results


Cultural Probes Snippets for Probe Package Design


“When reason is away, smiles will play.” - Paul Eluard and Benjamin

Péret

IID_UX Prototyping 32 Workshop #3

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


Project Brief

• European Union–

funded research

project looking at

novel interaction

techniques to increase

the presence of the

elderly in their local

communities.


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 35 Workshop #3

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

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

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


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.


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.


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.


Education

Week05 workshop