An app redesign already used by millions.
November 2019
2 Days
Adobe XD
Adobe Photoshop
UX/UI Design
Content Strategist
Lone wolf
Me only
Cricbuzz app is used by millions of user. To redesign something that that is already have a existing user base is itself is a challenge. I started with installing the app from play store and then carefully following each navigation. I personally used this app previously some years ago not now. So much has already been changed and improved from then.
1. Strict Deadline
2. Did it to learn
3. Only Two days to showcase UI/UX Process
4. Time constraint to do heuristic research
Cricbuzz app is used by millions of user. To redesign something that that is already have a existing user base is itself is a challenge.
Since time was less and so couldn't follow design process and totally skipped
user research. But I did talk to some friends and asked their existing experience of
using Cricbuzz app and their pain-points.
So instead I carefully observed each screen, realized what's missing and what can be
done to make user experience more intuitive.
One thing that really needed to be redesign was app navigation. If I have to go
from one screen to another, it was really difficult to manage them with one handed
with thumb only. I love Samsung one UI and based on that I decided to restructure
every screen of cricbuzz app also.
Some cricbuzz app screenshots
1. No Clear structure and navigation flows
2. Cluttered UI
3. Very less white space
4. Navigation problems on bigger screen
5. Not one handed friendly
6. Bad Content Architecture and Readability
7. Very little transition between app screen in so user get distracted from going to one screen to another.
Through out designing the app I followed these UX Principles specially user touch behavior and Fitts's Law.
Applied UX Principles
To get started I did a very rapid wireframing. With just important screen and feature I thought of adding. Don't mind my handwriting. Its way better originally.
I started designing app design with splash screen. Made a new logo very quickly. Well existing logo is much good though. Anyway then choose a font i.e. Montserrat. There is something me and my friends say, when in doubt use Montserrat. Its a beautiful font. As I have not much time so I didn't experimented with different fonts.
Adobe XD- App screens
In the existing app there was no onboarding experience and very little personalization. Personalization can be used for collecting data in terms of business and better user experience. Can be used for Push notification and also so that user can never miss matches from his/her favorite team and also to not miss stories from his/her favorite player.
App Onboarding experience
Home is now less cluttered with more white space and better readability. Often times we just wanted to see just the latest scores and so the first thing on home he will focus will be on bigger typos i.e. the score following player current run and likewise
App Home Screen Instances
Every Interactive elements is placed in the Active area of the mobile wherever possible so even a person who is holding phone in one hand can navigate with thumb easily just like in Samsung new one UI. With new search feature user can easily go through topics, related videos, player profile etc. All menu CTA is placed in in Active area so user can navigate very easily even on bigger screen.
App other screen UI
Made an App rapid prototype showing interactions with elements, sleek animations using Adobe XD auto-animate feature. A lot can be improved though.In two days This is all did. .
Adobe XD-Prototype
There a lot of things and conditions that these design doesn't justify. With two sleepless night this is all I can design. There may be one and more typos error and not pixel perfect and please don't mind my English and English Grammar. I try hard though to not mistake. There's a lot of area where with good research and planning app can be made even more awesome for all cricket lover. .
The most challenging part of any project which I have observed is even starting it. Once I start it the next big thing is Deciding which problem to solve. As a UX designer, we are driven by curiosity and a burning desire to solve problems. The more insights we uncover, the more problems we will identify — and the harder it becomes to settle on just one. During research and design phase i got into loop of deciding what to give more time and which to not. If i have focused on all parts of Cricbuzz app, it would not have been possible to finish it all in 2 days at all. So focusing only on Important stuff is very crucial.
It’s inevitable that we uncover new pain-points along the way, but we can’t change tack every time this occurs. The challenge lies in staying focused.
Damn you really like to scroll. Click Me.