Movie Streaming Application — UX/UI Case Study
Brief: Buzz is a movie streaming app which is designed considering the current user problems with this domain. Its main goal was to design better user experience and ease of use.
Note: It was designed in between 2019 so few pain points may be resolved in the year 2020.
Design Process: I followed the Lean UX and User-centered Design Thinking process to make sure that my design decisions were supported by user research and feedback.
To get a keen knowledge of this domain. I started my research with a competitive research method.
A competitive analysis allows us to find out if there are any gaps in the market and to find out what client competitors are doing. I started to look at a few competitors or similar platforms, to analyze UI, UX, User flow, IA and key features. I considered Netflix, Amazon Prime, and Hotstar as my competitors to start my research.
Competitive research is done only to answer one question. What are the clients competitors are doing?
I did a Heuristic evaluation to answer this question. I selected fixed users who
have standard knowledge of the domain and allotted them with certain tasks to analyze competitor's products in the following Heuristic evaluation ( by Jacob Nielsen )
1.Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from errors
10.Help and documentation
Conclusion: Analyzed all the data using Heuristic evaluation. So, to conclude this the analyzed data will be used later in the Ideate stage to create a better product in the market.
Contextual inquiry means observing people in their natural environment, as they demonstrate their typical tasks. Research participants lead their own session, explaining what they are doing, but the primary value is in observing the details of the ways they normally perform their tasks.
In this method, I gave a task to the user. Carefully observed how he performs the task and asked questions treating the user as a master.
Example: Can you teach me how to signup and watch a particular movie?
They taught me how they made signup with subscription and how they made search to find out a particular movie.
Conclusion: Analyzed user and gathered the following data like User characteristics, Tasks, the individual steps involved, Workflows, User goals, User mental model, User priority and user product selection process.
Current System Flow
A user journey map is a visualization of an individual’s relationships with a
product/brand over time and across different Channels.
Through all the collected research and data I have considered the following points as user pains when they are using the application.
- Lots of content on the Home page
- No sorting option on Menu
- No notification option in Mobile version
- No option for canceling subscription in the Mobile version
- Suggestions should be relevant
- Details should be clear
- Automatic renewal of subscription is frustrating
- Ease of use ( play any movie )
Brainstorming is a combination of informal problem solving and lateral thinking. The technique intends for participants to come up with eccentric ideas. Some of these thoughts and ideas are crafted into original and creative solutions to problems, whereas helping to spark additional ideas.
In this session, I had spent the time to come with some ideas on the user problems.
I come up with concepts to solve the problem for the pain points. So below you will be able to find high-level solutions I came up with to solve existing pain points.
Wireframing is a necessary part of the design process. Acting like blueprints for web and mobile apps, they help you set a foundation for your product and discover early on what works and what doesn’t. Below you will be able to find a few rough sketches of my to define the screens and its requirements
Lots of content on the Home page
While signing up a priority is set as per the user preferred languages. Home screen will be shown clearly as per the user's wish
No sorting option on Menu
A drop-down is set to the components in Menu based on language
No notification option in Mobile version
Notification option is set to the mobile version
No option for canceling subscription in Mobile version
Cancel and renew of a subscription is set to the mobile version to make the user comfortable
The suggestion should be relevant
Suggestions / relevant videos are shown based on the language, Director or hero, Genre
Details should be clear
Crisp and clear details are placed aside of the video to know the brief introduction of that particular video
Automatic renewal of subscription is frustrating
On the day of renewal, the Subscription is stopped before 1 hour to make the user to either cancel or to renew the subscription
Ease of use ( play any movie ) Instead of the 2 step process, I made a simple drag and drop for ease of use
There is no space for distractions and I tried to keep it as simple as possible. To make this case study user friendly I haven’t showcased my complete research. If you are interested to go through the research document reach my website. And to see more interaction about Buzz Click Here.
Thank you for reading! If you enjoyed this case study support with 50claps. If you have any feedback, I’d like to hear from you. Say hello at email@example.com or connect on LinkedIn.
Movie Streaming Application — UX/UI Case Study was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.