Mariah Stanley Portfolio of previous projects and research

1. MARIAH STANLEY
UX Portfolio

2. Whiplash
Website
Redesign
• Redesign of my personal business website to
increase business traffic
• Problem: How can a new client more easily see
samples of the work and schedule and appointment
Identify the
User
Define the
Problem
Research Iterate

3. Original Site
•Improve
information
architecture
through site
mapping
•Problems
duplicate
information
Widgets
unnecessary and
distracting
Home page does
not display
examples
User searching
for info and
booking
Boarder color
distracting

4. Identify the User - Personas
• Jean was referred by a friend because she wants to
try lashes for the first time
• She would like to easily be able
to see what the lashes look like and
get an idea for the options
• She is not completely sure how they work so she
feels she needs to better her understanding
of what to expect and how much she may
be paying
• Being her first time in she needs to check the
address and contact info several times
• Ashley found the salon after looking through
the
internet. She has not liked the salons she has
looked at before. She is hoping to get a clear
picture of what to expect
• She is concerned about time and
accessibility so clear scheduling and location
are also important to her

5. Usability research
Distributed
survey to
current clients
Gain better
understanding
of their needs
Address the
usability of the
current site

6. Information Architecture
• Remove duplicate
information
• Placed on logical pages
• Homepage including
most sought information
Final Site map

7. Results
•Spotlight example gallery
Reduce users’ number of clicks
• Considering content
• Does not impede the photos
• Good for horizontal scrolling
• Allows for large/infinite gallery
Scroll icon
• Making booking faster and simpler
• First thing brought to mind
Request appointment feature

8. CanvasApp
• Class project to improve the usability of the canvas app
• Problem: How might a University ofWashington student
struggling in school improve their study skills to improve
their academic success?
Identify the User
Define the
Problem
Research Iterate

9. Identify the User - Personas
Jordan
• UW - Engineering (DTC)
• First time living independently
• Overwhelmed with schoolwork and house
chores.
• Trying to balance social and academic life
Alisha
• Finance - Business Major
• Graduating in the summer
• Overwhelmed with schoolwork and job-
searching (missing deadlines)
•Trying to balance a health, academic and
social centric lifestyle

10. Initial Concept
•Remove distractions by silencing
apps
Encourage focus by setting a timer
for homework

11. Research Findings
• Students struggle with distractions
• Not enough time spent focusing
• Difficulty completing assignments
• Easily overwhelmed
Current Apps

12. Affinity Mapping
•Identify key needs
•Map possible solutions
•Brainstorm motivations

13. Storyboard
• Identify possible scenarios
• Empathize with the user
• Brainstorm the key features

14. Pivot
Timer not well received in
research
Calendar and task
management more
helpful
Adjusted design of Canvas
To Do List
Improved the UI of the
Calendar feature
Assignments organized by
size and due date to
reduce pressing deadlines

15. Features for development
Additional features
needed in design
Add social study space
The ability to track
success
Opportunities to pair
with productive
students
Productivity visible to
professors for reference
in student
recommendation
letters

16. Design for
Research
• Research study aimed at the trails of misinformation on social media.
More information can be found at: https://emcomplab.com/#research
and https://www.hcde.washington.edu/research/starbird
• Evaluated the perception of information and accounts on twitter
• Presented redesigned twitter mockups to participants
• Gleaning insight to the relationship between information and decision
making
Identify the
Space
Iterate Research

17. IDENTIFYTHE SPACE
Brainstorm information to be presented Outline presenting information in given space

18. Test and revise
• Tested option with
line graph
• Revised to resemble
Twitter color
• Tested option pie
chart
• Revised color
• Added line graph for
more information

19. Results
•Pie chart received best review
Moved line graph to bottom
No changes toTwitter profile
info