APP / UX / UI
Amped / Gibson
Amped is Gibsons guitar learning app where users are taught to play guitar by the use of augmented reality
Tools
- Sketch
I was asked to improve the home screen of the app with the following considerations:
- It should be clear to first time users where they shall start learning, as this is the most important component
- Revisiting users shall easy find where they left off
I took ownership of the project and created Use Cases, Onboarding and User Journeys, as well as a new layout and design of the home screen
THE RESULTThe outcome led to much improved UX where the new approach covered all the user’s needs. The new layout of the home screen created better navigation and users would easier find the content. The client was delighted with the new version
App Home screen
To the left, the previous version. Right, my updated UI
Use case 1
First time user
User partial completes onboarding
Load screen
Start onboarding
Onboarding
Introduction, the setup of system, tune of guitar and tutorial of the app
Updated home screen
Welcome messageGreeting current user
Progression sectionUser has began the onboarding and can easily resume
Learn sectionUser can swipe left to see more or View all which opens the learn page
Song sectionUser can swipe left to see more or View all which opens the songs page
Watch sectionUser can swipe left to see more or View all which opens the Watch page
NavbarThe categories has been placed with the assumption that these are the most used. More opens a menu with several categories including Shop, Settings and Account
ScrollbarsAll content now fits in the view pane
use case 2
FIRST TIME USER
User skips onboard
Load screen
Start onboarding
Updated home screen
Displays where the user left off last time. In this case the user has not began.
Load screen
Start onboarding
Updated home screen
Progression sectionDisplays where the user left off last time. In this case the user has not began.
use case 3
Revisiting user
User can easily resume learning
Load screen
Updated home screen
Progression sectionUser has began the learning and can easily resume
Learn sectionThe courses user has began or completed will disappear from this section
Load screen
Updated home screen
Progression sectionUser has began the learning and can easily resume
Learn sectionThe courses user has began or completed will disappear from this section