96
Eduardo Oliveira www.eduoliveira.com [email protected] talking about HCD process @ UniMelb

UCD Process

Embed Size (px)

Citation preview

Page 1: UCD Process

Eduardo [email protected]

talking about HCD process @ UniMelb

Page 2: UCD Process

What is Usability?

Page 3: UCD Process

You arrive at the hotel and the receptionist gives you the key to the apartment 755. Which button you press?

Page 4: UCD Process
Page 5: UCD Process
Page 6: UCD Process
Page 7: UCD Process
Page 8: UCD Process
Page 9: UCD Process
Page 10: UCD Process
Page 11: UCD Process

40SAMSUNG CONFIDENTIAL Samsung Electronics MSC

BASIC UI RULES01

240 x 320 44 x 44

240 x 400 50 x 50

480 x 800 96 x 96

Icon Shadow Recommendations

Icon Size Guide by Resolution (shadow included)

The tray icon can be designed freely within the defined size constraints.

Minimum Touch Area : 35 x 35 pixels

Photoshop effect //

35

35

Clickable elements must be designed to secure at least the minimum touch area in order to be clicked.

1-5. COMMON GUIDE1-5-3. Tray Icon, Depth 1 Widget Guide

Tray icon guide

Page 12: UCD Process

Product Design !

AND !

CITY/URBAN/SPACES Design

Page 13: UCD Process

1010

Play Street Detour New York City ca. 1916-1920. Image Credit: New York City Municipal Archives

Page 14: UCD Process

REMIX YOUR STREET: STRATEGIES

15

Parklets promote a low-cost, easily implementable approach to public space improvement through projects that energize and reinvent the public realm. They help address the desire and need for increased public open space and wider sidewalks.San Francisco Pavement to Parks Website

2

3

1. Mobile Parklet, San Francisco, CA. Credit: CMG Landscape Architects 2. Devil’s Tooth Parklet, San Francisco, CA. Image Credit: Jordan Lewis3. Hot Tub Parklet, Vancouver, BC. Image Credit: Paul Krueger4. Mission Hill Parklet, Boston, MA. Image Credit: Courtney Sacco

4

Page 15: UCD Process

7

. . . PEOPLE CAN PLAY IN THE STREETS?

. . . PEOPLE AND THE ENVIRONMENT ARE HEALTHIER?

Image Credits: 1. Paul Krueger2. Chris Gahl/Visit Indy

3. Donald Gunn4. Portland State University

Page 16: UCD Process

REMIX YOUR STREET: STRATEGIES

21

Open streets initiatives temporarily close streets to automobile traffic, so that people may use them for walking, bicycling, dancing, playing, and socializing.Openstreetproject.org

1. Alki Ave Summer Street Event, Seattle, WA. Image Credit: Patrick Robinson, West Seattle Herald2. Beach Street Party, North Adams, MA. Image Credit: Gillian Jones/North Adams Transcript3. Phinney Ridge, Summer Street, Seattle, WA. Image Credit: SDOT2 3

Page 17: UCD Process

REMIX YOUR STREET: STRATEGIES

35

1. Madison Square Plaza, New York, NY. Credit: NYCDOT2-3. Before and After, Pearl Street Triangle, Brooklyn, NY. Credit: NYCDOT

A 2012 New York City Department of Transportation study found that retail sales increased by 172% after a parking triangle on Pearl Street in Brooklyn was converted into a pedestrian plaza. Gehl Architects Website

2 3

Page 18: UCD Process

IBM Video

Page 19: UCD Process

Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the

design process. !

Jakob Nielsen, 2003.

Page 20: UCD Process

Usability is defined by 5 quality components: !

Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? Efficiency: Once users have learned the design, how quickly can they perform tasks? Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency? Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? Satisfaction: How pleasant is it to use the design?

Page 21: UCD Process

A key one is utility, which refers to the design's

functionality: Does it do what users need?

Page 22: UCD Process

User Centred Design (UCD)

Page 23: UCD Process

[UCD video]

Page 24: UCD Process

[Tokyo Video]

[Connecting]

[Las Vegas Experience]

Page 25: UCD Process

[Why The Best CEO's Invest in Customer Experience]

Page 26: UCD Process

"We are not actually experts in specific areas. We are experts in the process of how things are designed”.

Tom Kelley

Page 27: UCD Process

[video]

Page 28: UCD Process

What are we going to do?

Page 29: UCD Process

We will have fun with HCD process. We will

try to DESIGN Melbourne CBD

GROUND based on pedestrians experience!

Page 30: UCD Process

phase 1 [without process]

Page 31: UCD Process

small activity !

UniMelb !

partial process

Page 32: UCD Process

Task 1 – Mapping the campus: Each pair of students should explore and design routes in The University of Melbourne based on provided start and end points and based on their own experiences and needs.

Page 33: UCD Process
Page 34: UCD Process

phase 2 [with process]

Page 35: UCD Process

big activity !

Melbourne CBD !

full process

Page 36: UCD Process

Task 2 – Designing Melbourne CBD GROUND: Each group of students (teams of four) should DEFINE and DESIGN Melbourne CBD GROUND based on pedestrians movement/experience/walkability/…

Page 37: UCD Process

UX Researchers 2 profiles Urban Designers

user research user requirements ideation prototyping (wireframes) user tests !

ui research ui conception ideation prototyping (mock-ups) ui [3d models]

students will work as both profiles in Task 2

Page 38: UCD Process

Studies(and(Research( Idea0on(

Evalua0on( Prototyping(

1( 2(3(4(

USER>CENTERED(DESIGN(

innovation process

[overview]

Page 39: UCD Process

1"

]"Iden(fy"users"and"inves(gates"how"the"product"can"be"used"and"in"which"circumstances."

Studies"and"Research"

Page 40: UCD Process

2"

Problems"and"opportuni2es"iden2fied"by"research"inspires"solu2ons,"which"is"the"goal"of"this"phase."

Idea2on"

Page 41: UCD Process

3"

By"building"prototypes"it"is"possible"to"iden2fy"limits"and"restric2ons"as"well"as"the"poten2al"of"the"generated"solu2ons."

Prototyping"

Page 42: UCD Process

4"

The"last"step"is"a"valida.on"(in"the"lab"or"in"the"field)"of"the"prototyped"concepts"with"the"users."

Evalua.on"

Page 43: UCD Process

some [REAL] cases

Page 44: UCD Process

smartphones!Samsung Smart Apps [desktop]

Page 45: UCD Process

car + mobile devices

Page 46: UCD Process
Page 47: UCD Process

health

Page 48: UCD Process
Page 49: UCD Process

taximov

Page 50: UCD Process

tv interface!television menu redesign

Page 51: UCD Process
Page 52: UCD Process

ux + big data

Page 53: UCD Process

big data

field research

Page 54: UCD Process

big data

field research

Page 55: UCD Process

massive volume of data

deep dive into questions

big data

field research

Page 56: UCD Process

massive volume of data

deep dive into questions

What? Why?

big data

field research

Page 57: UCD Process

massive volume of data

deep dive into questions

What? Why?

big data

field research

Find

Page 58: UCD Process

massive volume of data

deep dive into questions

What? Why?

big data

field research

Find

Investigate

Page 59: UCD Process

massive volume of data

deep dive into questions

What? Why?

big data

field research

Understand

Investigate

Find

Page 60: UCD Process

massive volume of data

deep dive into questions

What? Why?

big data

field research

Understand

Investigate

Find

Page 61: UCD Process

How we do this?

Collect Data

Represent Data Interpret Data

Page 62: UCD Process
Page 63: UCD Process

How can we… DESIGN MELBOURNE

CBD GROUND based on PEDESTRIANS

EXPERIENCE [movement/mobility/needs]?

Page 64: UCD Process

Because we are designing for people…

!

5 MENTs [at least] are needed!

Page 65: UCD Process

1 =MENT

Page 66: UCD Process

DiscontentMENT

Page 67: UCD Process

5 =MENT

Page 68: UCD Process

EngageMENT EmpowerMENT

TreatMENT CommitMENT

MoveMENT

Page 69: UCD Process

+1?

Page 70: UCD Process

InvolveMENT

I Love Melbourne

Page 71: UCD Process

!

CITIZENS as active participants

in the [creative] process

Page 72: UCD Process

Empowerment ("more upload and less download", Claudio Marinho)

Page 73: UCD Process

RESEARCH Phase

Page 74: UCD Process

Research comprises "creative work undertaken on a systematic basis in order to increase the stock of knowledge, including knowledge of man, culture and society, and the use of this stock of knowledge to devise new applications."(Wikipedia)

Page 75: UCD Process
Page 76: UCD Process

• Quantitative research • Designed to generate accurate and reliable measures that

allow statistical analysis • Appropriate to measure both opinions, attitudes, behaviors

and preferences • Ex: elections: quantify the preference of the electorate

• Qualitative research • Has no statistical basis • Analyzes profoundly non-measurable data - feelings,

sensations, perceptions, thoughts, intentions, past behavior, understanding reasons, meanings and motivations - from a certain group of individuals in relation to a specific problem.

• Involves the development and refinement of new ideas. • Extract reasoning, new discoveries, ideas and interpretations

Qualitative vs Quantitative

Page 77: UCD Process

Qualitative vs Quantitative

!!

Example: Election Theory: Based on the history of elections in Melbourne Hypothesis: If Elena's President popularity in Melbourne is large, then the chance of the mayor’s with the same political side be elected is great Public Target: the voting population in various parts of the city Data collection: objective questions "Which candidate Mr/Miss vote for?" !Fragmentation of complex relationships in different variables allow the researcher to isolate and test other effects. And if leaving Elena’s politics side, who wins? Interpretation of the data

Quantitative research

Page 78: UCD Process

!!

Are generally open Originate in the context of the researcher

Style and interest also influence Can describe states or processes

Assumptions can be confirmed or discovered

Qualitative research - Questions

Qualitative vs Quantitative

Page 79: UCD Process

Formulating Questions !

Selecting Plans and Methods !

Data Collection !

Evaluating and Reformulating Questions !

Data Analysis !

Formulation of Findings

Research Process

Page 80: UCD Process

Focusing on what we want to know !

Simple, clear and concise sentences (enable proper interpretation)

Neutral issues (not induce a response) Positive affirmations (avoid reverse logic) Maintain focus (on compound questions)

Guide to possible content extraction Caution and common sense!

Research Questions

Page 81: UCD Process

How to access information?

[video]

Page 82: UCD Process

Research Dynamic !

[AQUARIUM] [max 15’]

!

[two interviewees/volunteers] Main Objective: find out about the culture/food/

behaviour and the country of the interviewee

Page 83: UCD Process

Research Dynamic !

[Brainstorm] [time: 8’]

!

[What questions can you do to discover/identify what is GROUND for Melbourne CBD pedestrians?]

Page 84: UCD Process

Research Dynamic !

[Define your Research Method (in teams)] [max 20’]

Page 85: UCD Process

Data Analysis

Page 86: UCD Process

1. Recording of Data !

2. Data Edition (Transcript - great accuracy means large absorption of energy and time) codes: [text], TEXT, (1.8), (.), >text<, <text>, @@@, XXXX,… !

3. Construction of the "new" reality

Data Analysis

Page 87: UCD Process

Data Analysis

Page 88: UCD Process

Open Codification !

Methods of coding !

Line by line Sentence by sentence Paragraph by paragraph

Data Analysis

Page 89: UCD Process

FULL EXAMPLE - Part 1 !

Interviewees Profile !Bob Marley, 37 years old Computer Science student, single, loves music and soccer. Everyday uses Tram to go to UniMelb. Likes CBD to have some food and to meet up with friends. - 25 pages of transcription

John Lennon, 42 years old Bank manager, full schedule of meetings and passionate for technologies. Is always in CBD because works on there. Everyday Lennon have lunch on CBD, … - 13 pages of transcription

Data Analysis

Page 90: UCD Process

FULL EXAMPLE - Part 2 !

Categorising discovered codes !Routine Describes activities related to the routine of interviewee Use of Smartphones Describes activities related to the use of smartphones Use of Computer Describes the activities related to computer use Personal Costs Relative to spending on goods and services Games Concerning electronic games comments

Data Analysis

Page 91: UCD Process

FULL EXAMPLE - Part 2 !

Categorising discovered codes !EXAMPLE: !

Subcategory Code References

Workout Every day I go to Gym at night 4

I love running 2

Entertainment I am always listening to musics 1

Interacting with smart phone 6

Childrens watch DVD in the car 1

Routine

Data Analysis

Page 92: UCD Process

FULL EXAMPLE - Part 2 !

Categorising discovered codes !EXAMPLE: ! Use of Smartphones

Subcategory Code References

Messages Sending messages to girlfriend 1

Using Whatsapp app to send message 5

Sends / receives messages via cell phone during work meetings

3

Calls Uses different resources (Bluetooth / USB cable) to receive calls in the car while driving

1

Audio / Video ... 1

... 1

... 1

... 3

... 3

... 2

... 1

Data Analysis

Page 93: UCD Process

MSD IntrinsicGround/Studio Docs/HCD/IDEO_HCD_ToolKit.pdf

Page 94: UCD Process

Task 2 – Designing Melbourne CBD GROUND: Each group of students (teams of four) should DEFINE and DESIGN Melbourne CBD GROUND based on pedestrians movement/experience/walkability/… !1. Map your route between provided Start and End point 1.1 Try to identify, while mapping, people/lanes/ streets/ indoor and outdoor spaces/grounds/ shortcuts on your path 2. Apply your research methods with citizens on your path 2.1 Apply in different location, with different people. Try to identify the way people use Melbourne CBD Ground. 3. OUTPUT: Present your mapped route together with your research analysis (interviewees profile, places, codes and categories from your research data). Prepare your data to be presented next class in 10 minutes. This will be used as INPUT for IDEATION phase.

*** REMEMBER: our objective is to DESIGN Melbourne CBD GROUND ***

Page 95: UCD Process

1 1

legend'

Start'point' End'point'

1

1

2

2

3

3

4

4

Time: 30 mins to map the route + 1h-2h collecting data

Page 96: UCD Process

Eduardo [email protected]

talking about HCD process @ UniMelb