Re Vu: a UXD Case Study

Why Re Vu?

Movie lovers need a way to record and post their opinions without prior perception because reviews these days are too available, influential and prevent people from even wanting to go to the movies.

The Hypothesis

I believe that by designing a ranking system that scales content with participation for movie lovers I will achieve a less hive mind/echo chamber driven critical internet space. I will know this to be true when movie lovers find positive challenge and drive to participate and add to the community I am fostering.

Key Findings

-  Quick, and simple systems are needed to get people to share their opinions online.
-  Whether people care or not, reviews do affect their perception before seeing a movie.  Sometimes minor, sometimes majorly to the point where they won’t even go see it.
-  The opinions of critics are not gospel. Peer review is just as important to people.
-  Competitors prioritize news, and activity feeds over the user’s page when  designing their user flows.

HOW DOES “RE VU” ADDRESS THESE FINDINGS

-  Review movies you have seen recently with an easy 10 point scale rating system.  (MVP)
-  Keep your thoughts your own. Write a review to unlock the reviews of your friends.  (MVP)
-  Chat, debate and like the thoughts of your friends.

USER FLOW

Kevin, an avid movie goer, has just left the theater after seeing Guardians of the Galaxy Vol:2. He has a lot of thoughts on the movie that he wants to jot down, before seeing what his friends had to say.

The prototype can be experienced hands on here

The Reviewing process

1 - When Kevin first opens RE VU he is presented with the Home Page, which is his profile page. Here all his past reviews, and their comments are archived. He presses the "New Review" button at the top of his screen. 
2 - An overlap pops up. Here, Kevin can search for the movie he just saw or pull it from a list of movies he can curate. Using the scrolling arrows, he'll give it a number score on a scale from one to ten and submit his review with any additional comments he might want to incorporate. 
3 - Now that Kevin has posted his review a notification has popped up on Review Feed Page.

Community reviews and notifications

4 - After Kevin has posted his Guardians review, he can now view the general public's aggregated review as well as the reviews of his friends from the Review Feed Page.
5 - By clicking on the score of a movie, Kevin is able to access a movie's personal page. Here he can see how his score compares to the aggregate score as well as view and
converse with the community about their viewing experience.
6 - The Notification Page is where Kevin can learn about who else has reviewed movies he has seen, find out who is commenting on his reviews who might have joined the app he knows, etc.
 

Staying current and User Lists

7 - The Trending Page showcases which movies are being reviewed most by the general public but without giving Kevin any idea of how they are being rated. Movies that Kevin intends to see can be added to a personalized list to help organize their future viewing and reviewing plans.  
8 -  Kevin can find out more information about a trending movie by clicking the movie poster in the left column.  This will pull up a Movie Synopsis Page with detailed information about the movie's production and plot. 
9 - From here, he can post a review immediately, or choose to add it to their list by clicking the My List Button. Kevin is then brought back to the My List Subpage found alongside Trending Movies. 

The Process

At the start of a project, I looked at the current market and the movie apps that were already out there. A lot of the apps already out there had a lot of similarities in that they were oversaturated with features, and focused on the movies, their review scores and their showtimes over the user as a patron on their platform. I wanted my project to buck these trends. I conducted interviews with people I knew were avid movie goes and people I knew were not. I asked them questions about their movie going experience, how they choose a movie, the importance of a review, and what causes or not causes them to post a review of their own. 

After conducting my interviews I was able to slowly organize and find comparisons between answers, and concepts and ideas started to materialize that would help solve the problem. 

I devised a list of features i wanted to add and had volunteers organize them through a card sort.

From there, I began developing my wireframes. They started as paper prototypes and slowly were refined and reiterated into cleaner digital pages used for testing the concepts, layouts, themes, and needs. With the feedback I received, I refined my designs to help create a coherent and streamlined user flow.  

design

I went through several color pallets  in my search for the right look of Re Vu. I knew I wanted colors to pop off of a dark background, much like a movie screen in a dark theater. I played around with different shades of mostly red and blue, with the idea that they would invoke the look and feel of a marquee.

The final design choices for type and color are below. Fonts were chosen to fill certain roles. Geometos' clear bold look was chosen to be used for the number scores, while Din Condesnsed Bold was perfect for the constantly changing lengths of movie titles. 

Web_FinalDesign-01.png

What's Next?

Continue testing my prototype and getting feedback on the user flow and social networking elements of Re Vu. I want to test the commenting and notification aspects of Re Vu heavily moving forward to see how effective they are to the experience. 

Making Re Vu responsive is also big on the to-do list. Although I see Re Vu as primarily a mobile app, I want to make sure it works on both tablet and desktop platforms.  

 

 

Pencil, Ink, Adobe Illustrator, Sketch
Designed as a final project for General Assembly's Visual Design Course