top of page

Brave New Words

UX/UI Case Study

BNW Phone & coffee.jpg
BNW Mobile App photo.jpg
briefcase icon.png

Project Brief

Brave New Words is an interactive vocabulary learning mobile app developed for a target audience of 16 - 24-year-old high school and college students. Brave New Words, employs methods and styles of learning that include learning vocabulary through reading excerpts from classic literature, current news articles, biographies, song lyrics, and playing games. Flashcard vocabulary words are available for learning by subject matter relevant to high school, college, and graduate school students.

Problem icon.png

The Problem

Students need a way to learn words based on the college courses they are taking and be able to add words while taking notes in class. They also want to study vocabulary in short uninterrupted time increments and have various ways to learn vocabulary. Many students wanted to learn words by reading different articles, news, fiction etc.

The Solution

solution-icon-png-7.png

We believe that by adding and creating a customized category of vocabulary words based
on Sebastian’s courses and allowing him to add his own words during class, we will make Sebastian’s experience more individualized and relevant for his college experience. Brave New Words will offer more learning styles to make learning more fun and rewarding.

The Development Approach

Understanding the Problem

Competitive Analysis

User Surveys & Interviews

User Personas

User Flows

Card Sorting and IA

Wireframes

Prototyping

Usability Testing

1. Discovery

Understanding the Problem

Using the Double Diamond Strategy helped me understand the problem and remove bias allowing me to discover, define, develop and deliver. Conducting research then narrowing the scope to define the problem then iteration and validating the approach.

1934019.png

C H A L L E N G E  1
Sebastian is a new college student and he is focused on his transition from high school to college. He really wants to make sure he is organized and learns vocabulary based on subjects he is taking.

1006626.png

C H A L L E N G E   2
Sebastian is a very busy college student and only has short incremental times to be able to study
vocabulary. He wants to be able to study without being interrupted by social media notifications.

Screen Shot 2021-03-11 at 9.52.18 AM.png

The User Interviewees

Role

UX Researcher

UX Designer

UI  Designer

Tools

Sketch

Balsamiq

Figma

Adobe XD

Invision

Craft

Optimal Sort

Usability Hub

Photoshop

InDesign

Illustrator

Skype

Facetime

Zoom

Slack

Keynote

Typeform (surveys)

Vidyard

Loom

Development Phases Approach.png
Screen Shot 2021-03-11 at 9.40.21 AM.png
photo-1558591710-4b4a1ae0f04d.jpg

COMPETITIVE ANALYSIS
Meet the competitors

Vocab Builder Icon.png
Visual Vocab Icon.png
Wordds Inc.png
GRE Vocab.png
SAT Vocab.png
SAT Vocab.png
SAT Vocab.png
SAT Word Games.png
Screen Shot 2021-03-11 at 8.49.49 AM.png

2. Concepting

User Proto-Personas

From the interview process findings, I was able to create a strong persona that would in turn help me decide what the most important features of my app would need to be created. For this project I only created one persona from the 5 interviews.

User Flows.jpg
1.5 Wireframing & Prototyping 4.jpg

3. Prototyping & User Testing

Prototyping

All Levels: Low, Mid and High Fidelity Prototype comparison

1.7 UX Presenting Your Work 9.jpg
1.7 UX Presenting Your Work 10.jpg
1.5 Wireframing & Prototyping 4.jpg
Task 1-1.png
Launch Screen.png

1

Open App

2

1.5 Wireframing & Prototyping 4.jpg
Task 1-2.png

2

Splash Page

BNW Splash Screen.png

Usability Testing & Summary

The primary purpose of a usability test is to improve a design. In a typical usability test, real users try to accomplish typical goals, or tasks, with a product under controlled conditions. Researchers, stakeholders, and development team members watch, listen, collect data, and take notes.

1.5 Wireframing & Prototyping 4.jpg
Task 1-3.png

3

Login Page

Login:Sign up Screen.png
1.5 Wireframing & Prototyping 4.jpg
Task 1-4.png

4

Existing User

Login Existing User.png
Dicovery
Concepting
Prototyping & User testing
bottom of page