Swipe to view persona # 1, The Know it All
Personas Take #1
Swipe to view persona #2, The Clueless Newbie
Persona Take #2
Next Steps…
This project was a huge undertaking, if I had more time, I would have revamped the project using complex softwares that I am now comfortable with. In addition, I would have conducted more User Testing, focusing on Interviews and preliminary research with the Owner, Briana Spears. Lastly, I think the project could benefit from more personas and user perspectives.
Hover over each point to see what I will tackle next time!
Points
Project revamp
UX Testing
More Personas
Round #1
Round #2 Results & takeaways
Round #1 Resutls & Takeaways
My first plan for the Main Navigation was to broaden it and include paths tailored for novice and expert shopper needs. For Novice Shoppers I included a category entitled "Skin Care 101", in which users can be directed to an educational experience.
For Expert Shoppers, I created a category entitled "Ingredients", this way shoppers can easily view products by specific ingredients. Other minor changes include a way to shop per Skin Conditions, via the "Skin Condition" tab, the exclusion of the Men's section, and addition of "Home", "Makeup" and "Seasonal" paths.
Main Navigation
About Us
Profile
Skin Care 101
Body & Face
Skin Conditions
Ingredients
Make Up
Home Care
Seasonal
NEW Navigation
My Account
New to Skin Care?
Shop by Ingredients
Skin Conditions
Face and Body
Seasonal
More Departments
About Us
insights
Immediate
Actions
Community Engagement
Proactive
measures
Effective Communication
Tech Solutions
Hover to learn more about each theme in regard to pet recovery from Round #2
interviewS Round #2
Based off of Round 1, we interviewed 8 adults (5 women, 3 men) aged 24 to 63, focusing on our 5 themes. Data was collected via video conferencing and recorded for processing. Zoom recordings helped us transcribe and identify topic frequencies using Atlas. Ti. We organized data with a Codebook, informing our feature matrix and personas.
Hover to learn more about each theme discovered
Over 50% confused "about us" and "profile" cards.
70% put "make up" cards under the "face & body category
Over 70% misplaced "face & body" cards under "Skin care 101"
Over 50% were not sure where to put "ingredient" sub nav. cards i.e "herbs"
My Account
About Us
#1 "profile" to "my account"
#3 "skin care 101" to "new to skin care?"
#2 "Ingredients" to "shop by ingredients"
#4 eliminated "makeup up" sub nav cards
#5 Consolidated "make up" and "Home care under "more departments section"
Based on Round 1 results I made 5 changes below.
Changes
The changes resulted in a higher percentage of correct placements amongst participants. Three of four areas of concern improved significantly.
All participants incorrectly placed the "Make Up"card under Face & Body vs "More Departments". However, I realized that users were completely right in this assumption, such is the ideal placement
6 participants
33 Cards
9 Categories
100% incorrectly placed make up card under "face and body" vs More departments
Hover to view more about this insight
Card Sort
8 participants
34 Cards
10 Catergories
Round #1 Resutls & Takeaways
Round #2 Resutls & Takeaways
My goals for Tree Testing were to test the sub navigation, based on new main navigation from the second round of Card Sorting. For reference, I staggered the Card and Tree tests, in efforts to maximize the limited timeline. I asked participants that coincide with the persona user paths, regarding "New to Skin Care?" and "Shop by Ingredients".
insights
Immediate
Actions
Community Engagement
Proactive
measures
Effective Communication
Tech Solutions
Hover to learn more about each theme in regard to pet recovery from Round #2
interviewS Round #2
Based off of Round 1, we interviewed 8 adults (5 women, 3 men) aged 24 to 63, focusing on our 5 themes. Data was collected via video conferencing and recorded for processing. Zoom recordings helped us transcribe and identify topic frequencies using Atlas. Ti. We organized data with a Codebook, informing our feature matrix and personas.
Hover to learn more about each theme discovered
Under "New to skin care?"
none were able to learn more about ingredients
none associated "make up" with "more departments". all placed it under "face & body"
80% found products with specific ingredients via "shop by ingredients"
My Account
About Us
Final Navigation
Seasonal
Home Care
About Us
Tree testing
Final Navigation
5 participants
6 questions
Based on Tree Testing and the final round of Card Testing
Changes
#1 reword all questions to be more concise & unique
#2 Dissolve "more departments"
#3 change "new to skin care?" to "new to All Natural?"
#4 list "make up" Section under "face & body category"
this round had significant success, participants on average scored 87%.
insights
Immediate
Actions
Community Engagement
Proactive
measures
Effective Communication
Tech Solutions
Hover to learn more about each theme in regard to pet recovery from Round #2
interviewS Round #2
Based off of Round 1, we interviewed 8 adults (5 women, 3 men) aged 24 to 63, focusing on our 5 themes. Data was collected via video conferencing and recorded for processing. Zoom recordings helped us transcribe and identify topic frequencies using Atlas. Ti. We organized data with a Codebook, informing our feature matrix and personas.
Site map
Swipe and Zoom in to view
insights
Immediate
Actions
Community Engagement
Proactive
measures
Effective Communication
Tech Solutions
Hover to learn more about each theme in regard to pet recovery from Round #2
interviewS Round #2
Based off of Round 1, we interviewed 8 adults (5 women, 3 men) aged 24 to 63, focusing on our 5 themes. Data was collected via video conferencing and recorded for processing. Zoom recordings helped us transcribe and identify topic frequencies using Atlas. Ti. We organized data with a Codebook, informing our feature matrix and personas.
Content Inventory
Repetitive Issues
Whilst reviewing the site I found the site structure to be repetitive and inconsistent in multiple ways. Below are specifics.
Within the "Buttered for Men" Category, other than a few beard care products, many listings from other categories repeat. This category is also gender bias, excluding beared Non Binary and Women consumers.
Within the Main Nav. menu there three tabs "Body Balms", "Scrubs" and "Oils" which can be classified as Face or Body products. It seems that this separation wastes space and makes the Main Nav too long. (See picture below)
On the Home Page I discovered the links to three new sections, Home Care, MakeUp & Seasonal. These categories were not listed within main navigation and aren't accessible within other pages. (See picture below)
Missing main navigation categories
Complete Redesign of Main Naviagtion
Create a final Site Map, tailored to personas
Creation of Sub Level and Third Level Navigation
Goals
This project came about as a term assignment for a research course at DePaul University, with professor Danyell Jones. I worked solo and completed a Content Inventory, and various rounds of Tree Testing and Card Testing, for a beauty e-commerce site known as Butter By Bri.com.
Brief
Problem
Buttered by Bri is an Black owned skincare company, that sells all natural body products for men and women. The owner, Brianna Spears, started her business in February 2021, to help individuals with skin sensitivities and allergies, as she struggled with severe eczema and psoriasis as a child. Though buttered by bri.com has wonderful products, the site's main navigation is lacking second and third level navigation menus. Secondly, categories within the main navigation are repetitive. Lastly there is no customer portal navigation for consumers to view there account information.
Role
Sole UX Researcher
3 months
Timeline
Tools
Figma, Optimal Workshop,
Canva
Buttered by Bri Site Redesign
