previous-project
next-project

01 / 20

November 2019 CricBuzz App Design

CricBuzz app redesign concept

An app redesign already used by millions.

woman t-shirt, woman t-shirt mockup
Timeframe

November 2019
2 Days

Tools

Adobe XD
Adobe Photoshop

Role

UX/UI Design
Content Strategist

Team

Lone wolf
Me only

Preface

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.

Crick buzz app redesign

Challenge

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.

Research

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.

cricbuzz app screenshots

Some cricbuzz app screenshots

Problems and Initial Findings

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.

UX Principles

Through out designing the app I followed these UX Principles specially user touch behavior and Fitts's Law.

ux principles and laws

Applied UX Principles

Wireframing

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.

cricbuzz app wireframing

User Interface

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.

cricbuzz app redesign ui screen

Adobe XD- App screens

Onboarding Experience

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.

cricbuzz app redesign onboarding experience screen

App Onboarding experience

Home

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

cricbuzz app redesign home screen

App Home Screen Instances

Other App Screen

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.

cricbuzz app redesign ui screen

App other screen UI

Interactive Prototype

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. .

cricbuzz app redesign prototype

Adobe XD-Prototype

Conclusion

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. .

cricbuzz app redesign mockup

Stuff I did

✔ Research ✔ Ideation ✔ Downloaded Apps ✔ Taken screenshots ✔ User Interface ✔ User Experience ✔ Basic Wireframe ✔ Interactive Prototype ✔ Made a simple logo ✔ Rapid Prototyping ✔ Made Mockups ✔ Pop and un-pop things

Learnings

``

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.

Share Your thoughts

Damn you really like to scroll. Click Me.

clap icon