This is a redesign of the www.alz.org website. It includes the mobile and the desktop redesign. It also includes a persona of a caregiver, a usability test, the prototype and the user experience flowchart of the site as the user seeks the answer to several different questions about Alzheimer's disease.
4. PRIMARY QUESTION
Did the redesign of alz.org improve the user’s
ability to find the answers to the 14
questions?
Freeman Khalandi Khani
Primary Method: Users navigating
through the prototype as they would
naturally
Primary Question Persona UX Flowchart Guerilla Testing Recommendation Conclusion
5. PRIMARY QUESTION
Did the redesign of alz.org improve the user’s
ability to find the answers to the 14
questions?
Freeman Khalandi Khani
Secondary Method: Users starting
their navigation from the home page to
answer each question
Primary Question Persona UX Flowchart Guerilla Testing Recommendation Conclusion
6. PRIMARY QUESTION
MAIN DELIVERABLES
• Three main deliverables
1. Persona
2. UX Flowchart – web and mobile
3. Guerilla testing – web and mobile
Freeman Khalandi Khani
Primary Question Persona UX Flowchart Guerilla Testing Recommendation Conclusion
7. PRIMARY QUESTION
MAIN GOALS
• Goal achieved through our main objectives
1. Persona based design
o What is important to a caregiver?
2. Create a alz.org prototype
o Address issues found during previous usability tests
o Web and mobile interfaces
3. Guerilla testing
o Ensure users can find the answers to all the tasks
o Ensure users can get to the answers within 2 clicks
Freeman Khalandi Khani
Primary Question Persona UX Flowchart Guerilla Testing Recommendation Conclusion
8. PERSONA “Personas bring the
absent user to the table” 1
1 Freeman, J. (2014, October 13). Synching the perception of the audience to conceptual design. Retrieved from UX Design: http://ux.justinrfreeman.com/
9. PERSONA
How we did it
• Interviews
o Alzheimer’s patient caregiver
o Nursing home administrator
• Web search
Freeman Khalandi Khani
• Consolidated findings to identify commonalities in user attributes
Primary Question
Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
10. PERSONA
RESULT
Freeman Khalandi Khani
Primary Question
Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
11. PERSONA
RESULT
Freeman Khalandi Khani
Primary Question
Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
12. PERSONA
RESULT
Freeman Khalandi Khani
Primary Question
Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
13. PERSONA
RESULT
Freeman Khalandi Khani
Primary Question
Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
14. PERSONA
RESULT
Freeman Khalandi Khani
Primary Question
Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
15. PERSONA
RESULT
Freeman Khalandi Khani
Primary Question
Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
17. UX FLOWCHART
HOW WE DID IT
1. Card sorting
2. Create the information architect of our site
3. Create a UX flowchart
Freeman Khalandi Khani
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
18. UX FLOWCHART
HOW WE DID IT: CARD SORTING
Freeman Khalandi Khani
Primary Question Persona
UX Flowchart Guerrilla Testing Secondary Question Recommendation Conclusion
19. UX FLOWCHART
HOW WE DID IT: INFORMATION ARCHITECT
Freeman Khalandi Khani
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
20. UX FLOWCHART
HOW WE DID IT: INFORMATION ARCHITECT
Freeman Khalandi Khani
Home
Local chapters
Calendar
Support
Phone #
Address
Alzheimer’s
What is
Alzheimer’s
10 warning signs
Life expectancy
(prognosis)
Stages of
Alzheimer’s
Issues to expect
with Alzheimer’s
Dementia
Types of
Dementia
Education
programs
Care
Long-term care
Communication
with Alzheimer’s
patient
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
21. UX FLOWCHART
RESULTS: PC LEGEND
Freeman Khalandi Khani
User Desired
action
Computer
screen
User
actio
n
Page
chang
e
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
22. UX FLOWCHART
RESULTS: PC BROWSER “DEMENTIA”
Freeman Khalandi Khani
What other
diseases, besides
Alzheimer’s, can
cause dementia?
Turns on computer
and goes to alz.org
alz.org -
Homepage
Scans home page then
clicks on “dementia” tab
alz.org – Dementia
Page
Change
Dementia Tab: Types &
Education Programs
User Selects
“Types of
Dementia”
Dementia: “Types of
Reads various
Closes Dementia”
Brows
er
Accordion
menu drops
down
types of
dementi
a
User
Desired
action
Computer
screen
User
actio
n
Page
change
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
24. GUERRILLA TESTING
HOW WE DID IT
1. Identified web design parameters to meet Ronda needs
2. Create a PC and a mobile prototype
3. Conduct guerrilla testing on the prototypes
o Test the users in their natural environments
Coffee shops
Grocery stores
Work
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
25. Freeman Khalandi Khani
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
GUERRILLA TESTING
HOW WE DID IT: DESIGN PARAMETERS
Identified web design parameters based on
“Don’t Make Me Think! A Common Sense Approach
to Web Usability”
by Steve Krug
26. Freeman Khalandi Khani
GUERRILLA TESTING
HOW WE DID IT: DESIGN PARAMETERS
1. Name of things must be intuitive
2. Links and buttons are obviously clickable
3. Clear visual hierarchy on each page
4. Minimize noise
5. Persistent navigation one each page
6. You are here – give clear visual indicators of location of the site
7. Breadcrumbs – navigation path from home page to present page
8. Make it easy to recover from errors
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
30. Freeman Khalandi Khani
GUERRILLA TESTING
METHODS: TASKS
1. Find the name of the Alzheimer’s Association Chapter near you
2. Address of your local Alzheimer’s office
3. Local chapter phone number
4. Difference between Alzheimer’s and dementia
5. Diseases/conditions other than Alzheimer’s that cause dementia
6. 10 warning signs of Alzheimer’s
7. “Calendar of Events”
8. Educational programs specifically for individuals with dementia
9. Support groups
10. Information regarding finding a long term care home for someone with Alzheimer’s
11. Alzheimer’s prognosis
12. Three problems one should expect as Alzheimer’s disease progresses
13. Stages of Alzheimer’s and describe last stage
14. Effective ways to communicate with someone who has Alzheimer’s
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
31. Team members conducted guerrilla tests individually
1. Approached random people and asked them to participate in our study
2. Explained the study to the participant
3. Explained and signed IRB
4. Demographic questionnaire was completed
5. Completed 14 tasks - found answers to questions using prototype
6. Satisfaction questionnaire was completed
7. Thanked individuals for their participation
Freeman Khalandi Khani
GUERRILLA TESTING
METHODS
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
32. Freeman Khalandi Khani
GUERRILLA TESTING
METHODS
Total of 8
participants
Primary method Secondary method
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
33. Freeman Khalandi Khani
GUERRILLA TESTING
METHODS
4 tested PC
Prototype
Secondary method
Primary method
4 tested Mobile
Prototype
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
34. 1. Efficiency – Time on task
2. Effectiveness – Number of clicks/taps
3. Errors
4. Completion rate
5. Satisfaction questionnaire (9 questions)
o Combination of ease of use and frustration questions (4 questions)
Identify most difficult and easiest task
Identify most frustrating and least frustrating task
o Likert scale satisfaction questions (4 questions)
Freeman Khalandi Khani
GUERRILLA TESTING
METHODS: MEASURES
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
36. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: PRIMARY METHOD PARTICIPANT
DEMOGRAPHICS
Average Age Age Range
Caregivers Own smartphones
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
38. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: EFFICIENCY
200
150
100
50
0
-50
Average Time on Task
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Average Time on Task (seconds)
Tasks
PC
Mobile
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
39. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: EFFICIENCY
27.5
41.9
120
100
80
60
40
20
0
-20
Average Time on Task (seconds)
Average Time on Tasks
PC
Mobile
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
45. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: EFFICIENCY
200
150
100
50
0
-50
Average Time on Task
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Average Time on Task (seconds)
Tasks
PC
NM
YM
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
46. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: EFFICIENCY
120
100
80
60
40
20
0
-20
Average Time on Tasks (seconds)
Average Time on Tasks
PC
NM
YM
27.5
41.9
120
100
80
60
40
20
0
-20
Average Time on Task (seconds)
Average Time on Tasks
PC
Mobile
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
50. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: EFFECTIVENESS
6
5
4
3
2
1
0
-1
Average Number of Clicks/Taps
Number of Clicks/Taps
PC
Mobile
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
51. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: EFFECTIVENESS
6
5
4
3
2
1
0
-1
Average Number of Clicks/Taps
Number of Clicks/Taps
PC
NM
YM
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
53. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: ERRORS
9
8
7
6
5
4
3
2
1
0
Error
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Number of Error
Tasks
PC
Mobile
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
54. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: ERRORS
9
8
7
6
5
4
3
2
1
0
Error
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Number of Error
Tasks
PC
NM
YM
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
55. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: ERRORS
30
25
20
15
10
5
0
Number of Errors
Number Errors
PC
Mobile
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
56. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: ERRORS
30
25
20
15
10
5
0
Number of Errors
Number of Errors
PC
NM
YM
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
63. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – DIFFICULTY & FRUSTRATION
8
7
6
5
4
3
2
1
0
Tasks Identified as Most Difficult/Frustrating
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Number of Identification Times
Tasks
Most Frustrating
Most Difficult
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
64. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – DIFFICULTY & FRUSTRATION
8
7
6
5
4
3
2
1
0
Tasks Identified as Easiest/Least Frustrating
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Number of Identification Times
Tasks
Least Frustrating
Easiest
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
65. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – LIKERT SCALE
8
7
6
5
4
3
2
1
0
Average Rating
Satisfaction Likert Scale (1=Strongly Disagree, 7=Strongly
Agree)
Overall Satisfaction
Time Satisfaction
Support Information Satisfaction
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
66. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – FUNCTIONALITY
of participants thought the
site functioned as expected
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
67. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – USER COMMENTS
Q: Based on your experience, what is the first thing you would change
C1P “nothing but couldn't find calendar of events”
N1P “Finding the differences between Alzheimer's and dementia required comparing
two sections. one would have made it easier.”
N1M “None”
Y1M “revisit the questioning on task 5, as it was personally misleading.”
N2M “I don't know if a ‘FAQ’ tab was on the site, but that would have been helpful.”
Y2M “educational programs for Alzheimer's should be under Alzheimer's tab.”
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
68. HOW THESE RESULTS
ANSWER OUR QUESTION
Freeman Khalandi Khani
Did the redesign of alz.org improve the user’s
ability to find the answers to the 14
questions?
Primary Method: Users navigating
through the prototype as they would
naturally
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
69. HOW THESE RESULTS
ANSWER OUR QUESTION
• Goal of 2-click tasks
Freeman Khalandi Khani
o Was met for the PC and NM groups (averagepc = 1.96; std.devpc = 1.91 and
averageNM = 1.64; std.dev NM = 1.37)
o Was not met for the YM group (average YM = 2.68; std.dev YM = 2.82)
• Our results are being compared to a usability study conducted
on the current alz.org website
o The test compared the difference between association’s website and
brochure
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
70. HOW THESE RESULTS
ANSWER OUR QUESTION
• Redesign of the alz.org website improved user’s
o Improved the completion rate of Tasks 1, 2, 4, 5, 6, 9, 11, 13 and 14
o Completion rate of tasks 3 and 10 remained consistent
Freeman Khalandi Khani
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
71. 100%
80%
60%
40%
20%
0%
Accurate Task Completion (%)
1 2 3 4 5 6 7 8 9 10 11 12 13 14
% Accurate Completion
Tasks
Current Study
Previous Study
HOW THESE RESULTS
ANSWER OUR QUESTION
Freeman Khalandi Khani
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
72. HOW THESE RESULTS
ANSWER OUR QUESTION
• Redesign of the alz.org website improved user’s
o Time on task
Freeman Khalandi Khani
Previous
study
Current
study
Rate of
change
Average TOT (sec) 1136.4 27.5 -41.3
Std. Dev (sec) 563.4 28.9 -19.5
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
73. 100%
80%
60%
40%
20%
0%
Accurate Task Completion (%)
1 2 3 4 5 6 7 8 9 10 11 12 13 14
% Accurate Completion
Tasks
Current Study
Previous Study
HOW THESE RESULTS
ANSWER OUR QUESTION
• However, it diminished the user’s
o Completion rate on tasks 7, 8 and 12
Freeman Khalandi Khani
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
74. HOW THESE RESULTS
ANSWER OUR QUESTION
Freeman Khalandi Khani
Did the redesign of alz.org improve the user’s
ability to find the answers to the 14
questions?
Primary Method: Users navigating
through the prototype as they would
naturally
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
76. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SECONDARY METHOD PARTICIPANT
DEMOGRAPHICS
Average Age Age Range
Caregivers Own smartphones
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
90. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – DIFFICULTY & FRUSTRATION
1.2
1
0.8
0.6
0.4
0.2
0
Tasks Identified as Most Difficult/Frustating
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Number of Identification Times
Tasks
Most Frustrating
Most Difficult
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
91. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – DIFFICULTY & FRUSTRATION
2.5
2
1.5
1
0.5
0
Tasks Identified as Most Difficult/Frustating
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Number of Identification Times
Tasks
Least Frustrating
Easiest
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
92. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – LIKERT SCALE
8
7
6
5
4
3
2
1
0
Average Rating
Satisfaction Likert Scale (1=Strongly Disagree, 7=Strongly
Agree)
Overall Satisfaction
Time Satisfaction
Support Information Satisfaction
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
93. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – FUNCTIONALITY
of participants thought the
site functioned as expected
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
94. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: SATISFACTION – USER COMMENTS
Q: Based on your experience, what is the first thing you would change
C2P “nothing made make the calendar of events larger”
C3P “not having to go to home screen after each task”
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
95. HOW THESE RESULTS
ANSWER OUR QUESTION
Freeman Khalandi Khani
Did the redesign of alz.org improve the user’s
ability to find the answers to the 14
questions?
Secondary Method: Users starting
their navigation from the home page to
answer each question
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
96. HOW THESE RESULTS
ANSWER OUR QUESTION
• Goal of 2-click tasks
o Was not met (Average = 2.2; Std.Dev = 1.2)
Freeman Khalandi Khani
• Our results are being compared to a usability study conducted
on the current alz.org website
o The test compared the difference between association’s website and
brochure
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
97. HOW THESE RESULTS
ANSWER OUR QUESTION
• Redesign of the alz.org website improved user’s
o Improved the completion rate of Tasks 1, 2, 4, 5, 6, 8, 9, 11, 13 and 14
o Completion rate of tasks 3 and 10 remained consistent
Freeman Khalandi Khani
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
98. 100%
80%
60%
40%
20%
0%
Accurate Task Completion (%)
1 2 3 4 5 6 7 8 9 10 11 12 13 14
% Accurate Completion
Tasks
Current Study
Previous Study
HOW THESE RESULTS
ANSWER OUR QUESTION
Freeman Khalandi Khani
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
99. HOW THESE RESULTS
ANSWER OUR QUESTION
• Redesign of the alz.org website improved user’s
o Time on task
Freeman Khalandi Khani
Previous
study
Current
study
Rate of
change
Average TOT (sec) 1136.4 22.3 -50.9
Std. Dev (sec) 563.4 27.2 -20.7
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
100. 100%
80%
60%
40%
20%
0%
Accurate Task Completion (%)
1 2 3 4 5 6 7 8 9 10 11 12 13 14
% Accurate Completion
Tasks
Current Study
Previous Study
HOW THESE RESULTS
ANSWER OUR QUESTION
• However, it diminished the user’s
o Completion rate on tasks 7 and 12
Freeman Khalandi Khani
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
101. HOW THESE RESULTS
ANSWER OUR QUESTION
Freeman Khalandi Khani
Did the redesign of alz.org improve the user’s
ability to find the answers to the 14
questions?
Secondary Method: Users starting
their navigation from the home page to
answer each question
Primary Question Persona UX Flowchart
Guerrilla
Testing Recommendation Conclusion
103. RECOMMENDATIONS
Simplifying the website design and content will improve website’s
usability
• Make the “Calendar of events” more noticeable
• Difference between dementia and Alzheimer’s need to be more
readily available
• The website content needs to be restructured
• Enhance the mobile platform design
Freeman Khalandi Khani
Primary Question Persona UX Flowchart Guerrilla Testing
Recommendatio
n Conclusion
105. CONCLUSION
• Our prototype did not improve the usability of all the 14 tasks
• Improvements with prototype
o PC: Improvement in 9 of the 14 tasks
o Mobile: Improvements in 10 of the 14 tasks
• http://7xedgj.axshare.com
o Password protected
Freeman Khalandi Khani
Primary Question Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
106. CONCLUSION
LESSONS LEARNED
• How to properly create a persona
• Difference between IA and UX Flowchart
• How to properly create an IA and a UX Flowchart
• How do you spell Guerrilla (Guerilla?)
• Team communication skills
• Time management
• Users don’t always do what you ask them to
Freeman Khalandi Khani
Primary Question Persona UX Flowchart Guerrilla Testing Recommendation Conclusion
109. PERSONA
WHAT IS A PERSONA?
“A persona represents a cluster of users who exhibit similar behavioral patterns in their
purchasing decisions, use of technology or products, customer service preferences, lifestyle
choices, and the like.” 2
Freeman Khalandi Khani
2 O’Connor, K. (2014, October 13). Personas: The foundation of a great user experience. Retrieved from UX Magazine: http://uxmag.com/articles/personas-the-foundation-of-a-great-user-experience
Primary Question
Persona UX Flowchart Guerrilla Testing Secondary Question Recommendation Conclusion
110. PERSONA
WHY WE DID IT
Freeman Khalandi Khani
• Users have certain goals & expectations when interacting with a
product
• Understanding the user goals, behaviors, and patterns
o Help define the important attributes users possess
• Personas aim to capture those attributes
• We wanted to create a prototype that better met the user’s needs
“Personas bring the absent user to the table” 1
1 Freeman, J. (2014, October 13). Synching the perception of the audience to conceptual design. Retrieved from UX Design: http://ux.justinrfreeman.com/
Primary Question
Persona UX Flowchart Guerrilla Testing Secondary Question Recommendation Conclusion
111. UX FLOWCHART
WHY WE DID IT
• Define how all the objects and actions of our prototype should
interrelate
• Keep our prototype inline with our persona’s needs and wants
• Provided our team with a common vision for our prototype
• Help achieve our 2-click per task goal
Freeman Khalandi Khani
Primary Question Persona
UX Flowchart Guerrilla Testing Secondary Question Recommendation Conclusion
112. UX FLOWCHART
WHAT IS A FLOWCHART?
Freeman Khalandi Khani
A UX flowchart binds an application together in a way that supports the conceptual models of its
target users. 3
3 Nieters, J. (2014, October 13). Defining an Interaction Model: The cornerstone of application design. Retrieved from UX Matters: http://www.uxmatters.com/mt/archives/2012/01/defining-an-interaction-model-the-cornerstone-of-application-
Primary Question Persona
UX Flowchart Guerrilla Testing Secondary Question Recommendation Conclusion
design.php
113. UX FLOWCHART
HOW WE DID IT: CARD SORTING
1. Card sorting
o A method used to help design (or evaluate)
the information architect of a site 4
o Categorized our tasks into four main groups
In your area
Alzheimer’s
Dementia
Care
2. Create an information architect of our
site
3. Create a UX flowchart
Freeman Khalandi Khani
Primary Question Persona
UX Flowchart Guerrilla Testing Secondary Question Recommendation Conclusion
4 Card Sorting (2014, October 13). Retrieved from Usability.gov: http://www.usability.gov/how-to-and-tools/methods/card-sorting.
html
114. UX FLOWCHART
HOW WE DID IT: INFORMATION ARCHITECT
1. Card sorting
2. Create an information architect of our site
o “IA focuses on organizing, structuring and labeling content in an effective and
sustainable way” 5
o Using categories created from card sorting exercise
o Create subcategories
o Ensure users can complete tasks
3. Create a UX flowchart
Freeman Khalandi Khani
Primary Question Persona
UX Flowchart Guerrilla Testing Secondary Question Recommendation Conclusion
5 Information Architecture Basics (2014, October 13). Retrieved from Usability.gov: http://www.usability.gov/what-and-why/information-architecture.html
115.
116. UX FLOWCHART
HOW WE DID IT: UX FLOWCHART
Freeman Khalandi Khani
Primary Question Persona
UX Flowchart Guerrilla Testing Secondary Question Recommendation Conclusion
117. UX FLOWCHART
RESULTS: PC BROWSER “IN YOUR AREA”
Freeman Khalandi Khani
Does the
Alzheimer’s
association have a
local chapter near
me?
Turns on computer
and goes to alz.org
alz.org -
Homepage
Searches for local
chapter by state:
Missouri
alz.org – In your area
Page
Change
Locations in MO – 3 options
Documents Prairie
Village, KS chapter
Locations: Columbia, MO; St.
Louis, MO; Prairie Village,
KS
Closes
Brows
er
User
Desired
action
Computer
screen
User
actio
n
Page
change
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
118. UX FLOWCHART
RESULTS: PC BROWSER “ALZHEIMER’S”
Freeman Khalandi Khani
Are there any
warning signs for
Alzheimer’s
disease?
Turns on computer
and goes to alz.org
alz.org -
Homepage
Scans page. Clicks on “10
Warning signs” under
Alzheimer’s section
alz.org – Alzheimer’s
Page
Change
Alzheimer’s: “10 Warning
Signs”
Scrolls through the 10 warning
signs of Alzheimer’s
Alzheimer’s: “10 Warning
Signs”
Closes
Brows
er
User
Desired
action
Computer
screen
User
actio
n
Page
change
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
119. UX FLOWCHART
RESULTS: PC BROWSER “CARE”
Freeman Khalandi Khani
Are there
recommended
communication
methods to use with
Alzheimer’s patients?
Turns on computer
and goes to alz.org
alz.org -
Homepage
Scans home page. clicks on
“Long-term Care” under Care
tab
alz.org – Care
Page
Change
Care Tab: Long-term Care
Reads about available
long-term care options
Care: “Long-term Care”
Closes
Brows
er
User
Desired
action
Computer
screen
User
actio
n
Page
change
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
120. UX FLOWCHART
RESULTS: MOBILE LEGEND
Freeman Khalandi Khani
User Desired
action
Computer
screen
User
actio
n
Page
chang
e
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
121. UX FLOWCHART
RESULTS: MOBILE “ALZHEIMER’S”
Freeman Khalandi Khani
Are there any warning
signs for Alzheimer’s
disease?
Unlock phone
and goes to
alz.org
alz.org -
Homepage
Skims home page and
taps on Alzheimer’s
Tab
alz.org – Alzheimer’s Tab
In Your
area page
opens
Alzheimer’s Tab
10 Warning Signs
Locks
Phone
Accordion
Menu opens
User
Desired
action
Computer
screen
User
actio
n
Page
change
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
122. UX FLOWCHART
RESULTS: MOBILE “IN YOUR AREA”
Freeman Khalandi Khani
What is the address of
the Alzheimer’s
association chapter
near me?
Unlock phone
and goes to
alz.org
alz.org -
Homepage
Skims home page and
taps on map under In
your Area
alz.org – Map
In Your
area page
opens
In Your Area Tab
Address: Columbia, MO;
St. Louis, MO; Prairie
Village, KS
Documents
Prairie
Locks
Phone
Local
Chapters
page opens
Village
address
User
Desired
action
Computer
screen
User
actio
n
Page
change
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
123. UX FLOWCHART
RESULTS: MOBILE “DEMENTIA”
Freeman Khalandi Khani
What other diseases,
besides Alzheimer’s,
can cause dementia?
Unlock phone
and goes to
alz.org
alz.org -
Homepage
Scrolls down the home page. taps
“Types of Dementia” under
Dementia Tab
alz.org – Dementia Tab
Dementia Tab –
“Types of
Dementia”
Scrolls down the page
and find types of
dementia
10 Warning Signs
Locks
Phone
User
Desired
action
Computer
screen
User
actio
n
Page
change
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
124. UX FLOWCHART
RESULTS: MOBILE “CARE”
Freeman Khalandi Khani
Are there any long-term
care options for
Alzheimer’s patients?
Unlock phone
and goes to
alz.org
alz.org -
Homepage
Dementia Tab –
“Long-Term
Care”
Scrolls down the home page. taps
“long-term care” under the care
“Long-Term Care”
Locks
Phone
tab
alz.org – Care Tab
“long-term
Care”
page
opens
User
Desired
action
Computer
screen
User
actio
n
Page
change
End of
task
Primary Question Persona
UX Flowchart Guerrilla Testing Recommendation Conclusion
125. Freeman Khalandi Khani
Primary Question Persona UX Flowchart
Guerrilla
Testing Secondary Question Recommendation Conclusion
GUERRILLA TESTING
WHAT IS GUERRILLA TESTING?
“Guerrilla research methods are faster, lower-cost methods that provide sufficient enough
insights to make informed strategic decisions.” 5
5 Unger, R. & Wafgel, T. (2014, October 13). Getting Guerrilla With It. Retrieved from UX Magazine: http://uxmag.com/articles/getting-guerrilla-with-it
126. • It is a fast way to test a prototype
• Test the users in their natural environments
o Coffee shops
o Grocery stores
o Work
Freeman Khalandi Khani
• Understand if the prototype meets the user’s goals and needs
Primary Question Persona UX Flowchart
Guerrilla
Testing Secondary Question Recommendation Conclusion
GUERRILLA TESTING
WHY WE DID IT
127. Freeman Khalandi Khani
GUERRILLA TESTING
RESULTS: OVERALL PARTICIPANT DEMOGRAPHICS
Average Age Age Range
Caregivers Own smartphones
Primary Question Persona UX Flowchart
Guerrilla
Testing Secondary Question Recommendation Conclusion