User Engineering

Crafting the
Compelling User
Experience
Using a Methodical Software
Engineering Approach to Model
Users and Design
Crafting the Compelling User Experience: Introduction IBM Ease of Use Group
Slide number 1
$JHQGDKUVZREUHDNV
09:00 9:30
Introduction
Carolyn
9:30 10:30
Discovery phase
Carolyn
10:30 11:00
Coffee break
11:00 12:30
Design 1 Abstract Design

& Exercise
12:30 2:00
Lunch
2:00 3:30
Design 2 Realization &

Exercise
3:30 4:00
Coffee break
4:00 4:45
Case Study
Carolyn
4:45 5:30
Conclusion
Carolyn/Didier
Didier
Didier
Slide number 2
6FRSHRI8VHU([SHULHQFH
$GYHUWLVLQJ
3UH6DOHV ,QTXLULHV
7HUPV &RQGLWLRQV
2UGHULQJ
'LVWULEXWLRQ
3DFNDJLQJ
6HWXS ,QVWDOODWLRQ
'RFXPHQWDWLRQ
/HDUQLQJ WR 8VH
*HQHUDO 8VH
'HIHFW 6XSSRUW
1RQGHIHFW 6XSSRUW
8SJUDGHV1HZ 9HUVLRQV
3RVW6DOHV )ROORZXS
'LVSRVDO
Traditional focus:
Human-Computer
Interaction (HCI) Focus
Widening focus of the IBM

Ease of Use Team
Slide number 3
6FRSHRIWKH8VHU([SHULHQFH
$GYHUWLVLQJ
3UH6DOHV ,QTXLULHV
7HUPV &RQGLWLRQV
2UGHULQJ
'LVWULEXWLRQ
3DFNDJLQJ
6HWXS ,QVWDOODWLRQ
'RFXPHQWDWLRQ
/HDUQLQJ WR 8VH
*HQHUDO 8VH
'HIHFW 6XSSRUW
1RQGHIHFW 6XSSRUW
8SJUDGHV1HZ 9HUVLRQV
3RVW6DOHV )ROORZXS
'LVSRVDO
Total User Experience

Ease of Use
Messages
Web Site &
Telemarketing
Out-of-box
Experience
Learning and
Usage
Assistance and
Support
Slide number 4
7XWRULDO2YHUYLHZ
Scope of concern:
Total User
Experience
Process scope:
Discovery phase
Design phase
Development phase
Deployment phase
Method:
Object, View,
Interaction design
Slide number 5
(QGWR(QG$SSURDFK
Scenarios & Stories
User-Goal Analysis
User Objects
User Tasks
Post-Deployment
User Satisfaction
Abstract Views
Deployment
Feedback
Implementation Fidelity
Reports
Presentation Views
View Maps
Slide number 6
8&'3KDVHV
Slide number 7
,FHEHUJ$QDORJ\
Visuals
Interaction
Techniques
Look and feel are the tip of

the user experience iceberg.
Drivers Analysis
UI Toolkit and
Style Guides
Users
Model
Desktop and
application objects
Need for a formal
architectural approach.
Slide number 8
8,$UFKLWHFWXUH
Architecture
Orderly arrangement of parts to achieve some desired effect.
Computer Architecture
The conceptual elements of a system, their roles, and relationships.
UI Architecture
The conceptual elements of a system that are perceivable by users,
their roles and relationships.
Architectures are often described using models.

Slide number 9
0RGHOV
Model
A schematic description of a system, theory, or phenomenon that
accounts for its known or inferred properties and may be used for
further study of its characteristics.
User Interface Model

Conveys essential aspects of use:
Conceptual entities & relationships
Interaction - user controls
Benefits
Rigor and precision
Pattern recognition
Communication
reuse
visual and memorable
Slide number 10
$VLPSOHPRGHORIDUDGLR
Antenna
Radio Receiver
Speaker
Tuning
Control
Volume
Control
Naive User's Model

Slide number 11
$PRUHFRPSOH[PRGHORIDUDGLR
Antenna
RF
Audio
IF
Detector
Mixer
Amplifier
Amplifier
Amplifier
Speaker
Local Osc.
Tuning
Volume
Control
Control
Astute User's Model

Slide number 12
%HQHILWV
Understanding
Facilitates purchase and optimized use
Aids problem determination
Enables modifications and enhancements
Naive User
Astute User
Communication
Visualize key elements, roles, and relationships
Memorable
Ensure a common level of understanding
Slide number 13
7KUHH.H\,QWHUIDFH0RGHOV
Designer's Model
Hotel
Room
Guest
Things
Appearances
Interactions
Needed for users tasks
Slide number 14
Users
Models
Designer's Model
Hotel
Room
Guest
Beliefs
Goals
Emotions
Superstitions
Things
Appearances
Interactions
Slide number 15
Users
Models
Designer's Model
Hotel
Implementers
Model
Room
Guest
Beliefs
Goals
Emotions
Superstitions
Things
Appearances
Interactions
Data structures
Toolkits
Algorithms
Libraries
Slide number 16
The Goal
User A's
Conceptual Model
Designer's Model
Hotel
Hotel
User B's
Conceptual Model
Room
Room
Hotel
Guest
Guest
Guest
Naive
Deduction
Astute
Deduction
Observations
Reservations
Guest name
No. in party
In
Out
Credit card
User A
Smoking
Non-smoking
User B
Slide number 17
2EMHFW0RGHO 9LHZ6HSDUDWLRQ
Designer's Model
View Model
Reservations
Guest name
No. in party
In
Out
Credit card
Smoking
Non-smoking
User
Hotel
Room
Guest
Object Model
Slide number 18
2EMHFW0RGHO 9LHZ6HSDUDWLRQ
Designer's Model
View Model
Reservations
Guest name
No. in party
In
Out
Credit card
Smoking
Non-smoking
User
Hotel
Room
Guest
Object Model
Slide number 19
$EVWUDFWDQG3UHVHQWDWLRQ9LHZV
Abstract View
Presentation Views
Reservation View
Guestname:
PartySize:
DateIn:
DateOut:
CreditCard:
Smoking:
String, 20
Number, 1, 99
Date
Date
String, 15
T/F
Reservations
Rendering detail
Themes
Visual priority
Device specifics
Guest name
No. in party
Out
In
Credit card
Smoking
Non-smoking
Reservations
Guest name
View content elements

User interactions
Inter-view navigation
No. in party
Smoking
Date Ar/Lv
Credit card
Slide number 20
.H\7HUPV
Goal
Task
Strategy
User
Role
A result to be accomplished independent of

how it is achieved.
A set of activities performed to accomplish a
goal.
A specific plan for performing tasks to
accomplish a goal.
A person who experiences the interface being
designed.
A related set of tasks performed by a user.
Scenario A narrative describing how users accomplish

their goals.
Slide number 21
8QLILHG0RGHOLQJ/DQJXDJH
Entities
User (Actor)
Objects & Views

(Classes)
Properties (Attributes)
And
Actions (Operations)
Slide number 22
8QLILHG0RGHOLQJ/DQJXDJH
Entities
User (Actor)
Relationships
Composition (Aggregation)
Type of (Generalization)
Objects & Views
(Classes)
Association & Cardinality
Slide number 23
5DWLRQDO5RVH
Slide number 24
'LVFRYHU\WR5HDOL]DWLRQ
Slide number 25

User Engineering

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

User Engineering

Uploaded by

Copyright:

Available Formats

Crafting the

Design 1 Abstract Design

Design 2 Realization &

Widening focus of the IBM

Total User Experience

Look and feel are the tip of

Architectures are often described using models.

User Interface Model

visual and memorable

Naive User's Model

Astute User's Model

Needed for users tasks

Needed for users tasks

Needed for users tasks

View content elements

A result to be accomplished independent of

Scenario A narrative describing how users accomplish

Objects & Views

You might also like