Visual vs Non Visual UX Design. The importance of understanding why UX is not the same as UI.

1. Edgar Anzaldúa – UX Lead
Field Disciplines
Overview

2. Edgar Anzaldúa – UX Lead
INTERACTION DESIGN
ARCHITECTURE
INDUSTRIAL
DESIGN
HUMAN
FACTORS
HUMAN-COMPUTER
INTERACTION
SOUND
DESIGN
CONTENT
(Text, Video,
Sound)
INFORMATION
ARCHITECTURE
VISUAL
DESIGN
Information
Visualisation
In-App
Navigation
Interactive Environments
Ubiquitous
Computing
Signage
INTERFACE
DESIGN
USABILITY
ENGINEERING
Controls
Source: Saffer, Dan. Designing for Interaction. Berkeley, CA: New Riders, 2010. Print.

3. Edgar Anzaldúa – UX Lead
Visual UX (UI?)
 Functional
 Ergonomic
 Evoke Reminiscence
 Visually Appealing

4. Edgar Anzaldúa – UX Lead
Visual UX (UI?) Non-visual UX

5. Edgar Anzaldúa – UX Lead
 Safe Exploration
 Instant Gratification
 Satisficing (Satisfying + Sufficing)
 Changes in Mind-stream
 Deferred Choices
 Incremental Construction
 Habituation
 Micro-breaks
 Spatial Memory
 Prospective Memory
 Streamlined Repetition
 Keyboard Only
Non-visual UX
Source: Tidwell, Jenifer. Designing Interfaces. Beijing: O'Reilly, 2006. Print.

6. Edgar Anzaldúa – UX Lead
Building an UI
That Works
Visual + Non-visual

7. Edgar Anzaldúa – UX Lead
ATMs
Complexity of UI
(Features, Affordance)
Casual User
incl. support for drunk
users on Friday night
Power User?????
(cash withdrawal)
Power User
(cash deposits)
• Safe Exploration
• Instant Gratification
• Satisficing
• Changes in Mind-stream
• Deferred Choices
• Incremental Construction
• Habituation
• Micro-breaks
• Spatial Memory
• Prospective Memory
• Streamlined Repetition
• Keyboard Only
FrequencyofUse
• Functional
• Ergonomic
• Evoke Reminiscences
• Visually Appealing

8. Edgar Anzaldúa – UX Lead
Casual User
incl. support for drunk
users on Friday night
Power User?????
(cash withdrawal)
Power User
(cash deposits)
YouTube
Complexity of UI
(Features, Affordance)
• Safe Exploration
• Instant Gratification
• Satisficing
• Changes in Mind-stream
• Deferred Choices
• Incremental Construction
• Habituation
• Micro-breaks
• Spatial Memory
• Prospective Memory
• Streamlined Repetition
• Keyboard OnlyWatch Videos
Edit Videos
Upload Videos
Organise Videos
FrequencyofUse
• Functional
• Ergonomic
• Evoke Reminiscences
• Visually Appealing

9. Edgar Anzaldúa – UX Lead
Casual User
incl. support for drunk
users on Friday night
Power User?????
(cash withdrawal)
Power User
(cash deposits)
Watch Videos
Edit Videos
Upload Videos
Organise Videos
Word
• Safe Exploration
• Instant Gratification
• Satisficing
• Changes in Mind-stream
• Deferred Choices
• Incremental Construction
• Habituation
• Micro-breaks
• Spatial Memory
• Prospective Memory
• Streamlined Repetition
• Keyboard Only
Write a Document
Format a Document
Add Auto-text
Cross Reference
Mail-merge
Complexity of UI
(Features, Affordance)
FrequencyofUse
• Functional
• Ergonomic
• Evoke Reminiscences
• Visually Appealing

10. Edgar Anzaldúa – UX Lead
Casual User
incl. support for drunk
users on Friday night
Power User?????
(cash withdrawal)
Power User
(cash deposits)
Watch Videos
Edit Videos
Upload Videos
Organise Videos
Write a Document
Format a Document
Add Auto-text
Cross Reference
Mail-merge
Excel
• Safe Exploration
• Instant Gratification
• Satisficing
• Changes in Mind-stream
• Deferred Choices
• Incremental Construction
• Habituation
• Micro-breaks
• Spatial Memory
• Prospective Memory
• Streamlined Repetition
• Keyboard Only
Add A1 and A2 into A3
Use it as a Text Table
Array Operations
Pivot tables
Pivot Charts
Complexity of UI
(Features, Affordance)
FrequencyofUse
• Functional
• Ergonomic
• Evoke Reminiscences
• Visually Appealing

11. Edgar Anzaldúa – UX Lead
EclipseFrequencyofUse
• Safe Exploration
• Instant Gratification
• Satisficing
• Changes in Mind-stream
• Deferred Choices
• Incremental Construction
• Habituation
• Micro-breaks
• Spatial Memory
• Prospective Memory
• Streamlined Repetition
• Keyboard Only
Complexity of UI
(Features, Affordance)
Casual User
incl. support for drunk
users on Friday night
Power User?????
(cash withdrawal)
Power User
(cash deposits)
Watch Videos
Edit Videos
Upload Videos
Organise Videos
Write a Document
Format a Document
Add Auto-text
Cross Reference
Mail-merge
Add A1 and A2 into A3
Use it as a Text Table
Array Operations
Pivot tables
Pivot Charts
User myUser : new User(“Edgar”, ”novice”);
God Mode
(Product Engineering Team?)
• Functional
• Ergonomic
• Evoke Reminiscences
• Visually Appealing

12. Edgar Anzaldúa – UX Lead
What’s + Important?
Visual Non-Visual

13. Edgar Anzaldúa – UX Lead
What’s + Important?
Visual Non-Visual

14. Edgar Anzaldúa – UX Lead
What’s + Important?
Visual Non-Visual
Visual + Non-Visual
• The focus depends on the user
(but we need to know)
• The execution depends on
(1) planning and (2) skills