Learn how to Box Braid, 5 simple lessons, from one central place.

Learner System Run Down

Product Brief: Many Black, African and Afro-Latinx persons, enjoy the creativity that comes with braiding their hair and love finding new ways to express themselves. Additionally, many opt to braid their hair in efforts to avoid damage and save money & time. However, this trade has yet to be fully taught within a comprehensive application, leaving many to disjointedly source tips from multiple blogs and YouTube videos, which in many cases vastly contradict—causing immense user confusion. This E-learning guide, will unpack a core style, that is the root of many braiding patterns–the Iconic Box Braid. It consists of five lessons and custom educational figures all rooted in Bloomian Learning Codes.

Secondary Functions: The guide also focuses on the retention of knowledge gained, per round, through various exercises, such as pop quizzes, videos and timed practice sessions. This way Users won't waste time, feeling as though they actually learned something.

Project Origin: I started this project for a course, whilst achieving my MS in HCI. Afterwards, I continued research, design, and iteration, resulting in the final lesson.

Full Prototype

Click to view system in new window

How do I know what my Users need?

How is this guide different—why are UX Learner Systems, soo important?

Pain Points

#1

#2

#3

#4

#5

Learner System Solutions

Hover Pain Point to see
Learner Sys. Solutions below
Reset Button

Hover Pain Points on the left panel to discover the Design Solutions in the corresponding right panel.

Preliminary Research Process

Interviews & Persona Development

User Testing & Prototyping

All Research and Design Methods: Ethnography, UX Research, Surveys, Bloomian Coding, Academic Research,Card (Lesson & Question) Testing, Result Decoding, Learner UX Analysis, Iterative Usability Tests, Affinity Mapping, Education Figure Design, Low to HighFi Fidelity Wire Framing.

Persona #1 "Do it Herself"

Meet Debby!

Persona #2 "The Late Shift Learner"

Meet Lolo!

Hover boxes to discover my thought process throughout each phase of research and design. Do the same to learn more about Debby & Lolo—click to see more info about them!

Learn how to Box Braid, 5 simple lessons, from one central place.

Learner System Run Down

Product Brief: Many Black, African and Afro-Latinx persons, enjoy the creativity that comes with braiding their hair and love finding new ways to express themselves. Additionally, many opt to braid their hair in efforts to avoid damage and save money & time. However, this trade has yet to be fully taught within a comprehensive application, leaving many to disjointedly source tips from multiple blogs and YouTube videos, which in many cases contradict—causing immense user confusion. This E-learning guide, will unpack a core style, that is the root of many braiding patterns–the Iconic Box Braid. It consists of five lessons and custom educational figures based on Bloomian Learning Codes.

Secondary Functions: The guide also focuses on the retention of knowledge gained through various exercises, such as pop quizzes, videos and timed practice sessions. This way Users won't waste time, feeling as though they actually learned something.

Project Origin: I started this project for a course, whilst achieving my MS in HCI. Afterwards, I continued research, design, and iteration, resulting in the final lesson.

Full Prototype

Click to view system in new window

How do I know what my Users need?

How do I know what my Users need?

How is this guide different—why are UX Learner Systems, soo important?

How is this guide different—why are UX Learner Systems, soo important?

Pain Points

#1

#2

#3

#4

#5

Learner System Solutions

Hover Pain Point to see
Learner Sys. Solutions below
Reset Button

Pain Points

#1

#2

#3

#4

#5

Learner System Solutions

Hover Pain Point to see
Learner Sys. Solutions below
Reset Button

Hover Pain Points on the left panel to discover the Design Solutions in the corresponding right panel.

Preliminary Research Process

Interviews & Persona Development

User Testing & Prototyping

All Research and Design Methods: Ethnography, UX Research, Surveys, Bloomian Coding, Academic Research,Card (Lesson & Question) Testing, Result Decoding, Learner UX Analysis, Iterative Usability Tests, Affinity Mapping, Education Figure Design, Low to HighFi Fidelity Wire Framing.

Persona #1 "Do it Herself"

Meet Debby!

Persona #2 "The Late Shift Learner"

Meet Lolo!

Preliminary Research Process

Interviews & Persona Development

User Testing & Prototyping

All Research and Design Methods: Ethnography, UX Research, Surveys, Bloomian Coding, Academic Research,Card (Lesson & Question) Testing, Result Decoding, Learner UX Analysis, Iterative Usability Tests, Affinity Mapping, Education Figure Design, Low to HighFi Fidelity Wire Framing.

Persona #1 "Do it Herself"

Meet Debby!

Persona #2 "The Late Shift Learner"

Meet Lolo!

Hover boxes to discover my thought process throughout each phase of research and design. Do the same to learn more about Debby & Lolo—click to see more info about them!

Hover tabs to discover information about my research process.

How do I know what my users need?

How do I know what my users need?

Research

Interviews

Prototyping

Personas

Methods used

I conducted mixed-method research to design a UX Learner Lesson using Bloomian Coding, focused on Box Braiding as an underrepresented skill. Through ethnography, online listening, academic research, and surveys, I identified strong learner interest alongside a major gap: Box Braiding is rarely taught in formal or structured settings.

The research revealed that many people of color are left to rely on informal, internal circles or scattered online content to learn the practice. These insights shaped a lesson structure that progresses intentionally through Bloom’s levels, transforming fragmented knowledge into a clear, accessible, and culturally grounded learning experience





Takeaways

Ethnography

UX Research

Surveys

Bloomian Coding

Academic Research

Learner UX Analysis

Research

Interviews

Prototyping

Personas

Methods used

I conducted mixed-method research to design a UX Learner Lesson using Bloomian Coding, focused on Box Braiding as an underrepresented skill. Through ethnography, online listening, academic research, and surveys, I identified strong learner interest alongside a major gap: Box Braiding is rarely taught in formal or structured settings.

The research revealed that many people of color are left to rely on informal, internal circles or scattered online content to learn the practice. These insights shaped a lesson structure that progresses intentionally through Bloom’s levels, transforming fragmented knowledge into a clear, accessible, and culturally grounded learning experience





Takeaways

Ethnography

UX Research

Surveys

Bloomian Coding

Academic Research

Learner UX Analysis

Pain Points

#1

Solution Screen Shot
Reset Button

Learner System Solutions

Learner System Solutions

Butter'ed Solutions

Pain Points

#1

Solution Screen Shot
Reset Button

Learner System Solutions

Learner System Solutions

Butter'ed Solutions

Hover pain points in the top panel to discover the design solutions below.

Full Prototype

Click to review system in a new window

Project Origin: I started this project for a course, whilst achieving my MS in HCI. Afterwards, I continued research, design, and iteration, resulting in the final lesson.

Secondary Functions: The guide also focuses on the retention of knowledge gained, per round, through various exercises, such as pop quizzes, videos and timed practice sessions. This way Users won't waste time, feeling as though they actually learned something.

Product Brief: Many Black, African and Afro-Latinx persons, enjoy the creativity that comes with braiding their hair and love finding new ways to express themselves. Additionally, many opt to braid their hair in efforts to avoid damage and save money & time. However, this trade has yet to be fully taught within a comprehensive application, leaving many to disjointedly source tips from multiple blogs and YouTube videos, which in many cases vastly contradict—causing immense user confusion. This E-learning guide, will unpack a core style, that is the root of many braiding patterns–the Iconic Box Braid. It consists of five lessons and custom educational figures all rooted in Bloomian Learning Codes.

Learner System Run Down

Learn how to Box Braid, 5 simple lessons, from one central place.

Why do Learner Systems need UX?

Learn how to Box Braid, 5 simple lessons, from one central place.

Research

Interviews

Prototyping

Personas

Methods used

I conducted mixed-method research to design a UX Learner Lesson using Bloomian Coding, focused on Box Braiding as an underrepresented skill. Through ethnography, online listening, academic research, and surveys, I identified strong learner interest alongside a major gap: Box Braiding is rarely taught in formal or structured settings.

The research revealed that many people of color are left to rely on informal, internal circles or scattered online content to learn the practice. These insights shaped a lesson structure that progresses intentionally through Bloom’s levels, transforming fragmented knowledge into a clear, accessible, and culturally grounded learning experience





Takeaways

Ethnography

UX Research

Surveys

Bloomian Coding

Academic Research

Learner UX Analysis

Research

Interviews

Prototyping

Personas

Methods used

I conducted mixed-method research to design a UX Learner Lesson using Bloomian Coding, focused on Box Braiding as an underrepresented skill. Through ethnography, online listening, academic research, and surveys, I identified strong learner interest alongside a major gap: Box Braiding is rarely taught in formal or structured settings.

The research revealed that many people of color are left to rely on informal, internal circles or scattered online content to learn the practice. These insights shaped a lesson structure that progresses intentionally through Bloom’s levels, transforming fragmented knowledge into a clear, accessible, and culturally grounded learning experience





Takeaways

Ethnography

UX Research

Surveys

Bloomian Coding

Academic Research

Learner UX Analysis

Hover pain points in the top panel to discover the design solutions below.

How do I know what my users need?

Pain Points

#1

Solution Screen Shot
Reset Button

Learner System Solutions

Learner System Solutions

Butter'ed Solutions

Pain Points

#1

Solution Screen Shot
Reset Button

Learner System Solutions

Learner System Solutions

Butter'ed Solutions

Hover pain points in the top panel to discover the design solutions below.

Why do Learner Systems need UX?

Full Prototype

Go on, visit the lesson!
Learner System Run Down

Product Brief: Many Black, African and Afro-Latinx persons, enjoy the creativity that comes with braiding their hair and love finding new ways to express themselves. Additionally, many opt to braid their hair in efforts to avoid damage and save money & time. However, this trade has yet to be fully taught within a comprehensive application, leaving many to disjointedly source tips from multiple blogs and YouTube videos, which in many cases vastly contradict—causing immense user confusion.

This E-learning guide, will unpack a core style, that is the root of many braiding patterns–the Iconic Box Braid. It consists of five lessons and custom educational figures all rooted in Bloomian Learning Codes.

Project Origin: I started this project for a course, whilst achieving my MS in HCI. Afterwards, I continued research, design, and iteration, resulting in the final lesson.

Secondary Functions: The guide also focuses on the retention of knowledge gained, per round, through various exercises, such as pop quizzes, videos and timed practice sessions. This way Users won't waste time, feeling as though they actually learned something.