Download as pdf or txt
Download as pdf or txt
You are on page 1of 34

Global

A media player that allows you to branch out


of your music and algorithms introducing you
to all different music worldwide.

Anastasia Allison
Design 3403
Autumn 2023
1. Research
Current market findings
Personas and User journey maps

Table
App Description

2. Concept Exploration
of Sitemap Diagram
Wireframe Testings
Moodboard

Contents
Style Guide

3. Results
User Assesments and Results
Hi-Fi Prototype
Research
The Problem
Our contemporary world is heavily dependent on algorithms. These intricate
systems curate our experiences, showing us content that aligns with our
preferences and familiarity. While this approach has advantages, fostering
a sense of comfort and efficiency, it constrains us by promoting a narrow
scope of exposure. Although beneficial in many ways, this consistent curation
is a double-edged sword, limiting our encounters, developing diverse
perspectives, and critical thinking.

The Solution
Imagine the development of a media player designed to prioritize education
and dynamic involvement, steering away from reliance on algorithmic
methods. The solution lies in embracing a global perspective, emphasizing
cultivating knowledge and fostering active engagement. In this approach,
the constraints of predictability dissolve, paving the way for the exploration
and expansion of diverse content. Global emerges as the critical solution,
promising a media player experience that transcends the limitations of
algorithmic predictability.
The Current Market

Apple Music Spotify


Extensive music library with exclusive releases. Extensive music library with millions of songs.

Curated playlists and radio stations (Beats 1). Personalized playlists and recommendations based
on user preferences and listening habits.
Integration with the Apple ecosystem, including Siri.
Podcasts and exclusive content.
Music videos available alongside songs.
Collaborative playlists for social music discovery.

Pandora Youtube Music


Personalized radio stations based on user Extensive music library with music videos.
preferences.
Integration with YouTube platform.
Thumbprint Radio compiles liked songs across
stations. Access to YouTube Originals with subscription.

Podcasts and exclusive content.


What is Global

Educational Non-Algorithmic Collaborative

Global wants you to Embracing Just like any other media


learn something new! unpredictability, Global player, Global wants you
It is created to indulge liberates your musical to interact with the friends
in all diversity with fun journey from the and family around you. By
facts, new songs, and an confines of familiarity, creating a profile, adding
interactive map with the encouraging you to friends, and sharing your
country of origin. explore beyond the ‘global picks,’ you can
realms of what you create your community.
already know about
music. We understand it
is a lot of content, so we
have pre-filtered search
options to help narrow
down what you want to
discover!
Adventurist
Bio:
Aria is your modern-day adventurist. Traveling to
fourteen countries and counting is something she
takes pride in. Experiencing new countries and
cultures almost every summer, Aria appreciates and
celebrates the diversity she has seen. Being a college
student, she has less time to travel and aims to be able
to tap into cultures as if she were in the country.

Goals:
Aria Leighton Experience new music from a variety of artists


around the world.

As a student my studies are more Be able to share her favorite songs with her friends.
than just textbooks; they are the


notes composing the soundtrack Interaction with the songs and lyrics as if she were
using a regular media player.
of my aspirations

Gender: Female Challenges:


Occupation: Student at the Ohio State
She still wants to listen to music and get
University with a major in Business. recommended songs that align with her regular
Age: 20 music taste.
Aria’s Journey Scenario: Aria is looking for
a new media player to help
her discover new cultures.

Startup Browsing Listening Exiting

Aria does the Aria decides to go to As she listens to the After discovering new
onboarding process the search and finds new song, she clicks music, Aria decides to
Action for Global and sees
that it is structured to
a new genre of music
she has never heard
on the album and sees
that she can view the
exit Global and start
back up tomorrow. She
similar apps she uses. of. Then, she sees that artist, then discovers also sees a new song
Immediately, she goes she can also filter her the interactive map. she likes and wants her
to her profile to start search by categories. Then she makes a friends to see it.
her customization playlist.
process.

She still needs help She is getting used Limited customization Having common social
Painpoints working on a new to a non-algorithmic with playlists and media sharing to help
app due to different program that does not interaction of music listeners share music
features. have her usual taste in
music.

Excited to start Curious as A bit frustrated Good, her first


Feeling a new app and she learned trying to make time using
intrigued by something new. this app her Global was a
what it holds. own style. successful run!

Areas of Creating onboarding Having a couple of Incorporation of Integration of social


Improvement to help discover critical
features of the app.
recommended songs
for the user based on
interactive album and
customization profile
media sharing within
songs and albums.
listening activity. and playlist names.
Wishful Traveler
Bio:
Maria is a stay-at-home mom, with her main priority
being her kids. Her little free time is usually spent
taking a power nap or grabbing her favorite coffee.
One of her goals in life is to see the world; sadly, she
has to wait 18 more years until her kids are in college.
Maria wants to travel mentally so that when the future
comes, she will be well prepared.

Goals:
Maria Turner Kid-friendly (filter of explicit content) in case one of


her children has hold of her phone.

It’s about harmonizing the Language options to help her practice for her
rhythms of family and community, future travel endeavors.


creating a soundtrack that
Pre-sorted playlists since she won’t have time to
resonates with the heartbeat of sort them.
my everyday life.
Gender: Female Challenges:
Occupation: Stay At Home Mom (SAHM)
The ability to navigate the app with just icons due
and volunteer at local food bank to switching the language settings.
Age: 34
Maria’s Journey Scenario: Maria wants a
media player that prepares
her for future travel.

Startup Browsing Listening Exiting

Maria completed the Maria immediately She wants to learn While listening to new
onboarding and took sees much content to more about the song, music, Maria finds an
Action a while to become
familiarized with
choose from and starts
listening to it while
lyrics, and region as she
listens. Maria clicks on
artist’s album she likes
a lot!
the app. She goes to searching. the album and finds the
settings and switches artist, about the artist,
the languages back and interactive map.
and forth.

Having difficulty Being a bit Listening to the album


Painpoints locating specific overwhelmed by all of while offline.
features in the app and the content.
kid-friendly music.

Excited to start Overwhelmed Curious as she Excellent, just


Feeling a new app and by all of the is learning new what she was
curious about music. facts she didn’t looking for!
how it will work. know about.

Areas of Creating onboarding Filtering of search A download playlist


Improvement to discover essential
features of the app.
options to minimize
content on the page.
and album option
for listening without
Also, a non-explicit internet connection.
option in settings.
Family Oriented
Bio:
As a retired veteran of the Army, John has traveled
to numerous countries but has yet to experience the
pleasure of experiencing the culture. Now retired,
he usually has a daily routine that doesn’t involve
traveling worldwide. He wants to reminisce on the
memories of the country and experience it in a new
light while being able to share what he learns with the
people he cares about most.

Goals:
John Roger It is easy on the eyes and has a practical design


with noticeable features he can identify quickly.

Life’s battles may be behind Fun facts about the songs or countries so he can
me, but the rhythm of memories share them with family


and the melody of experiences
Pre-filtered playlists, so he doesn’t have to
continue to play. familiarize himself with it.

Gender: Male Challenges:


Occupation: Retired Army Veteran and
Navigation of a new app since he is not tech-savvy.
Dedicated Grandpa
Age: 68
John’s Journey Scenario: John wants a
media player to learn and
share facts with his family.

Startup Browsing Listening Exiting

John completes the John is familiar with the As he listens to a new Now, with even more
onboarding for Global search icon and starts song, he sees the to discover, John
Action and spends a couple of
moments familiarizing
there as he sees many
playlists.
interactive album and
clicks to discover the
has taken extra time
to explore the app’s
himself with the app’s artist, then finds the essential features and
new features. interactive map and closes the app.
sees fun facts about
the country.

Being overwhelmed Can’t share the


Painpoints Lack of user-friendly by all of the content app’s content with
tutorials and complex while trying to grasp grandchildren due
onboarding features. John’s outdated media.

Skeptic to learn Overwhelmed Intrigued by the More confident


Feeling a new media and a bit information he about the app
player app. confused. is learning. navigation and
excited.

Areas of Creating onboarding Pre-filtered search Having social media


Improvement to discover essential
features of the app.
options to minimize
content on the page.
apps that directly send
and allow John to
share with his family.
Concept Exploration
Sitemap
Final: Library Create Playlist New Playlist Add song
to Playlist

Add song
Add Song
Queue to Queue

Create to Library

Account Like Song

View Album Share Album


Add to
Global Pick

Song Lyrics Song Information


Share Song

Dashboard
Artist About the Artist Interactive Map

Log In (with onboarding after signup)

Profile Friend Profile

Search Filter
Content
Album View

Forgot New Log in


Password Password

Help
Frequent
Questions Key

Main Screen
Secondary Screen
Settings Pathway
Secondary Pathway
Wireframes
Sketches:
Initial wireframe sketches with annotations of details.
Although most screens were standard and used in the
final prototype, there are other screens that helped
solidify the concept exploration.
Wireframes Lo-fi:
Wireframes Lo-fi:
Wireframes Lo-fi:
Moodboard
Style Guide Buttons (Corner Radius: 11)
Contained:

Logo 302 pt
42 pt
87 pt
39 pt
267 pt
28 pt

73 pt 73 pt 34 pt

259 pt 135 pt 36 pt

Outlined:

42 pt 39 pt 28 pt

302 pt 87 pt 267 pt

73 pt 73 pt 34 pt

259 pt 135 pt 36 pt

Slider: 32 pt

251 pt

Typography Icons and Navigation


40pt x 40pt: 30pt x 30pt:
Typeface: Greycliff CF All Weights

Heading One, 36 pt, Heavy Thin, Thin Oblique, Extra


Light, Extra Light Oblique,
Heading Two, 32 pt, Demibold Light, Light Oblique,
Regular, Regular Oblique,
Heading Three, 24 pt, Demibold
Medium, Medium Oblique,
Sub Heading 1, 20 pt, Medium
Demi Bold, Demi Bold
Paragraph 1, 20 pt, Regular Oblique,Bold, Bold
Sub Heading 2, 14 pt, Demibold Oblique, Extra Bold, Extra
6pt
Paragraph 2, 14 pt, Regular Bold Oblique, Heavy,
Heavy Oblique 22pt
Style Guide
Colors E
#189E7B
R 24
B 158
Fun, Vibrant, Educational G 123

A F
#F7EE61 #464646
R 247 R 70
B 238 B 70
G 97 G 70

B
#F7DE60
R 247
B 222
G 96

C
#A1D163
R 161
B 209
G 99

D
#3EBE9B
R 62
B 190
G 155
Results
Usability Testing
The Prompts Scenario: Users were asked to complete
tasks on the Hi-Fidelity Prototype for Global.
The comments and suggestions users gave
Creating a playlist
were considered for the final prototype.
“Please create a playlist and add songs based on
recommendations from Global. Proceed how you
normally would and you can vocalize your initial
thought process.”

Finding a new genre of music


“Please find a new genre of music that you have
never heard of before. Proceed how you normally
would and you can vocalize your thought process”

Find the Interactive Map and interact


“Please find the interactive map and interact with
it. Proceed how you normally would and you can
vocalize your thought process.”
Usability Results
Usability Fixes Cosmetic Fixes
Fix back arrow Increase text size
The back arrow function needs to go directly to the In the search page, increase the text size within the
starting page the user was on, instead of toggling boxes. Also increase text size of the artist name when
back and forth between screens viewing song.

Remove or add function to three dots Make three dots bigger in song
Give a function to the three information dots in the Increase the dot size to make it more clickable for the
song choices as well as the album. user and tap-friendly.

Connect settings and help to page


In the library screen, the settings button and help page
are not clickable so connect to each respected page.

Add more pathways to Interactice Map


Make the interactive map easier to get to by also
having a pathway from the album.

Make a screen on Search to view album


Add one clickable album that utilizes the interactive
map as well.
Sign Up and Log In Sign Up, Log In,
Forgot Password
Main Screens Dashboard,
Search, and Library
Song Currently Playing,
Lyrics, Queue
Album Share, Album View,
Three Dots
Artist About the Artist,
Interactive Map
Profile Personal Profile
and Friends Profile
Other Screens Onboarding,
Help, Settings
Other Screens Cleared Queue,
Album from Search
Demo Video
Let’s check it out!
Scan the QR code below for a demo video
of the app, or click on the image!
Thank You!
Anastasia Allison

You might also like