user experience design fundamentals - iiba sofiathe sum of efforts — mental and physical — that...

31
User Experience Design Fundamentals April, 2016

Upload: others

Post on 10-Apr-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

User Experience Design Fundamentals

April, 2016

Page 2: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

What’s UX

Everything from product’s look and feel to how it responds when users interact with it, to the way it fits into people’s daily lives.

Page 3: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Elements of UX

Page 4: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

UX Layers

Visual design

Content & terminology

Detailed interactions & UI design patterns

Information architecture & global navigation

Functionality

User audience

Page 5: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

UX Roles

Visual Designer

Copy Writer/Content Writer

Interaction Designer, UI Designer

Information Architect

Product manager (not a UX role)

User Researcher

Page 6: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

User-Centered vs. Value-Centered Design

Value-centered design starts a story about an ideal interaction between an individual and an organization and the benefits each realizes from that interaction.

users

company

value

Page 7: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Gathering Requirements

Design Research Observation, User interviews

Surveys, Analytics data

Heuristics evaluation

Content inventory

Competitive analysis

Product Scoping Product strategy

Business requirements

Functional requirements

SEO requirements (for web)

Technical constrains

Page 8: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

As a UX Designer I need to know…

Application Goals

Most business models have focused on self interest instead of user experience. TIM COOK

Page 9: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

As a UX Designer I need to know…

Target Audience

Design for somebody, alienate nobody.PAUL BOAG

Page 10: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

User Personas

Page 11: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

User Types

MainstreamersWilling adoptersExperts

Page 12: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Complex Applications User Types

Domain Expertsdo complex problem-solving

at work

Enthusiastsare extremely knowledgeable about a subject outside their

profession

Page 13: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Content and Data

Content is king!BILL GATES

As a UX Designer I need to know…

Page 14: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Context of Usе

If content is king, context must be the kingdom.ERIC REISS

As a UX Designer I need to know…

Page 15: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Multi-Device Usage Examples

Page 16: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Input tools Mouse Keyboard Voice Stylus Touch Remote control Joystick Other technologies

As a UX Designer I need to know…

Page 17: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Functional Requirements

The behavior you need to build into the software to meet user’s needs.

Happy path Alternative paths Exceptions Edge cases

As a UX Designer I need to know…

Page 18: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

UX Design OutputInformation architecture

SitemapsTaxonomies

Content inventories

Page 19: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

UX Design OutputWorkflows

Page 20: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

UX Design OutputWireframes

Low-fidelity prototypes

Page 21: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

UX Design OutputDesigns

High-fidelity prototypes

Page 22: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Pattern libraries

UX Design Output

Page 23: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Usefulness vs. Usability

Page 24: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Visual design

Content & terminology

Detailed interactions & UI design patterns

Information architecture & global navigation

Functionality

User audience

Usefulness vs. Usability

Usability

Usefulness

Page 25: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Mental Model vs. Concept Model

Page 26: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Learning Curve

Usable

Hard to learn

Page 27: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Interaction cost

The sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals. Direct measure of usability – the lower

the cost, the more usable the app is.

Page 28: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Measuring Design Success

Define UX Metrics Set goals of the project Identify proper metrics Establish baseline Quantify targets

Page 29: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Measuring Design Success

Nothing ruins a great UIlike people using it.IAN LURIE

Usability Testing

Page 30: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Measuring Design Success

Usability Testing Metrics Time on task Time to content Back button clicks, pogo-sticking Task completion Errors Discrepancy between mental and

conceptual model Number of clicks is not a usability

metric

Page 31: User Experience Design Fundamentals - IIBA SofiaThe sum of efforts — mental and physical — that the users must deploy in interacting with a site in order to reach their goals

Thank [email protected] Racholova, Senior UX Designer, Telerik