AudioCampo Process Book

PROCESS BOOK

AudioCampo

an audio-based social media

DESIGN BRIEF I am building An audio–based timeline social application For Users who are tired of staring at the screen all the time and bombarded by an overload of visual information.

In order to Have a new social experience primarily through sound, for a more focused interaction.

By Uploading and sharing daily life recording fragments to form a audio timeline.

In a world where Sound is being captured, shared and featured more than ever, and made easy due smart phones and cloud storage.

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

RESEARCH BRIEF Screener User Must: Between 20–50 own a smartphone Full hearing ability Using social media Used to listen something through their smartphone

Hi, my name is Alex and thank you for helping me doing this survey. I’m doing a design project for people who are using social media and the experience of listening to music, radio, broadcast, audio-book… in your daily basis.

1. First I would like to know how’s you feeling and experience about checking and using social media (like Facebook, Twitter, Instagram)?

2. How often do you check it and how long do you checking every time?

3. What are you usually do when you commute, driving or work?

Objective:

4. Do you use your smartphone to listen to something? If so, what are the current tool you use?

• Basic descriptions of how they use social media

5. How do you feel about this tool?

• What is their experience of checking those social media?

• How are their experiences of focusing screen for a long time?

• What are the current tools they use to listen something they love?

• What are they usually listen to when using the smartphone?

• What are the things they want to listen about

6. What are the things you like/dislike about it? What make you want to keep using it?

(how long, how many times per day)?

7. Is there any specific thing you want to change or function you want to add to it?

8. What do you imagine the combine audio experience with social media?

9. How do you feel about it? What do you want it to be/ don’t want it to be?

except what they currently have?

1 0. Are you interetesd in recording sounds and audio? How do you feel about it?

social media or audio tools?

1 1. Are you interested in listen to other people’s recording or sound or audio?

• Anything they like/dislike about the currently use tools for • What they want the tool to be/ to be fixed?

• Are they interested in recording sounds or listen the sound that other people record?

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

1 0. Do you have any additional thoughts on social media and experience of listening to audio-based content?

Thank you so much for your time and have a great day!

USER INTERVIEWS

Louise

Yen

Emilie

I like to record things; my voice will sound different when I listen to the records. Lots of people say that sounds good, so I found it very interesting, and maybe you can build a different profile through this media.

I won’t spent lots of time on it, but I need it.

Because it’s a new way to communicate with people but can not replace the real face to face communication, or it will damage your life too much somehow.

I’m not interested in listening to people’s record.

But if it was in real-time for example that I can listen to an audio in real time from a person in a cafe to know is there noisy or not, that would be cool.

Kristy

Justin

I would like to listen to people’s record if the records are interested, like bird’s song in the mountain. But if it’s just noise on the street, I will pass.

I think I like to listen to what people record instead listen to mine.

I am more interested in listening to others recording, with a voice you can know the real emotion of the post and take it more serious and feel real.

PERSONA The time he spends on social media: Less than 1 hour, but he will browse through Facebook, Instagram, and Twitter to know what his colleague and friends are doing, if he have some time.

What is the experience that he needs to get from social media?

• Mostly social needs. He wants to know what is popular topic and what the trend to have more things to talk about with his friend.

• He also likes to read brief news blog to know what happened in the world.

How does he think about social media?

It is a waste of time, but he really needs it mainly for social reasons.

Chris Young Professional

What is the purpose for them to listen to something?

To get information from news, and just have some background sound, music, or people talking for relaxing and spacing out.

What tools do they currently use?

SoundCloud, Facebook, Podcast, Youtube

How does he think about the audio tools he used?

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

• He hopes that the music can keep playing that he don’t need to set it constantly. He needs to focus on what he is doing.

• He just likes to check what friends are doing, he seldom post anything on social media.

• He uses the only basic function of an application.

What features does he need the most?

• Constantly calming environment sounds • Audio based news feeds or information sharing.

PERSONA The time she spends on social media:

How does she think about the audio tools she used?

Around 3–4 hours a day, she mainly spends time on Facebook,

What is the experience that she needs to get from social media?

• She hopes there are more share-friendly functions because she posts a lot, and she wants to save more time.

• She likes the feed feature in SoundCloud • She also thinks the feed feature can be organized better in different categories.

• She wants to share her opinions and experience with her friends.

• She needs it to know about what her friends are doing or thinking.

• She wonders about what people do in other countries.

• Audio feeds organized system • Easy to follow friends posts, and easy to upload her post.

Instagram, and Twitter.

How does she think about social media?

I should control myself, and try not to use it as much.

Katie Design Student

What is the purpose for them to listen to something?

Just for fun, and know what does my friends likes to listen to.

What tools do they currently use?

SoundCloud, Facebook, Podcast, Agogo, Spotify

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

What features does she need the most?

PERSONA The time he spends on social media:

What tools do they currently use?

Around 4–5 hours a day, he mainly spends time on Soundcloud, | Facebook, and Spotify.

SoundCloud, Facebook, Ppodcast, Spotify,

What is the experience that he needs to get from social media?

• To know what is trendy now, and peoples’ tastes.

• He needs some songs, and audio fragments as inspirations for music production.

• A great platform for promoting his works

How do they think about social media?

I use it for inspiration mainly for music production and song writing.

If I have enough followers, it’s also a great place to promote himself and his works.

Alfie Music Lover

What is the purpose for he to listen to something?

To get and collects more insights or inspirations for song writing, music productions.

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

Apple Music

How does he think about the audio tools he use?

• SoundCloud, Facebook, and spotify are all good source pool for inspirations, but sometimes he wants more raw material such as sound effects and environmental sounds for inspirations.

• We can comment on specific second in SoundCloud which is cool.

What features does he need the most?

• Some hash tag searching functions • Flexible commentary systems

USER JOURNEY USER JOURNEY Aware: 1. Ad: social media 2. Ad: audio broadcast 3. Ad: public transportation 4. Ad: App store 5. Ad: Radio 6. Social media sharing 7. Sponsor event 8. Audio portfolio sharing 9. Friend invitation 10. Ad: Magazine Acquire: 1. Download the App 2. How to guide 3. Connect to the 4. Sign in 5. Link to other social media to get profile/to set up profile 6. Like with other social media to get friends 7. Onboarding/explore the App 8. Privacy/policy 9. Link to your music data in your smartphone 10. Acquired to GPS access First Use 1. Start/pause/stop to listen other users audio 2. Start to record self-made audio 3. Simple edit the soundtrack 4. See records being uploaded 5. See records’ sound wave being visualized 6. Choosing different category to save the records 7. Start to listen self-made audio

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

8. Browsing the audio feeds 9. See and listen friends’ audio timeline 10. Searching for specific date and listen What are the records over the world 11. Searching for subject hash-tag for specific audio records 12. Like other’s records 13. Send your record to someone Fully Adopted: 1. Social media sharing, 2. Invite another user 3. Keep tracking the activity on timeline 4. Collecting other people’s records 5. Share in public 6. Record every day, anywhere 7. Creating his or her program

ONE SENTENCE STATEMENT Audiocampo It is an audio-based social platform for you to record and share the sound that you don’t want to forget.

APP NAME 1. Audiocampo 2. Recorda 3. Via Ears

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

DESIGN PRINCIPLES

It’s not just about the visual on your screen; it’s the vivid imagination from what you’re listening.

We should not only care about the visual but also the listening experience with less interruptions.

It’s not about creating amazing records; it’s about creating the audible memories.

The design should focus on creating casual daily usages, a new way to memorized meaningful moment.

Recording sound can be fun, and we encourage to experience the world through sound.

The application design should also create a joyful sense that let people think that recording the subtle sound from daily life can be interesting just like playing a game.

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

SECTIONS & ELEMENTS: AUDIOCAMPO News Feed

Recording Mode

Auto play switch Audio contents (feeds) (timeline) Feeds photos Playing (Listening) Like button Comment button Share button

Record button Next button Go back button Upload photos / audio records from your phone Cut / editing Testing play Pause button Save Tag people Add location Share to other social media Share button

Profile Name Photo Number of records Followers and following Which city Number of likes that the user got Audio Collections My timeline

Notification Who liked your posts Other users’ photo Liked to other users’ profile The photo of your post

Setting Listening preference setting Volume User name / email / password Linked social media accounts Notification Settings Location permissions Language FAQ Delete account

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

Collage_1

AudioCampo setting Profile Home We take you into the world of the sound.

Let’s record the daily subtle in the beautiful world.

Type: Source Sans Pro

Alex Chen / 03993547

Collage_2

AudioCampo S E T T I N G P R O F I L E H O M E We take you into the world of the sound.

Let’s record the daily subtle in the beautiful world.

Typeface: Frutiger

Collage_3

AudioCampo setting profile home

We take you into the world of the sound.

Let’s record the daily subtle in the beautiful world.

Typeface: Aktiv Grotesk

Collage Refinement

AudioCampo S E T T I N G PR O FI LE H O M E

This is the body text size and style for AudioCampo, an audio based social media that creates connection without disruption.

Headline: Source Sans Pro / light / 17pt

Subline: Source Sans Pro / Medium /10pt

When you are listening to audio records.

When you are recording sounds.

The possible buttons and major layout.

The possible illustration

The possible editing mode’s look and feel.

The possible colors from cold to warm. It will change the color based on different types of sound waves.

The possible icons.

Body:

Source Sans Pro/ Light / 11pt /

APP CONCEPT 1

APP CONCEPT 2

APP CONCEPT 3

PAPER PROTOTYPE 1

PAPER PROTOTYPE 2

CONCEPT TESTING: LOUISE

CONCEPT TESTING: YEN

CONCEPT TESTING: KRISTY

CONCEPT 1 REFINEMENT I made three major changes: 1. I put profile section into tab and put setting section into upper right corner.

2. I applied some visual inspirations of concept 2 into concept 1 3. I decided to make setting section and account section together.

WIREFRAMES: LANDING SCREENS 1.1 Audio Feed

2.1 Recording Mode

2.2 Recording

Alex Chen / Instructor: Anne Kitzmiller / Class: Nature of Interaction

3.1 Profile

4.1 Notification

5.1 Setting

WIREFRAMES: MAIN USER FLOW 1.1 Ready to record

4.1 Have a photo

2.1 Tap to stop

5.1 Share

3.1 You have a record

4.1 Edit

5.1 Take a photo

UI CONCEPT 1 1.Audio feed

2. Recording mode

App icon

2.1 Tap to stop

3. Profile

4. Notification

5. Setting

UI CONCEPT 2 1.Audio Feed

2. Recording mode

App icon

2.1 Tap to stop

3.Profile

4.Notification

5.Setting

REFINE VERSION DESIGN: LANDING SCREENS 1. News feed

2. Recording mode

App icon

2.1 Tap to stop

3. Profile

4. Notification

5. Setting

REFINE VERSION DESIGN: MAIN USER FLOW 1. Ready to record

6. Have a photo

2. Tap to stop

7. Share to

3. You have a recording

App icon

4. Edit

5. Take a photo

ICON SYSTEM: AUDIOCAMPO ICONS

Notification

Audio feed

Add Audio

Profile

Setting

Pull from Voice Memos

Share

Audio Inbox

FINAL VERSION DESIGN: LANDING SCREENS 1. News feed

2. Recording mode

2.1 Tap to stop

3. Profile

4. Notification

5. Setting

FINAL VERSION DESIGN: MAIN USER FLOW 1. Ready to record

6. Have a photo

2. Tap to stop

7. Share to

3. You have a recording

App icon

Final Prototype Link: https://invis.io/7T55788AM

4. Edit

5. Take a photo