Mario Djuhadi - GoPro (UX UI Design Project)

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

Facebook

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