Complex User Interfaces Don't Need to Be...Complex

Preview:

DESCRIPTION

Some user interfaces (UIs) can be designed to be incredibly simple and easy to use, whereas other UIs need to incorporate and support some level of complexity, whether it be the agent's screen design for a call center or the user workflow for system admins on enterprise applications. All too often, UIs are painted with broad brush strokes in terms of simple vs. complex. This webinar presentation addresses the following questions: • Where does 'complexity' come from? • What 'complexity' is unavoidable? • What 'complexity' is avoidable, and how can you avoid it?

Citation preview

1© User Centric, Inc., July 2012

PRESENTER: MODERATOR:#uxlunch

2© User Centric, Inc., July 2012

3© User Centric, Inc., July 2012

Why Are We Here?

Who We Are

The Webinars

Today’s Topic

What We Do

4© User Centric, Inc., July 2012

Why Are We Here?

Who We Are

The Webinars

Today’s Topic

What We Do

5© User Centric, Inc., July 2012

Why Are We Here?

Who We Are

The Webinars

Today’s Topic

What We Do•

6© User Centric, Inc., July 2012

We Believe Experiences Matter TM

9:45 PM 11:45 PM

7© User Centric, Inc., July 2012

Why Are We Here?

Who We Are

The Webinars

Today’s Topic

What We Do •

8© User Centric, Inc., July 2012

Why Are We Here?

Credit: UX2.0 Usability Test Report

9© User Centric, Inc., July 2012

10© User Centric, Inc., July 2012

Complexity Defined

11© User Centric, Inc., July 2012

Complexity Defined

12© User Centric, Inc., July 2012

Complexity Defined

13© User Centric, Inc., July 2012

Complexity Defined

14© User Centric, Inc., July 2012

Complexity Defined

15© User Centric, Inc., July 2012

Complexity Defined

16© User Centric, Inc., July 2012

‘Complexity’ is typically not a goal for design

Credit: UX2.0 Usability Test Report

17© User Centric, Inc., July 2012

Complexity is wrought with emotional baggage

18© User Centric, Inc., July 2012

Complexity ≠ Complicated

••

••

19© User Centric, Inc., July 2012

Complexity ≠ Complicated

20© User Centric, Inc., July 2012

Complex User Interface, from a stakeholder’s POV

21© User Centric, Inc., July 2012

Complex User Interface, from a developer’s POV

Ray Toal, Developing Complex User Interface Applications in Java

22© User Centric, Inc., July 2012

Complexity ≠ Complicated

23© User Centric, Inc., July 2012

24© User Centric, Inc., July 2012

Where does complexity come from?

25© User Centric, Inc., July 2012

Complexity originating from technology

26© User Centric, Inc., July 2012

Complexity originating from the business

27© User Centric, Inc., July 2012

Complexity originating from user tasks

28© User Centric, Inc., July 2012

Determining whether complexity is real or fabricated

29© User Centric, Inc., July 2012

What do users think about function vs. aesthetics?

Function Aesthetics

30© User Centric, Inc., July 2012

Lesson Learned: Hearing vs. listening to user feedback

31© User Centric, Inc., July 2012

Where does complexity come from?

32© User Centric, Inc., July 2012

Tesler’s Law

Back-end development

Front-end

User Interface

33© User Centric, Inc., July 2012

34© User Centric, Inc., July 2012

Heavily used applications and the expert user

35© User Centric, Inc., July 2012

36© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

37© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

38© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

39© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

40© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

41© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

42© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

43© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows(This is a BAD example of exception reporting!)

44© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

45© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Controls

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

46© User Centric, Inc., July 2012

Strategies for making the ‘complex’ simple

Prioritization

Progressive Disclosure

Visual Grouping

Contextual Actions

Iconography

Consistent Interactions

Exception Reporting

Map to Mental Models

Support Workflows

47© User Centric, Inc., July 2012

48© User Centric, Inc., July 2012

Gregory Nunn

49© User Centric, Inc., July 2012

Albert Einstein

50© User Centric, Inc., July 2012

PRESENTERS:#uxlunch

Recommended