user centered analysis & conceptual design

35
[User Centered Analysis & Conceptual Design] Know thy users- for they are not you

Upload: aradhana-sharma

Post on 11-Jan-2015

175 views

Category:

Design


2 download

DESCRIPTION

In this deck, I have represented a little bit of science behind the design that we see in usability

TRANSCRIPT

Page 1: User centered analysis & Conceptual design

[User Centered Analysis & Conceptual Design]

Know thy users- for they are not you

Page 2: User centered analysis & Conceptual design

Irony of Current Situation

Page 3: User centered analysis & Conceptual design
Page 4: User centered analysis & Conceptual design
Page 5: User centered analysis & Conceptual design
Page 6: User centered analysis & Conceptual design

Results of this is high level of usability in designs where following parameters are met :1) Effectiveness2) Ease of Learning3) Efficiency of use4) Memorability5) Error Prevention6) Satisfaction

Page 7: User centered analysis & Conceptual design

Interface Design Occurs late in Engineering

• Freedom to Design is high in the beginning, when we know the least

Page 8: User centered analysis & Conceptual design

UCA at a glance

Design Strategy Profiles & Personas

Task Flows

Field Studies

Information Architecture

Page 9: User centered analysis & Conceptual design

UCA - Design Strategy

• Business Goals• Target Users• General Tasks• Technology (or other) Constraints• Marketing & Branding Goals• Critical Success Factors

Page 10: User centered analysis & Conceptual design

Design Strategy – Information Sources

Component Sources

Business Goals Business Documents, software documents (existing or related), Feedback from users (for existing or related systems)

Target Users User/ Organization Charts, Job descriptions, from management

General Tasks Project requirements, Business process or task flow diagrams, from management or operations

Technological Constraints Legal regulations, Software requirements, from operations, development, IT team etc

Marketing/ Branding Goals From marketing team

Critical Success factors Defined by Business

Page 11: User centered analysis & Conceptual design

Design Strategy - Brand Gap Analysis

Define Brand attributes & its important

• Fun• Friendly• Boring• Informative• Approachable• Cluttered• Out-of-date• Easy-to-use• Hi-tech• Comfortable

Focus on important & its perception Importance

Perception GAP

Stabilize Mission Critical

Least Important

Lower Priority

Perceived Importance

More Important

Less Important

Small Gaps Large Gaps

Page 12: User centered analysis & Conceptual design

Profiles & Personas

Describe the design strategy with who is doing what, and where

User Groups User Profiles Task Profiles Environmental Profiles Personas

Page 13: User centered analysis & Conceptual design

Profiles & Personas - User profiles

Characteristic Variable Design Implications

Age/ Gender Visual AcuityMotor Skills

Font sizeColor/ Contrats

Education Reading LevelGeneral Knowledge

Documentation/ training/ helpScreen density

Language English not first Alternate versionsLabelling & layout

Computer Experience How muchWhat kind

ModalityWizards/ tooltips

Task Knowledge How much Complexity/ tutorials/WizardsInformation Atrchitecutre

Page 14: User centered analysis & Conceptual design

Profiles & Personas - Task Profile

Page 15: User centered analysis & Conceptual design

Profiles & Personas - Environmental Profiles

Page 16: User centered analysis & Conceptual design

Profiles into Personas

A persona is a concrete “characterization” of a single user segment.

Synthesis of information from the three profiles – User– Task– Environmental

Persona does not describe the actual user. It describes “fictitious” person that represent the information from user profiles.

Most important - Focus on probabilities, not possibilities

Page 17: User centered analysis & Conceptual design

Sample Personas

Its advisable to keep usually 3personas for simplicity

Page 18: User centered analysis & Conceptual design

Field StudiesValidate WHO, WHAT, WHERE and uncovering HOW & WHY.

Direct and In-direct data gathering methods– Direct – Obtaining data from actual user– Indirect – Obtaining data from users without direct contact

Individual & Group– Individual – One person at a time– Group – More than one person at a time

Performance & Discussion– Performance – Tasks are performed in the session.– Discussion – The tasks are discussed, recalled, projected, opinions

given etc

Best method among these is Direct & Individual

Page 19: User centered analysis & Conceptual design

Field Studies - Data gathering methods

Indirect Direct

Individual Surveys Interviews Helpdesk Data Observations Representative Interviews

Group Web Analytics Focused Groups Social Media Data Facilitated Groups Forum & Blogs User groups

Page 20: User centered analysis & Conceptual design

Task Analysis & Wire framing

Content Organization By Topic By User By Product or Service By task By store or

department

Page 21: User centered analysis & Conceptual design

Card Sorting

Quick, inexpensive and reliable methodWhich serves as inputInto the information design process

Card sorting provides suggestions into:

navigation, menus and taxonomies

Page 22: User centered analysis & Conceptual design

Card Sorting - Examples

Page 23: User centered analysis & Conceptual design

Card Sorting - How Many users?

Correlation coefficients for various sample sizes

Page 24: User centered analysis & Conceptual design

[Science & Art of Web designing – Part 1]Science Includes levels of objectivity, Art includes level of

subjectivity

Page 25: User centered analysis & Conceptual design

VIMM Model

Shows four kinds of work or effort that users performs

• Visual• Intellect• Memory• Motor

Page 26: User centered analysis & Conceptual design

VIMM : Visual

Optimize Visual comprehension by :• Matching screen flow to task flow• Good grouping & labelling• Careful use of color

Page 27: User centered analysis & Conceptual design

VIMM : Intellect

Simplify Decision making by :• Providing previews and easy escapes• Using controls consistently• Providing good system feedback

Page 28: User centered analysis & Conceptual design

VIMM : Memory & Motor

Memory • Making options visible • Designing for recognition vs. recall• Providing defaults

Motor• Using short distances and large targets• Optimizing for input device• Reducing windows & steps

Page 29: User centered analysis & Conceptual design

Visual Cognitive Processing

Human processes images 60,000 times faster than text.

Quick – What is a curved line with every point an equal distance from the center?

Page 30: User centered analysis & Conceptual design

Visual cognitive factors

Page 31: User centered analysis & Conceptual design

Eye movement & tracking

Fixations – Records the X & Y coordinates of where user looks.

Saccades – Quick movements from dot to dot.

Page 32: User centered analysis & Conceptual design

We can draw user’s attention

Faces naturally draw our eyes

Page 33: User centered analysis & Conceptual design
Page 34: User centered analysis & Conceptual design

Gestalt Principals – Control Visual Context

Page 35: User centered analysis & Conceptual design

To be continued…

Know thy users- for they are not you