I t ’ s A- M e ,
GoPro Mobile App UX/UI Presentation
0 3 .1 1 . 2 0 2 1
|
mario djuhadi
DISCOVER THE PROBLEMS
D I S C O V E R // P R O B L E M S T A T E M E N T
An active outdoors person who feels unequipped about creating and sharing cool footage wants to stand out on social media but faces the lack of editing tools and inspiration to share amongst others.
D I S C O V E R // R E S E A R C H P L A N The research plan was designed as such order to allow the team take the insights from each phase to dive deeper into the target audience’s perspective.
Surveys
The year 2020 was a significant one in social media. The pandemic pushed more people to spend time online and find more ways to engage with each other. We should take the due dilligence to see if there’s a switch in the demographic and general behaviour from the previously heavily skew towards outdoors users.
Competitor Analysis
Keeping up with trends and the already-popular apps is important to get some insights on what appeals in today’s audience.
Heuristic Evaluation
After learning standards in the industry, understanding our own product is the first step towards improving it. This way, we will know where it stands among the competitors.
Contextual Enquiry
For this step, we will be getting a few people to use their favourite apps. It can be social media, or
photo editing, or even work apps (Google Docs/Sheets/etc.). We would like to learn what makes different apps work for different people.
We are targeting a few GoPro users in this segment. The idea is that the team would be able to
1:1 I ntervie w s
ask more educated questions after all the findings from the previous research steps. The answers we get from here are so important because these are the very people who will be using the app.
D I S C O V E R // U S E R R E S E A R C H Due to the lockdown in Melbourne, all user research sessions were done remotely. Interviews were done with friends and relatives who were identified as GoPro users.
Online surveys
1:1 Interviews
59
4
RESPONDENTS
INTERVIEWEES
Respondents were largely from Australia, where activities were limited by the lockdowns. For this reason, the insights don’t represent the view from customers around the world.
A GoPro user who uses the product as action camer A GoPro user who use the product for other than action camer A GoPro user who still owns the product but doesn’t use it anymor A heavy social media user
Out of the respondents, some of the identified GoPro users were selected for the interviews.
Heuristic Evaluation Pro Easy to connect to a new action camera device (e.g. switching from HERO8 to MAX Easy to control the camera
Con Navigation isn’t eas Some links take users off the ap Subscriptions required to access any feature Two different subscriptions found to be confusin Main purpose of the app is unclea Forced GoPro-labelled footag Editing tool allows users to edit but can’t save without a subscription
DEFINE THE ‘END BOSS’ PROBLEMS
Participants
D E F I N E // A F F I N I T Y M A P Demographic
Throughout the research, we were looking for new ways to enhance the app beyond what it is currently offering. As the result, the findings weren’t in specific order and therefore the team took the ‘open sorting’ approach to create the Affinity Map.
Types/level of activities
Content consumption behaviour
Device preferences
Editing behaviours
This Affinity Map can also be accessed on this link: https://tinyurl.com/3x79ajtk
Current GoPro camera/app usage
Motivations
Pain points
Wishlists
W H O ?
D E F I N E // E M P A T H Y M A P
Activ Exercise regularl Travel and thrill seeker occasionall Social in real life and social media ap Restricted by the COVID climat Looks for value for money
COVID topic Work-relate Frustrations about restriction What to watch on Netflix, etc Sport chat Next catch-up plan Upcoming Christma Being fed contents that would trigger them on social media
Get more from their GoPr Stay inspire Able to do simple and nice edit Share the cool stuff THEY’ve done (not GoPro branded)
Lockdown Bore Becoming more and more sluggis Struggle to stay motivate Not doing anything excitin My GoPro isn’t being use The app is hard to us The app doesn’t help me look cool even if the camera doe Having to pay for subscriptions to use the features on the app
Be free and activ Socialise in real lif Travellin Do cool things and look coo Be inspire Have tangible memories of things they’ve done in life (in video format Play and show the videos to loved ones in the futur Be able to remember the good time Videos can refresh memories better than pictures
Working from hom Exercis Some are starting a family + house chore Watch TV or play game Browse social media
Friends’ posts (Instagram YouTub Sport Streaming channel Bite-size videos (Instagram Stories, TikTok, Twitter Social challenges / achievements
“GoPro helps me look cool. “Why do my videos have to be GoPro branded? “Why do I have to pay for subsciptions to use an app that
is meant to support the camera I purchased? “I prefer to do the editing on After Effects because I have much more control and I like to do it properly. “I wouldn’t mind easy quick cool presets so I can upload something first before my proper edit. “GoPro isn’t really for everyday use. For everyday, I have my mobile phone. “Sometimes I see how different people use GoPro from YouTube.”
D E F I N E // P E R S O N A
Jackson Martin
Personality Introversion
Age: 28 years old
Occupation: Digital Art Director
Family: Single
Location: Melbourne
Fhe team identified three different types of GoPro users.
Jackson is a young professional who works full-time at an advertising agency. He runs/cycles to the office and is surrounded by creative people on daily basis. He enjoys socialising with his colleague and friends. He likes being active, travelling, explore new places in which he often captures those moments and spends hours to edit the videos before sharing on social media.
Goals Live his drea Be enganging and inspiring to other peopl Do cool activitie Travel to as many places as he ca Have a collection of videos of his experience
“Life is too short not to try new things or go to places. Videos help me remember those moments and inspire people.”
Favourite apps Instagram
Sensing
Intuition
Thinking
Feeling
Judging
Perceiving
Motivators
Bio
Jackson Martin is a persona that was created based on the average attributes of the three types.
Extroversion
Vimeo
YouTube
After Effects
Inspiration
Price
Ease of use
Visual appeal
Frustrations The current restrictions prevent him from being active and stops him from posting cool thing Uninspired by the lack of new ways to use his GoPr He found the app a bit useless apart from to control the camer He can’t rely on the app for quick video edits (because the app requires subscriptions and he refuses to pay extra after spending on the camera and accessories File management on mobile isn’t great so he’s always had to move all his footage to his compute For a cool brand, the GoPro app UI isn’t appealing and feels spammy
D E V E L O P T H E
I D E A S
D E V E L O P // H O W M I G H T W E
How might we maximise the app usage for action-driven users so that they can do all they need in one app? How might we incentivise for our recently-inactive users so that they keep using their GoPro and the app? How might we add functionalities for value-seeker users so that they feel they get more from the app?
D E V E L O P // M V P High Value Cross-device access for footage (no need to plug cables or memory card)
Unlimited cloud storage
Social feed
Share to existing social media
Social challenges Social leaderboard
Offers (free stuff or discounts, etc)
Choice of music from Spotify
Difficult
Easy
Featured top creators
Filters ready for the usual channels (e.g. Instagram)
Metadata for captures (e.g. location, route tracking, time, ec.)
Educational videos on new cool ways to use your GoPro
Browse content by categories Reward system
Matchmaking based on interest
Facebook reminder like of old activities
Low Value
MVP Other ideas
In summary, our MVP will encourage users to user their GoPro and app on daily basis through social challenges.
ome
apture
H
D E V E L O P // L O W - F I D E L I T Y W I R E F R A M E S
C
GoPro
The default homepage allows user to connect to their device (s)
Hero 8 connected
Control your GoPro Connect another device
avigation for al pages on the app N
Timelapse
l
Capture
My Gallery
Feed
Challenges
Night Sight
Video
Photo
Panorama
Shop
G
aller
y
GoPro
GoPro
GoPro
GoPro
Share
Videos
Photos
Timelapse
Panorama
Share
Save as copy
Filter
These screens were designed to the iPhone 8 screen with the view that it is one of the smallest iPhone resolutions and it would be easier to make it responsive to the bigger ones.
0:07
Share My Gallery
Capture
Feed
Challenges
Edit
Delete
Trim
Music
2:38
Share
Delete
Edit
Filter name
Shop
Filter name
Filter name
ocial feed
S
GoPro
GoPro
GoPro
GoPro
Challenge accomplished! Free coffee for a 5k run Lorem ipsum dolor sit amet, consectetur adipiscing elit. Porttitor eros, nullam nunc, id vitae fermentum. Et, pellentesque tortor.
Write caption...
Show the QR code below at your closest St. Ali cafe.
#GoPro5kRun
#GoPro5kRun
My Gallery
Tag people
Music
Feed
Challenges
Shop
Filter name
Filter name
Instagram Jackson Martin
Filter name
d
GoPro Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Free coffee for a 5k run
CLAIMED
20% off GoPro accessories Lorem ipsum dolor sit amet, consectetur adipiscing elit.
#GoProAccessories
1.3M posts #GoPro5kRun Lorem ipsum dolor sit amet, consectetur adipiscing elit. Porttitor eros, nullam nunc, id vitae fermentum. Et, pellentesque tortor faucibus donec erat ut ac.
CLAIMED
Free coffee for a 5k run
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
#GoPro5kRun
Creator of the Month
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
#GoProCreator
+
+
1 in 100 for new iPhone
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
#GoProiPhoneChallenge
Capture
Free My Gallery
coffee forChallenges a 5k run Feed
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Shop
Capture
The post goes on the fee and the challenge page
1 month free subscription
Capture
My Gallery
Feed
Challenges
Shop
o
.
Facebook Jackson Martin
hallenges #GoProFreeNetflix
m
. D
Also post to
C
GoPro
To show at the shop to clai the reward igital code is als provided for an online claim
Add location
+
Add a comment...
Capture
Trim
Filter
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
My Gallery
Feed
Challenges
Shop
D E V E L O P // D E V E L O P I N G T H E U I D E S I G N Given that the mobile app is not a standalone product of the whole brand, it needs to maintain the visual consistency to the brand look and feel, as applied on the website, for example. Furthermore, GoPro contents will be heavily driven by visuals from the creators.
Dark colours
Light colours
Accent colour
Hero the content visual
Editing tools
Content & challenges browsing
DELIVER THE SOLUTIONS
D E L I V E R // L O W - F I D E L I T Y P R O T O T Y P E
The team turned the static wireframes into a prototype before we applied any interface styling. This allowed us to validate whether the flows or functionalities are solid.
The interactive prototype can be accessed on this link: https://tinyurl.com/fz9euzdk
D E L I V E R // U S A B I L I T Y T E S T I N G The low-fidelity prototype were tested to all three types of users and had a great initial response on the new ‘Social’ and ‘Challenges’ features. In summary, the team found that all participants see the appeal of the additions although there were minor feedback on the flows on each navigation.
Virtual call
Low-fidelity prototype tests
High-fidelity prototype tests
3
GoPro
HERO10 Black
Control your GoPro Control your GoPro
Connect another device
Connect to a new device
Capture
My Gallery
Feed
Challenges
Shop Devices
The tests were done via separate video calls with the participants. The link to the prototype was sent to them and they verbally explains the thinking as they interact with each element. They preferred to have only audio recording.
Question around terminology across the ap Suggested ‘chat’ and ‘notifications’ if there was going to be a social fee Question around the possibility of a user having multiple devices
Gallery
Social
Challenges
Shop
UI is clea Navigation is easy to understan Terminology makes more sense no Really like how the challenges mechanic is incorporated to the social section
D E L I V E R // H I G H - F I D E L I T Y P R O T O T Y P E
After a few iterations, the team finally reached a prototype version that passed our usability testing. A few features and flows have been modified from the previous low-fidelity prototype and design feedback has been implemented.
The interactive prototype can be accessed on this link: https://tinyurl.com/2zcrkd5m
D E L I V E R // C O N C L U S I O N & N E X T S T E P S
Summary
The team identified that one of the primary reasons users do not use the app is the fact that it is reliant on the use of the GoPro cameras. The COVID-19 situation and lockdowns prevent our users from being active and also creative. GoPro isn’t known for everyday use.
Secondly, the lack of social element of the app limits it to being a photo or footage editing tool in which the outcome is to share it on social media. The suggested enhanced GoPro app tackles both key problems because it normalises GoPro for everyday use. Where the brand used to hero the people who go out and do extreme activities, it now does for the everyday achievements too.
THANK YOU GOPRO MOBILE APP | UX/UI DESIGN