Consistency

Consistency is one of the best ways to get your users comfortable with your product. If they know what to expect from screen to screen it will cut down on confusion.

The tutorial showing a stylized font that is hard to read
Tutorial

Candy Crush is consistent in its style. Sticking with a bright, playful tone that can be seen across the fonts, sound effects, animations, etc. Unfortunately, this playful style can be detrimental to clarity. For example one of the fonts they use is stylistic and can be hard to read. This doesn’t mean fancy fonts should never be used, but you need to consider where they would be appropriate; a tutorial is not one of them.

Read: [Designer turns Dragon Ball’s radar into a mobile app]

Also, there are a few minor inconsistencies that could easily be fixed. In the settings menu, they use toggle sliders for the hint and notifications options but change the toggle design between the two for no apparent reason. These options are also stored in separate sub-menus when they could easily be consolidated into the main settings page.

The settings menu showing different designs for the toggle switches, and un-needed sub menus
Settings menu & sub-menus

Efficiency

Good design gets you to your goal as quickly and effortlessly as possible. Candy Crush’s menu system is simple, but there are still some tasks that take too many clicks to accomplish.

The intro screen
Intro screen

When you first open the game you are presented with an intro screen that contains a nice colorful background, the title of the game, and a few buttons. The settings and retrieve progress buttons can be found on the main game page, so there really isn’t a point in this intro screen as users have to take an extra step of pressing the play button. An alternative approach would be to use the intro graphic as the loading screen background. This gives the player something nice to look at while they wait for your game to load.

The inventory screen, showing that you have to click on a booster to see the unlock criteria
Inventory screen

The inventory screen contains some drawbacks as well. You must click a locked booster to see the criteria it takes to unlock it. This info can be condensed to “unlocks at level 21” and be incorporated into the design so it’s always displayed.

The same design choice is found on the level screen. The criteria for beating a level must be sought out, and the icon you must press to find the criteria is not as clear as it should be. On top of that, the criteria for beating a level is split up in 2 places. This may be easy to pick up on and get used to, but for someone new, you’d want to minimize confusion. You never know what small annoyance will turn a user away.

The level screen, showing you have to find the levels win criteria
Level screen

Attention to detail

One of the best ways to make a digital experience memorable is to pleasantly surprise the user. Candy Crush does this well by borrowing ideas from other industries and going against the grain.

The level screen which contains a built in leaderboard
Level page leaderboard

Most apps utilize Apple and Google’s built-in leaderboard features which are hidden from the user on a separate page, Candy Crush presents the leaderboard to the user without any extra clicks. This shows the player the competition before they start a level, and is a great way to drive engagement.

The level map shows a “jump to current level” icon
Level map

When you scroll too far up on the level map an icon appears that takes you back to your current level. This is standard practice on most websites but is a nice touch to see incorporated into a mobile game.

Candy Crush provides a skip button on the tutorial. An overlooked feature that is used by more people than you would think.

The game can be played in landscape and portrait mode, a feature most games don’t have. Elements are adjusted based on the orientation making the game feel comfortable to play any way you fancy.

Screenshot of the level map in landscape mode
Landscape mode