WordFly

Helping you study vocabulary with flashcards and fun games.

My Role: User Research. User interviews. User Flows. Usability Testing. Wireframing. Prott Prototypes.

User Research and Interviews

To get to know who may be using an app to brush up on their vocabulary skills, I performed several user interviews to see what features target users may need to help them get the most out of their study time.

Meet Anna, Christina, and Corina

Anna - "Seeing new words or words I've had trouble with in context is very helpful and motivating when you are learning new words"

Christina - " I am a very competitive person, so if I could compete with my friends, that would make it more fun for me (think words with friends)."

Corina - "I need to be rewarded for getting answers correct, whether its a piece of chocolate or a kiss from my boyfriend, I need something that tells my brain I did a good job! "

Each participant was asked the following questions:
  1. How frequently do you need to learn new vocabulary? What types of vocabulary are you studying?
  2. Do your teachers suggest any specific method of learning for your type of vocabulary?
  3. When you find yourself studying new vocabulary, what methods do you find to be most effective for you? Why?
  4. What do you think could make learning new vocabulary more effective and interesting?
  5. If you find yourself having trouble learning new words, what do you do to overcome the issue?
  6. What types of features do you think would help motivate you to study vocabulary more often? Why?
  7. Do you ever need to go back and review previously learned vocabulary? If so, how did you achieve that?

Although only a few responses are shown below for each user, all users were asked all 7 interview questions.

User Persona Development

It was fun getting to hear what my potential users were looking for in a vocabulary app! To help keep the users wants and needs at the focus of my project, I developed a user persona.

Meet Lindsay Sterling -

“Learning is a part of daily life for me. Whether I’m at the office figuring out new products, or at home helping my 2 year old son develop.”

User Flows

It’s time to identify the main tasks my persona will need to complete to accomplish their goals. Let’s visualize how I expect my persona to move through the information space of our application via user flows.

My focus areas for the user flows are:

  1. Register and onboard users
    • User opens app.
    • User can log in with facebook or google (existing), register email with our app (new), or continue as guest (no log in).
    • If user had previously logged in, they will be taken to app home.
    • Once logged in, a new user (or guest) will be taken to onboard screen with quick tips.
    • The user can view or skip onboard screen, if they skip, they will be taken to app home.
    • Once onboard is complete, user is taken to app home.
  2. Play a game with a friend
    • User is at app home page.
    • User selects friend tab.
    • User chooses a friend from friends list, or can find a random player.
    • User chooses what vocabulary group or category they will learn.
    • User selects which type of game they will play.
    • Game selected shows how to play onboard (if first time playing game).
    • User starts game!

Wireframes

Now that I’ve identified a persona, problem, and the primary tasks necessary to reach a potential solution, I built wireframes and a low-fidelity prototype for WordFly.

Click through my paper prototype using Prott at the link below.

WordFly clickable Paper Prototype

Usability Testing Report

Now that I have a functioning prototype, it's time to get out and see if it my app meets the needs of my target users!

Executive Summary

For my testing, I had users test the most commonly used items within the app, as well as test how well the navigation is layed out between pages to ensure everything is easy to find.

Factors used to define usability:
  • Clarity of the layout and app functions
  • Emotions while using the app
  • App appeal to users

The age range of the users testing WordFly was from 28-56, and all are college educated. All tests were done in person.

Key Findings
  1. All users found the sign up process fast and easy.
  2. It was pretty easy for users to figure out they were continuing a game with a friend, however some weren’t sure what type of words/game they were playing with.
  3. Users liked the options to add things other than just a word and definition if they wanted to.
  4. Users found it easy to play a game, though some noted they weren’t sure how to know what type of words they were playing with.
  5. The group name title caused confusion with nearly all users, because it looked like a button.
  6. Not seeing which they created after making it was also confusing to some.
This research report includes the details of how I conducted my research, the results I found, and a list of recommended changes.

Goals

The following is what I hoped to achieve by running usability tests.

Test product concept with target audience

I wanted to confirm that an app of this style and format has a place in the current market, and is actively needed.

Reveal friction points and confusing experiences.

I wanted the experience of using Wordfly be as user friendly as possible, and to keep the users happy and engaged.

Identify bugs & issues with the product.

I wanted to work out the kinks and items I may have overlooked before we get too far along in the design process.

Testing Setup & Moderation

For my usability testing, all test were performed in person, in my quite office at home. As the test moderator, I observed the subjects and assisted with how to use the prototype tool as needed. (Prott)

1. Introduction

To begin my testing process, I followed my test script to insure that all participants got the same idea of how the test was going to work. They were given an iphone with the app preloaded within Prott. The participants were asked to think out loud as much as possible during the test.

2. Tasks

The tasks the users were asked to perform are as follows:

  1. Sign up to use app
  2. Play a game with a friend
  3. Create a new flashcard with an image and context
  4. Play a game Solo
  5. Create a new group
3. Scenario Tasks

The tasks above were presented to user as scenario tasks, to give the test a more friendly vibe. Check these out below.

  1. You’ve downloaded WordFly and are ready to use it. Sign up to begin.
  2. You and a co-worker are both trying to learn a word for work. Play a game with them.
  3. You come across a new word you need to enter into your flashcards, Create a new card and add an image and context to help you remember it better.
  4. You’ve got a few minutes to spare while waiting for some food you’ve ordered, why not play a quick game to study?
  5. You've decided you want to start studying some biology terms. Create a new group to store your new words.

Results

I used the Jacob Nielson Severity Rating System to rate how each task performed with a rating of 0-4. Each task is listed below with findings and a recommendation of how I could address the issues.

Task 1

Issue - Severity 1

  • All users found the sign up process fast and easy. Some wanted to not have to re-type their log in after signing up.
Recommendation
  • Consider where the user lands after creating a new account.
Task 2

Issue - Severity 1

  • It was pretty easy for users to figure out they were continuing a game with a friend, however some weren't sure what type of words/game they were playing with.
Recommendation
  • Add usernames/game types to the games in progress with friends.
Task 3

Issue - Severity 1

  • Users liked the options to add things other than just a word and definition if they wanted to, but they thought the page looked un-organized.
Recommendation
  • Change the check mark button to a confirm button. Work on the layout of the card.
Task 4

Issue - Severity 2

  • Users found it easy to play a game, though some noted they weren't sure how to know what type of words they were playing with.
Recommendation
  • Add a way to choose what type of vocab your learning from the game page.
Task 5

Issue - Severity 3

  • The group name title caused confusion with nearly all users, because it looked like a button.
  • Not seeing which card they created after making it was confusing to some users.
Recommendation
  • Change the label “name” to “group name” and make it a title, not a button.
  • Create an additional page that is clearer about adding cards to the group.

Future improvements

After my user testing I developed a plan to improve the app in the following ways:

More Concise Game Page

Users found it difficult to distinguish the difference between games (due to placeholder text), and how they were different.

To address this, I named the games, simplified the page, and added a how to play button.

Progress With-in a Game

Users noticed they didn't know how many words remained in the game they were playing. This caused confusion among some users.

To address this, I added a callout with the progress of the game. I also added an actual definition (instead of placeholder text) to lessen confusion of what they were supposed to enter.

Choosing Words for Games

Users were confused on how to know what words they would be playing with from the games page when they entered the game.

To address this, I added a new page that lets them choose the cards they want, and that also shows how their top score in the game versus their friends.

Ready to download Wordfly yet? Well, it’s not quite ready for that yet - but you can experience the app by hopping over to prott and checking out my prototype!

Click the link below to head over to prott viewer to try the app for yourself.

Wordfly Prototype