OPEN LOOK APP CASE STUDY 

b1.png

TOOLS USED

xd.png
premierepro.png

TIPOFF - WHAT IS THE OPEN LOOK APP?

The Open Look app will allow users to get together with fellow players in their area. Users can create/view courts and find players near them in order to set up games. Furthermore, users will be able to keep track of their stats.

OVERVIEW AND CHALLENGES

The most important part about going to the park is being able to socialize with others. The challenge created with the app is giving users an extensive, yet easy to use app so people can find others to play basketball with. Also, what features can be added to make it easier to talk to people, especially strangers? This app acts as the assist between players.

PROJECT GOALS - SHOTS THAT NEED TO GO IN

  • An easy to use invite feature.

  • A messaging feature to get closer to teammates.

  • An option to keep track of their stats such as PPG, RPG, and APG.

USER AFFINITY MAP - SHOT CHART

wix7_edited.png
wix6.png

In an app like this, the user is in the starting lineup. So, it is important to gain an understanding of which aspects of Open Look need to make sense. On the flip side, what drawbacks that the user would like to avoid. 

USER PERSONA - OUR STAR PLAYER 

wix5_edited.png

ABOUT:​ 

Matt Shay is a personal trainer. As a trainer, he is very sociable, loves keeping track of not only his client's progress, but his own, and likes to keep himself active. On the weekends, he goes to his local park to play basketball. He is always looking for new people to play with.

WANTS/GOALS: 

  • A convenient way to get in touch with others.

  • Keep track of his stats like points per game and more.

  • See court and player activity in his area.

THE DRAWING BOARD - SKETCHES & BRANDING

Sketches
Sketches

Sketches for Profile Page
Sketches for Profile Page

Sketches
Sketches

1/2
wix1 (2).png
wix1 (3).png
wix1 (4).png

EARLY ITERATIONS/IMPRESSIONS OF THE APP - USER TESTING

Early versions of the UI revealed many opportunities for improvement. The design started off on the iPhone 6, but was later updated for the iPhone X and beyond. Let's take a look at some early issues that had to be taken care.

*A group of 10 users were told to test the app's functions.

ISSUES WITH VERSION 1:

  • Bland UI

  • Confusing Icons

  • Instructions on Set-Up Game Page were unclear

  • Stats page is too limited

IMPROVEMENTS/ISSUES WITH VERSION 2:

  • UI is cleaner and the color scheme is working much better

  • Buttons/Icons are more direct

  • Some parts of the UI are too large

  • Alerts page needs work

INITIAL USER FLOW - FINDING THE RIGHT PLAY THROUGH BALL MOVEMENT

wix2_edited_edited.png

After looking at those two designs, it was important to take a look and revise the user flow. Through revising the user flow, a proper notifications page was created, a home page/feed was created, and add games/courts was converted to simple plus icon. The home page was also moved to the front to ensure that it is the first page that the user is greeted with after logging in.

MAIN PAGES

PROTOTYPE VIDEO

OUTCOME

DON'T RUSH THE PROJECT:

  • Originally, I was too ready to move on to the final prototype. This ended up making my users confused.

DON'T BE AFRAID TO START OVER:

  • Instead of constantly trying to make changes to the original designs, it was time to start from scratch.

  • This challenged me to plan out every step of the design, refine the user flow, and create an interface that was comprehensible to my users.

IF THE DESIGN DOESN'T MAKE SENSE, IT DOESN'T MATTER IF IT'S PRETTY:

  • In the beginning (especially for V2 of my prototype), I was overly concerned with how the app should look. The app flowed better when I started to focus more on how someone would interact with it.