Complex User Interfaces Don't Need to Be...Complex
50
1 © User Centric, Inc., July 2012 PRESENTER: MODERATOR: #uxlunch
-
Upload
gfk-user-centric -
Category
Technology
-
view
793 -
download
2
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?
Transcript of Complex User Interfaces Don't Need to Be...Complex
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
