What is it that makes you good at what you do? The tools you use, the processes you follow, the methodologies and techniques you employ are important, but what really makes your work stand out is, well, you. It's your unique approach, your creativity and the solutions you bring to the table.
In a word where labels matter, where processes have to have a name and deliverables are strictly defined. How do you put "you" back in the practice of UX?
Powerpoint exploring the locations used in television show Time Clash
Putting "U" back in UX
1. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
Illustration: Dan Willis
alberta soranzo | @albertatrebla
SoCal UX Camp – Cal State Fullerton
putting “u” back in UX
2. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
3. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
4. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
5. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
6. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
7. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
8. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
9. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
10. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
11. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
(New) Armano’s WTF-OMG!
based on http://darmano.typepad.com/logic_emotion/2008/12/the-omgwtf-spectrum.html
12. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
anatomy of the process
source: thebarracuda57.wordpress.com/
13. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
scary, isn’t it?
source: blog.qburst.com
14. VISUAL DESIGNVISUAL DESIGN
INFORMATION DESIGNINFORMATION DESIGN
STRUCTURESTRUCTURE
REQUIREMENTSREQUIREMENTS
STRATEGYSTRATEGY
Designing the presentation of information
to facilitate understanding
navigation, table of contents, indices,
visual hierarchy
Structural design of the information space
to facilitate intuitive access to content
information architecture, interaction
design, wireframe, progressive disclosure
Definition of scope, user needs, content
and information requirements, functional
specifications
personas, accessibility, feature set,
ethnographic research, differentiation,
purpose
Planning out the objectives and goals
of the project, specifying organisational
requirements
project space, project schedule, selecting
methods and techniques, briefing
CONCEPTION
abstract
COMPLETION
concrete
The visual treatment of graphic elements,
the look and feel of the product
typography, colour palette, alignment,
texture, tactile quality of materials
GOOD PRACTICE GUIDELINES
It is important to consider good practice guidelines relevant to
the project in order to address broad user requirements and meet
accessibility standards. For example RNIB legibility guidelines, W3C
validation, ISO standards, British Standards or ergonomic principles.
USER REQUIREMENTS
It is vital to use all available resources to gather information about
the users’ requirements. Successful projects use an average of
five different sources of information. These may be focus groups,
contextual or individual interviews, observation, surveys, etc.
STICKY NOTES
Comparing notes is a useful tool to aid decision making. Ideas are
written down on individual sticky notes, weighed against one another
and organised according to priority or other criteria (speed, cost,
quality, desirability etc). This technique can also be used with users
to get them to put their considerations in order of importance.
PROJECT SPACE
A dedicated project area where research and visualisations can be
organised spatially on walls provides a creative work environment
where meetings can be held surrounded by stimuli. Constructing a
story about the project in the space providing roughs and unpolished
design invites others to comment and contribute.
PERSONAS AND SCENARIOS
A persona is an archetype comprised of habits and characteristics
of the target audience. Scenarios are little stories describing how
typical user tasks are carried out. They help to anticipate and identify
the decisions a user will have to make at each step in their experience
and through each environment or system state they will encounter.
AESTHETICS
Visual design impacts greatly on the usability of a product. Users
prefer a beautiful look & feel over an ugly or dull one. Aesthetic designs
are perceived as easier to use, whether they are or not. Good designers
find a perfect combination of accessibility and aesthetics.
PROGRESSIVE DISCLOSURE
Managing the information complexity or cognitive load by displaying
only relevant information at any given time prevents information
overload. For example through effective signposting of destinations
in a wayfinding system or using “read more” links on a website.
USABILITY TESTING
Evaluating a product by testing it with representative users helps
to identify usability problems by collecting quantitative data on
the users’ performance (e.g. error rate) and establishing their
satisfaction with the product.
METHODS AND TECHNIQUES METHODS AND TECHNIQUES
CO
NCEPT
IMPLEM
E
NTATION
EVALUATION
PERSONAS & SCENARIOS
ROLE PLAY
USER TESTING
ACCESSIBILITY TESTING
FOCUS GROUP
OBSERVATION
The user centred design process
is an iterative cycle where every
step is evaluated against the
initially identified requirements
of the users and iterated until
these requirements are met.
Evaluation methods include:
AN
ALYSIS
AN
D
PLAN
N
IN
G
LAUN
CH
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
user centered design
source: paznow.com
15. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
UXPA
source: blog.qburst.com
16. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
the process
Strategy → Research → Analysis →
Design → Production
17. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
artifacts (that’s deliverables)
source: @tuna (Gary Barber)
18. Stories
Proverbs
Personas
Scenarios
Content Inventories Analytics
User SurveysConcept MapsSystem Maps
Process Flows
Wireframes
Storyboards
Concept Designs
Prototypes
Narrative Reports
Presentation
Plans
Style Guides Specifications
Design Patterns
putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
semanticstudios
source: semanticstudio.com
19. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
deliverables
source: semanticstudio.com
20. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
deliverables - Jamie R. Levy
Anybody can draw a box and put it on a
page.
— Jamie R. Levy, 2013
21. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
deliverables - Peter Morville
Clearly, these artifacts of the process are
not the whole story. We must also think
about the relationship between goals,
methods, and documents.
— Peter Morville, 2009
22. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
trained monkeys
source: nerudaproject.wordpress.com
23. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
evolution of how we practice
source: geekybytes.org
WHAT
24. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
source: c21nicholson.com
“u”
25. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
evolution of how we practice
source: geekybytes.org
HOWWHAT
26. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
deliverables - Peter Morville
Clearly, these artifacts of the process are
not the whole story. We must also think
about the relationship between goals,
methods, and documents.
— Peter Morville, 2009
27. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
methods vs principles
“As to methods there may be a million and
then some, but principles are few. The man
who grasps principles can successfully
select his own methods. The man who tries
methods, ignoring principles, is sure to have
trouble.”
— Ralph Waldo Emerson
28. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
I say
Just because everybody else is doing it, it
doesn’t mean that it’s going to work for you.
29. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
the real issue
We worship at the altar of "doing" and
technology.
30. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
a little social experiment
31. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
a little social experiment
32. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
a little social experiment
Seamus O’Leary, PhD
Queen’s University
Institute of Cognition and Culture
Belfast
“Predictive Cognitive Semantic Analysis: An Algorithm for
Place-Making in Cross-Channel Experiences” (2010)
33. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
a little social experiment
Predictive Cognitive Semantic Analysis
“I had an intuition that by interpolating results of best
merge dendograms with anti-pattern libraries and text
readability scores, my algorithm would accurately predict
the boundaries of cognitive and semantic mapping.”
34. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
a little social experiment
Predictive Cognitive Semantic Analysis
• Parallax Theory of Brain Modeling (Johnston, Neil et al.)
• Cognitive Disenthropy Theory (Blake, McGuinn)
• Systemic Distribution of Neural Pathways Model (Mould?)
• Fibonacci Sequence
• Limit of Consecutive Quotients Paradox (Kepler)
• Structural Malta Approach to Card Sorting (Mann, Pallot)
35. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
is it just an American thing?
• Australia
—
ac%ve
listening,
facilita%on
• Canada
—
decision
making,
change
management
• India
—
dealing
with
difficult
people,
building
trust,
%me
and
stakeholder
management,
conflict
resolu%on
source: uxmatters.com
36. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
• Scandinavia
—
presen%ng,
building
trust,
stakeholder
management
• United
Kingdom
—
presen%ng,
decision
making
• United
States
—
planning,
organiza%on,
persuasion,
influence,
presen%ng
source: uxmatters.com
is it just an American thing?
37. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
E = U
em·pa·thy
/ˈempəTHē/
Noun
The ability to understand and share
the feelings of another.
38. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
Empathy is a three-way thing
Stakeholders
Users
You are
HERE Colleagues
39. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
what do I do?
THINK
(before you do)
40. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
give it 5 minutes
“Man, give it five minutes.”
— Richard Saul Wurman
41. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
ask more questions
“Asking questions means you want to know.”
— Jason Fried (37signals)
42. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
daily UX zen
43. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
Empathy = getting in character to understand
Stakeholders
Users
ColleaguesYou are
THEM
44. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
who are you?
45. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
46. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
NZ001 — LHR-LAX
47. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
the end
Questions?
48. putting “u” back in UX | @albertatrebla SoCal UX Camp - Cal State Fullerton
#whoissheanyway
alberta soranzo
@albertatrebla
albertasoranzo.com
Thank you!