2. To find the correct ergonomic solution to create an
appealing user experience.
To identify problems and propose solutions that make
a complicated task accessible and easy to perform.
To identify the core navigation elements in order to
create an easy to follow menu flowIs able to convey the
game mood with a simple and understandable visual
language.
5. This analysis is based on one of the Gameloft released
game: Blitz Brigade ( shop menu )
6. UX/UI problem:
Shop should be prominent and placed in a position that convenient the player.
Based on user’s preferences, place the shop button in right or left bottom corner.
7. UX/UI problem:
Visual representation for one/multiple player mode could be efficient.
9. UX/UI problem:
Information hierarchy is confused. Have no idea about which is menu and which is
sub-menu.
10. Emphasis play button
Make current play mode accessible
Make shop more accessible
Make arrow bigger and easy to be tapped
make the items and its nav more clear
visually distinguishing purchased, currently equipped,
available items in store
Possible solution for the problems above (Sketch)
11. New Navigation Flow from Main Menu to game action:
Coin# Gem# Shield# Login
Loading
Player Mode Shop
Coin# Gem# Shield# Login
Current/Psalavyed player
Player Mode Shop
When load is done, the current or saved player(s) preview appears and fully covers the screen
with a play button on it
12. Coin# Gem# Shield# User/Login
Current/saved player
Player Mode Shop
Add Coins/ Purchase Coins
Add Gems/Purchase Gems
Purchase Shield
Account info/login screen
Play
change player mode Shop Screen
Game play Screen
16. To distill elaborate game functions into ergonomic and
accessible menus and flow.
To showcase the ability to structure and organize an
elaborate menu flow.
18. Leader Board
Time-Limited
Tournament
Game
Loft User Name
Racing
Options
quick start
GAME FEATURES (in order of importance)
Time-Limited Tournament
Friend Leaderboard
Multiplayer Matchmaking Races
Single Player Career Series
Multiplayer Local WIFI
Single Player Quick Race
Profile
Options
Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Multiplayer
Matchmaking Races
Single Player
Career Series
Multiplayer
Local-WIFI
Main
Menu
Mode
Tap Racing button
An overlay sliding in with options on it
19. Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Single Player Career Series
SERIES 2
SERIES 1 SERIES 3
0/999
36/999 0/999
Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Single Player Career Series: Choose an event
TYPE 1
0/3
TYPE 2 TYPE 3
0/3 0/3
Any Class SPECIFIC
Series
Event
Tap unlocked series
Type options slide in
20. Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Single Player Career Series: Choose a car
Class 2
Speed: 200 km/
Acceleration: 30
Handling: 5
Select and start
100
Car
Game
play
Counting Down
Tap an unlocked type
To choose a car, each car is slowing
rotating in different perspectives.
when Select and Start button is tapped,
all the elements on the screen quickly
slides away and the overlay fades out,
the game play screen reveals.
22. Leader Board
Time-Limited
Tournament
Game
Loft User Name
Racing
Options
quick start
Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Multiplayer
Matchmaking Races
Single Player
Career Series
Multiplayer
Local-WIFI
Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Single Player Career Series
SERIES 2
SERIES 1 SERIES 3
0/999
36/999 0/999
Leader Board
This series is locked.
To unluck it by winning
40 trophies in series 1
You need 4 trophies
Time-Limited
Tournament
logo
User Name
Options
quick start
1x 2x
Back
SERIES 2
0.99
1.99
3x
2.99
4x
3.99
Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Single Player Career Series: Choose an event
TYPE 1
0/3
TYPE 2 TYPE 3
0/3 0/3
Any Class SPECIFIC
23. Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Single Player Career Series: Choose a car
Class 2
Speed: 200 km/
Acceleration: 30
Handling: 5
Select and start
100
Leader Board
Time-Limited
Tournament
TYPE 3
logo
User Name
Options
quick start
999
Back
Purchase a car to unlock SPECIFIC
Car Name
Car Parameter
Owned
Leader Board
Time-Limited
Tournament
TYPE 3
logo
User Name
Options
quick start
999
Back
Purchase a car to unlock SPECIFIC
Car Name
Car Parameter
0.99
logo
User Name
Options
Back
Car Name
Car Parameter
Leader Board
Time-Limited
Tournament
logo
User Name
Options
quick start
Back
Single Player Career Series: Choose a car
Class 2
Speed: 200 km/
Acceleration: 30
Handling: 5
Buy
800
100
win it
24. Leader Board
This series is locked.
To unluck it by winning
40 trophies in series 1
You need 4 trophies
Time-Limited
Tournament
logo
User Name
Options
quick start
1x 2x
Back
SERIES 2
0.99
1.99
3x
2.99
4x
3.99
Art Mockup (psd)
psd file URL:
https://www.dropbox.com/s/j7bv0toucp99m74/
trophies.psd?dl=0
25. Due to limited time,
I was not able to make the interactive mockup by html/css/js
Thank you for reading
If you have any question, please email me
fermaigh@gmail.com
For my previous project http://www.handshadow.info/projects