FR

Réalités Parallèles

Ergonomie et conception de jeu vidéo

A game usability review of Triple town

  1. Triple town is a fun and easy puzzle game !
  2. Usability review
    1. It is unclear what can and can’t be clicked.
    2. In game advertisements : usability Epic win
    3. Evil automatic screen rotation
  3. Smart error management : play with the limits of tap target sizes
    1. A light tap precision issue
    2. Error management Turned into a conversion mechanism
    3. And why encouraging a horizontal phone may profit spryfox
  4. Conclusion

Triple Town Logo

Triple town is a mobile puzzle game by Spryfox that has kept me addicted for quite a while, despite the free to play time limiting features. In this article, I will introduce the game’s strength, then walk you through some of the usability issues that would be worth fixing to make the experience even more enjoyable.

Triple town is a fun and easy puzzle game !

THe interface of triple town has scoring and the current action at the top, along with a timer. Below is the main area showing the match 3 game as a village where features are improved as they merge.

The core gameplay of Triple Town is very simple : place elements on your map to build a town. When you place at least three of the same element next to each other, they combine into a more complex building. The map size is limited, so you shouldn’t waste space and need to plan ahead to go as far as possible in the game and build the most complex buildings.

The main strength of Triple town is its ease of use : the basic concept is simple enough, yet hard to master. As a free to play, the game proposes an integrated store experience that doesn’t disrupt the gameplay.

It is seamlessly part of the game to pass through the store and switch an element for another. The store doesn’t give you huge advantages over the game, but it helps you play a little longer when you’re stuck. Because of this, it is more likely to be considered as a normal part of the game, rather than an artificial way of creating revenue.

A game session, lasts about 5 to 15 minutes and doesn’t require you to have both hands free, which is perfect for a quick game on the commute to or from work, before sleeping, on on the toilet (because yes, 40% of users use their phone in the bathroom).

Usability review

Triple Town has a couple of minor usability issues still, yet they don’t break the game experience. Here are a couple of enhancements that would make the game even greater.

It is unclear what can and can’t be clicked.

All four blocks at the top of the screen look the same white text on dark green background, but only some of them are interactive buttons.

As most mobile interfaces, the absence of rollover makes it impossible to know what elements are interactive. When in game, interface elements that are interactive are presented with the same design as those that aren’t.

For instance, the store, goal, next item and score have the same looks, one can be clicked, the other is inactive. This is a minor issue though, since the player can experiment with it and learn quickly about the feature.

In game advertisements : usability Epic win

When out of turns, the game shows a pop-up giving players the option to buy unlimited access to the game, purchase extra turns or watch ads to skip the wait until turns refill.

Triple town shows both the best and worst practice in terms of ad placement.

When the player runs out of turns, he can increase his gaming time by watching a video advertisement. This add is displayed on demand and non intrusive. It is suggested to watch it only if the player can actually use the feature, in exchange for a small reward. This is smart for two reasons :

On game start, Spryfox proposes a link to download another of their games, which is from the user’s perspective, the wrong time (No thanks, I want to play triple town right now, that’s why I opened it after all…). However, it is not very intrusive and hardly bothering for the player.

Evil automatic screen rotation

Triple town provides an adapted view for both vertical and horizontal play. Depending upon the device orientation, the game will automatically adjust. That’s great. What is less great, is that this happens even when rotation is deactivated on the phone.

In landscape mode, the town grid is on the left, and all buttons show to the right of the gameplay area.

While it is nice that the developers thought of users who want to use their device horizontally, it is never an option to over ride phone settings. In the underground, only 5% of users hold their phone horizontally. Those 5% are playing games most of the time, which require the player to hold their device horizontally.

Holding a device horizontally is probably more likely for players at home. It is easy to think of the standing or sitting folks in the subway, but what about the dude chilling upside down on his sofa? I admit this might be extreme, ok, so what about the dude who plays in his bed on a sunday morning ? In these situations, although the phone is held horizontally in terms of gravity, it is held vertically compared to the players orientation.

He will lie in bed, and although he has deactivated his auto-rotate feature, triple town will forbid him to play with the vertical layout while lying on his side.

Never, ever override the settings that the user chose for his phone.

Smart error management : play with the limits of tap target sizes

A light tap precision issue

A lot of apps generate errors by cramping too many things in the game screen, for example, to fit all tiles of a hard game of Hacker (where you need to link little computers through a network). Triple Town plays this very smart.

The interactive areas in Triple Town are fairly large. Errors still occur fairly frequently though, while placing elements in the town :

However, as long as it’s only one error, the player can undo the action, and that’s the smart part.

Error management Turned into a conversion mechanism

The player can pay a tiny fee from the shop to undo his actions. This has a double positive effect :

The store shows 8 purchasable items including town features, additional turns and the option to undo one's last move for 75 coins.

The player has a solid reason to buy features from the store : it’s not just comfort and ease of winning that they’re buying, to be honest, the store doesn’t seem to make that much of a difference, compared to tactically placing items. The player actually buys better usability, something that is both useful and doesn’t have an after taste of cheating.

Thanks to this feature, it’s unnecessary to fix the usability issue by making the tiles bigger for example, since there is an easy and satisfying workaround, that even encourages players to spend money. The shop is regarded as something positive that helps the player to progress in the game.

The player easily grows a habit of using virtual coins in the shop, specially since they can be easily earned by playing well – which the store helps to achieve. It increases the chances of further spendings, and in the end, conversion.

And why encouraging a horizontal phone may profit spryfox

When playing while holding the phone horizontally, I first was puzzled by the fact that the game area, where you actually play is positioned on the left, and the menus are on the right : easier to access, despite they need to be accessed less often. This might actually be another smart move.

About 12% of the population is left-handed, and 20% of players use their left hand to interact with their phones. They might actually get a very positive impression because of this, because for them, the game seems more accessible.

In terms of interaction, it is often encouraged to design critical interactions where they are more difficult to trigger by accident. On mobile, for instance, the upper left corner is a preferred position for critical actions. The most common actions are pushed to more accessible areas : central area towards the top right.

The top and center of the screen is harder to reach in landscape mode, showing that the bottom left half of the gameplay grid in the left area is easily accessible, as well as the settings and store bottoms in the lower right corner.

This only takes in account right hand usage though – but we know users interact with their phones with both hands, and they aren’t equally efficient with both : using the left hand might actually make them more clumsy (now that’s something I should definitely add to my metro studies)

The store in landscape mode has buttons un the center and exist button in the bottom right.

What this means for Triple Town is that about 80% of users are likely to make more input errors while playing, but less likely to make input errors while using the store. And as we saw earlier, making errors in game is not that bad, and it even encourages users to interact with the store. Using the store on the other hand, with the less clumsy hand for 88% of users, avoids critical errors, like spending money accidentally.

Conclusion

Although some small usability issues remain, none of them is critical, and I think the guys from Spryfox can be pretty proud of their user experience achievement.

But rather than believing me, I suggest you get the game for free on your phone and try it out for yourself, or read more about the design of Triple Town and other design tips on Danc’s blog : lost gardens.

Posted by on 2014-03-10. Last updated on 2024-06-07

Articles on similar topics

A game usability review of Amazing Brick

Game Usability reviews, Mobile game user experience,

A game usability review of Ollie Pop Retro Skateboarding

Game Usability reviews, Mobile game user experience,

A game usability review of Time of Exploration

Game Usability reviews, Mobile game user experience,

A game usability review of Shu’s Garden

Game Usability reviews, Mobile game user experience,

A game usability review of Osmos

Game Usability reviews, Mobile game user experience,

A game usability review of The Tower

Game Usability reviews, Mobile game user experience,