Transcript
Page 1: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Improvements to Pokémon Go’s user experience.These are “minor” UI tweaks that do not involve additional features or major overhauls.

Section 1

Prepared by Derrick Ngo

Pokémon Go UX Review

Page 2: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

ProblemPokémon spawn around the player’s avatar. But when the player zoomsin to click on Pokémon, a large portion of the area is off-screen or covered up by the lower UI.

SolutionMove the camera down so more of the area around the avatar is visible. Now fully zoomed in, the spawn area is 1/3 of the screen instead of 1/5.

Page 01 Pokémon GO UX Review Section 01

Page 3: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

ProblemThe timer for collecting gym rewards is buried. Players can easily forget to collect or not even realize it is there.

SolutionMove the timer from the shop to the main game screen. It is good that all the timers are in one general area. Now players will be fully aware about when to collect their rewards.

Page 02 Pokémon GO UX Review Section 01

Page 4: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

ProblemStardust is a shared resource across all Pokémon. The current system requires the player to dive into a specific Pokémon in order to see how much stardust they have.

SolutionAdd Stardust information to the main menu. This provides the player a singletap from the game to see how much Stardust they have.

Good to Have:Add how much gold the player has to this screen as well. Since gold is used for many things, having the currencies together is an added benefit to the player.

Page 03 Pokémon GO UX Review Section 01

Page 5: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

ProblemEarly players do not know how to use lures.

SolutionUse a screen space button. The game already has a good way for players tomodify the environment. Using a similarmechanic as adding Pokémon to a gym will make the game more consistent, and more clear.

Page 04 Pokémon GO UX Review Section 01

Page 6: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

ProblemPlayers will potentially use Razz Berries every ball toss. It is not convenient to access.

SolutionAdd a button to use a Razz Berry near the camera. Players can easily see how many berries are left and if a berry has been used already.

Page 05 Pokémon GO UX Review Section 01

Page 7: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

ProblemTransferring Pokémon is tedious.

SolutionWithout adding new features, the transfer button should be as easily accessible as possible. Even justby removing one click, it will feel alot better.

Page 06 Pokémon GO UX Review Section 01

Page 8: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

ProblemPlayers do not know how many potions and which potions are best to heal a Pokémon. And they do not know when a Pokémon is fully healed.

SolutionShow the HP values for each Pokémon. Players can now make better informed decisions on what potions to use, and know when a Pokémon is fully healed.

Page 07 Pokémon GO UX Review Section 01

Page 9: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

UI visual tweaks to improve the information architecture so the interface is easier to parse

Section 02

Page 10: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

SolutionApply a simple grid to organize theUI elements. This will allow for easierparsing of information.

Increase the contrast behind the user name, and nearby Pokémon to help these elements stand out in front of the map.

By increasing the size of the level barand number, it will help them be more readable, making the other UI elements easier to scan.

ProblemThe main map screen is one of the more visually complex screens. The UI placed on top of this screen can get lost easily.

Page 09 Pokémon GO UX Review Section 02

Page 11: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

SolutionAdd a box around every Pokémon making each of their boundaries more defined. The box is light enough where it’s still visible without being distracting.

The star is a label so it should stay near the top, but the name should be closer to the star.

Each of the Pokémon’s information is more organized and more visually balanced. The CP value is still the most prominent information.

ProblemIt is often not clear which star and CP value belongs to which Pokémon. Information is not alwasy easy to parse.

Page 10 Pokémon GO UX Review Section 02

Page 12: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

SolutionSimilar with the list of Pokémon, add a light box around each egg to help with organization.

Decrease the space in between each row so the lower row is not covered.

Sort the eggs by nearest completion and increase the emphasis on the progress of each egg.

ProblemDepending on the phone, the bottom row of eggs can be obscured by the lower UI elements, making the user scroll just to view a small amount of information.

It is not easy to read the progress of each egg and determine which egg is hatching next.

Page 11 Pokémon GO UX Review Section 02

Page 13: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Potential monetization opportunities that can enhance players’ experience. Monetization can get aggressive. Different methods will change the perception of the game. What is appropriate will differ from person to person and company to company

Section 03

Page 14: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Applicable Items • Stardust• Pokémon Candies• All types of potions • Revives• All types of Poké Balls• Razz Berries

Potential OpportunitySell players everything. Including every type of candy and stardust.

Because there are so many different types of candies, the shop will need sub sections.

This will drastically change how the game plays, how the game feels, and the economy. The validity of ‘pay to win‘ is dependant on the game and company.

AggressivenessHigh or Extreme depending on if the items are sold for coins or real money.

Page 13 Pokémon GO UX Review Section 03

Page 15: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Applicable Areas• Stardust on each Pokémon screen• Candies on each Pokémon screen• Pokécoins on shop screen• Pokécoins on profile screen• Each individual items screen

Potential OpportunityInclude an “add button“ next to everywhere that shows the amount of currencies and items a player has.

Pressing on the button will prompt players to purchase more of that item.

AggressivenessLow

Page 14 Pokémon GO UX Review Section 03

Page 16: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Applicable Areas• List of Pokémon screen• List of Items Screen

Potential OpportunityInclude an “add button“ next to everywhere that shows an itemcap limit.

Pressing on the button will prompt players to purchase the upgrade.

AggressivenessLow

Page 15 Pokémon GO UX Review Section 03

Page 17: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Applicable Areas• Item list while catching Pokémon• Each item’s screen while healing

Potential OpportunityWhen players run out of an item, do not remove the item from the list or close the screen, but put emphasize on the “add more“ buttons.

AggressivenessMedium

Page 16 Pokémon GO UX Review Section 03

Page 18: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Potential OpportunityWhen a game event resolves negativley, prompt players to purchase items that can improve their success.

AggressivenessHigh

Applicable Items/Area• Razz Berries and Poké Balls after a Pokémon runs away• Stardust, Candies, Potions and Revives after losing a gym fight

Page 17 Pokémon GO UX Review Section 03

Page 19: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Applicable Areas• After catching a Pokémon• After getting/buying Items

Potential OpportunityWhen players reach their cap, prompt them to upgrade or transfer / delete item.

AggressivenessMedium or High depending on which resolution method is more prominent

Page 18 Pokémon GO UX Review Section 03

Page 20: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Applicable Areas• Shop screen• Each individual Pokémon screen

Potential OpportunityWhen players try to spend insufficient currency, prompt players to purchase more of that currency.

AggressivenessMedium

Page 19 Pokémon GO UX Review Section 03

Page 21: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

The UI reimagined as if there was infinite time and resources. No road blocks. No technical constraints.

Pie in the Sky. Work in progress.

Section 04

Page 22: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Page 21 Pokémon GO UX Review Section 04

For an interactive demo, visit: derrickngo.com

Page 23: Pokémon Go UX Review · name, and nearby Pokémon to help these elements stand out in front of the map. By increasing the size of the level bar and number, it will help them be more

Prepared by Derrick [email protected]

Thank You.


Top Related