UXToolkit
Phase Three: Structure
Table of contents
STRATEGY INFORMATION ARCHITECTURE USER FLOW
Affinity Map Card Sorting Task Analysis
MOSCOW Method Site Map Task Flow
Mind Map User Flow
User Journey
Job Story
Goals and Actions
Montenashi Approach
IMPLEMENTING
a strategy
MIND MAPPINGIMPLEMENTING a strategy
A method to organise your thoughts for later review.
AFFINITY DIAGRAM
1. Present the topic or define the problem clearly.
IMPLEMENTING a strategy
2. Write an idea or issue per card.
3. As a team, dort the ideas or issues into categories. (Eliminate duplicate ideas.)
Capture Group Label
M.O.S.C.O.W. METHODIMPLEMENTING a strategy
Must have Should have Could have Won’t have
Helps understand priorities and create your MVP..
information architecture
CARD SORTING
1. Write one item per card.
information architecture
2. Organise the cards in groups that relate to each other
3. User testing : Find patterns on how users would expect to find content.
Capture Group Label
SITE MAPinformation architecture
2.2
1.0 HOME
2.0 Static Page 3.0 Static Page 4.0 Static Page
2.1 Static Page
2.1 Multiple Page
3.1 Interactive Page
Search
user flows
What is the business objective or action you want the visitor to take
Answering these questions. (Answers will come from your users)
What is the user objective or desire/needs that they want to satisfy
What are all the questions they have
about this task?
What information do they need
to take action?
PREPERATIONuser flows
EXAMPLEuser flows
Go through
Presentation
Start
Presentation
No
Yes
Understand?
Finish
Presentation
QA
Tweet @maitedalilaHappy Path
KEY
Task 1
Understand?
Yes
Yes
Yes
KEYuser flows
Process / Task /Action
EX. Create a postBegin
Yes
Decision
EX.Post on blog?
Explains how a user completes a task
STEPS THAT NEED
TO BE COMPLETED
CONSIDERATIONS/
INFLUENCERS
PAINPOINTS EMOTION
TASK ANALYSISuser flows
Helps understand how users perform tasks and achieve their intended goals.
USER JOURNEYuser flows
Negative
Timeline
Positive
What questions/ comments
do they have about the task?
What is the desire/
need they want to
satisfy
What questions/ comments
do they have about the task?
What questions/ comments
do they have about the task?
What questions/ comments
do they have about the task?
What questions/ comments
do they have about the task?
PhasePhasePhase
JOB STORYuser flows
When I want to So I can
Situation Motivation Expected
Outcome
Situation
Motivation
Expected Outcome
When an important customer signs up
I want to be notified
So I can start a conversation with them
JOB STORY EXAMPLEuser flows
PHASE PHASE
TASK ANALYSIS Task
BREAKDOWN
1. What you need to accomplish task
2. What you need to accomplish task
MOSCOW Shade in MOSCOW. Add and remove as you go along the project
TASK ANALYSISuser flows
A functional breakdown of the user’s journey
GOALS You want to... (ex. Setup An Account)
ACTIONS
You need to ... (ex. Fill out a form)
You need to .. (ex. Accept T&Cs)
SCREEN
REQUIREMENTS
Screens needs to have .. (ex. T&Cs checkbox)
GOALS & ACTIONSuser flows
Helps breakdown must-have components of each screen.
SHITSUARIO
“put the user at ease”
Signal a clear beginning and
end to the interaction
"A good host does not
bother the guest but gives
a well balanced amount
of information,"
FURUMANI
“mutual attainment”
How you might treat a
"regular" versus a newcomer
"Knows when interactions
ought to be formal and
when they ought to be,"
MONTENASHI APPROACHuser flows
Method to improve Human-Machine Interaction, into "principles of attitude":
UXToolkit
discovery
PHASE 1
structure
PHASE 2
skeleton
PHASE 3
NEXT UP
UXDesigner
@maitedalila

UX Toolkit: Phase Two - Structure

  • 1.
  • 2.
    Table of contents STRATEGYINFORMATION ARCHITECTURE USER FLOW Affinity Map Card Sorting Task Analysis MOSCOW Method Site Map Task Flow Mind Map User Flow User Journey Job Story Goals and Actions Montenashi Approach
  • 3.
  • 4.
    MIND MAPPINGIMPLEMENTING astrategy A method to organise your thoughts for later review.
  • 5.
    AFFINITY DIAGRAM 1. Presentthe topic or define the problem clearly. IMPLEMENTING a strategy 2. Write an idea or issue per card. 3. As a team, dort the ideas or issues into categories. (Eliminate duplicate ideas.) Capture Group Label
  • 6.
    M.O.S.C.O.W. METHODIMPLEMENTING astrategy Must have Should have Could have Won’t have Helps understand priorities and create your MVP..
  • 7.
  • 8.
    CARD SORTING 1. Writeone item per card. information architecture 2. Organise the cards in groups that relate to each other 3. User testing : Find patterns on how users would expect to find content. Capture Group Label
  • 9.
    SITE MAPinformation architecture 2.2 1.0HOME 2.0 Static Page 3.0 Static Page 4.0 Static Page 2.1 Static Page 2.1 Multiple Page 3.1 Interactive Page Search
  • 10.
  • 11.
    What is thebusiness objective or action you want the visitor to take Answering these questions. (Answers will come from your users) What is the user objective or desire/needs that they want to satisfy What are all the questions they have about this task? What information do they need to take action? PREPERATIONuser flows
  • 12.
  • 13.
    KEYuser flows Process /Task /Action EX. Create a postBegin Yes Decision EX.Post on blog? Explains how a user completes a task
  • 14.
    STEPS THAT NEED TOBE COMPLETED CONSIDERATIONS/ INFLUENCERS PAINPOINTS EMOTION TASK ANALYSISuser flows Helps understand how users perform tasks and achieve their intended goals.
  • 15.
    USER JOURNEYuser flows Negative Timeline Positive Whatquestions/ comments do they have about the task? What is the desire/ need they want to satisfy What questions/ comments do they have about the task? What questions/ comments do they have about the task? What questions/ comments do they have about the task? What questions/ comments do they have about the task? PhasePhasePhase
  • 16.
    JOB STORYuser flows WhenI want to So I can Situation Motivation Expected Outcome
  • 17.
    Situation Motivation Expected Outcome When animportant customer signs up I want to be notified So I can start a conversation with them JOB STORY EXAMPLEuser flows
  • 18.
    PHASE PHASE TASK ANALYSISTask BREAKDOWN 1. What you need to accomplish task 2. What you need to accomplish task MOSCOW Shade in MOSCOW. Add and remove as you go along the project TASK ANALYSISuser flows A functional breakdown of the user’s journey
  • 19.
    GOALS You wantto... (ex. Setup An Account) ACTIONS You need to ... (ex. Fill out a form) You need to .. (ex. Accept T&Cs) SCREEN REQUIREMENTS Screens needs to have .. (ex. T&Cs checkbox) GOALS & ACTIONSuser flows Helps breakdown must-have components of each screen.
  • 20.
    SHITSUARIO “put the userat ease” Signal a clear beginning and end to the interaction "A good host does not bother the guest but gives a well balanced amount of information," FURUMANI “mutual attainment” How you might treat a "regular" versus a newcomer "Knows when interactions ought to be formal and when they ought to be," MONTENASHI APPROACHuser flows Method to improve Human-Machine Interaction, into "principles of attitude":
  • 21.
  • 22.