Logo3.png

Central Station

This is a project that I, and other two product design interns have worked on at Ubiquity Press. We created a publishing website for users from various universities from United States to UK.

When: November 2019 - October 2020

Responsibilities: User research, User Flow, Affinity Mapping, Competitive Analysis, Ideation, High-Fidelity Iteration, Prototyping, User Testing

 

COLLBORATIVE VIDEOS

MY ROLE

I was given the project, and have worked individually for the first quarter. I have worked on user research process, and partial ideation process. Starting from the mid-ideation process, the project became a group project by redefining the project scope. 

BACKGROUND

We were given a project where we help to design a short-form video editing app that is made for the Chinese market. Adobe’s vision for this project is to empower and encourage more young consumers in China to participate in the video content scene, enabling them to create the content they have in mind.

USER RESEARCH

We started off our project with user research. We used 4 different methods, and decided to focus on: 

Interview

We were able to interview 6 people among age between 18-35. We learned about the users habits, and motivations in details. We conducted usability testing with existing apps.

Ethnography

We were able to talk to 7 people with the short interview questions we made to find users' motivations, to see example videos that they have made, and to observe their editing process.

Secondary Research

We found today's trends, example of native app/WeChat's mini-app, existing sharing platforms, and existing editing platforms 

Survey

We sent out survey questions to various Facebook Chinese-associated groups, Reddit, and Wechat.  We have received 75 responses.

Interview: I have gotten to interview Chinese International Students around United States. I have asked questions beyond the interview guide, and have tried best to understand their pain points. 

Ethnography: I was partnered with Jessica, and have went out to talk to random people. As Jessica was first time being in a project, I have led, and helped her to have short interview with people. We have found, and asked specifically people who are from China, and has video editing experiences.

 

Secondary Research: I have specifically found current trends of short-form video in China, its percentage of usage, gender,  and time. I have also found the user's behavior when watching short-formed video, and the reason why users are watching in China.

Survey: I have gotten into various groups in Chinese-associated Facebook groups, and uploaded our survey.

AFFINITY MAPPING

I have led in in this ideation process. I have assigned each of our team member to share the results of each research method that we have used, and have members who are yet to speak to results to write down summary of results in sticky notes. We, then, categorized sticky notes that are similar, and gave each category a title:

Secondary Research

Interview + Ethnography

USER PERSONA

Through user research, and affinity mapping, we found a total of three user personas based on their motivations, needs, and frustrations. In this process, we ideated potential features for each user persona. Because this was my first time executing user persona, our  project mentor helped me to lead by showing past examples, and current user persona functionalities. I was able to  help our team members to concise our descriptions. As I have presented our user personas to our clients, we have gotten an insight to include personal fun. 

Personal Diary

This user persona's motivation for using video editing programs is to keep a video dairy to watch later. These users want to look back on memories and created quick videos. They are overwhelmed when there are too many features.

Features: Diary formatting, narration/text on video, location.time tagging, immersive filters, quick live capture

Personal Fun

This user persona's motivation for using video editing programs is to recreate trends. These users want easy editing/sharing videos and follow the current trends. They are frustrated by the long editing process and lack confidence to post content.

Features: Exploring videos, appealing beauty filters, speed/motion features, templates/tutorials, music features

Influencer

Features: Animation, audio and clipping edits, advanced sharing, storyboarding

This user persona's motivation for using video editing programs is to recreate trends. These users want easy editing/sharing videos and follow the current trends. They are frustrated by the long editing process and lack confidence to post content.

IDEATION

We gotten a chance to go to Adobe Office that is located at San Francisco to collaborate our ideation process with our clients. I have gotten a chance to present what we have done as a leader. After the presentation, we started to ideate our ideas and coming up with the potential features with the method of Crazy 8s method with our clients. We ideated toward each user persona based on their needs, wants, and motivation. We spend around quick 5 minutes for each user persona, presented each other our ideas, and voted based on the ideas that we thought they were. I have approached this process by drawing what was in my mind, and my idea instead of using words.

#1 Personal Diary

Key Features: compilations, tags, notes, stats, locations, times, maps, timers, music, filters, split camera, preview, guides, audio splitting, speed, drafts, merge 

#2 Personal Fun

Key Features: Trending videos, map, form, tutorials into a video (comparisons), multiple takes, split-screen, collaborative recording, music, lyrics, speed, presents, split timer

#3 Influencer

Key Features: Editing workspaces/modes, favorited features, customization, Storyboarding, notes, drafting, calendar, merging, mood boards, splitting, fine-tune, effects, importing filters

LOW-FIDELITY PROTOTYPE

After our ideation process, we made a decision to make a default view and an advanced view. Having to put all the features that each user group needs would overwhelm some users based on their motivations, needs, and frustrations. On the other hand, having to cut out some features for each user group would not satisfy users' motivations, needs, and frustrations. With this in mind, we sketched out low-fidelity prototypes for both default and advanced view, including the features that we have ideated.

Editing Workspace

Live Capture

Project Library

Explore

We first started by sketching multiple screens by categorizing them into 'Explore', 'Project Library', 'Live Capture', 'Editing Workspace'. We assigned each other different categories.

I have specifically worked on Influencer app, personal diary app, and project library. Our client wanted us to think outside the box, therefore I have user my creativity to design features that have not yet exist, or improve better of what exists already. I used my time to research more about how influencer apps, personal diary app, and project library currently look like in current trend. I have also asked people around me who are already using video apps of their thoughts. From more research, I was able to come up with creative ideas. 

2 modes in one app

Influencer app

Personal Diary app

LOW-FIDELITY PROTOTYPE

After we sketched out each screen, we then moved on to sketch two different types of apps. We sketched the first app with a combination of both advanced mode and a basic mode where all three personas can use. After the first, we moved on to sketch the second app with only advanced mode, and the third app with only basic mode. 

We have used sticky note throughout this process. I have looked into various apps to see the interactions, and flow. If I have seen error in our user flow, I was able to communicate with our team member to see if there are better way to fix it.

Initial User Flow

Developed User Flow

REDEFINING OUR PROJECT SCOPE

Given the large scale of our project with limited time, and after exploring the details of user flows, we decided to focus mainly on one user persona, 'Personal Fun'. By focusing on one user persona, we were able to come up with unique features or moonshot ideas. We refined our problem as: 

"How might we create a short-form video app that encourages users to have personal fun in their editing experiences?"

MOONSHOT IDEAS

Redefining our project scope, we focused on generating “Moonshot” ideas for users to have a personal fun editing experience. We went back to the ideation process, where we sketched out low-fidelity prototypes of possible crazy ideas. We ideated ideas based on different aspects of user flow.

We have used voting to decide which ideas we would generate. When I saw ideas that I really liked, but has less votes, I was able to talk with our team, and discuss why we would generate, and not generate those ideas. 

Ideas Generated:

  • Music Maker

  • Face in Hole

  • Custom transitions

  • Interactive filters (micro-animations, AR)

  • Collaborative capture (live)

  • Fashion/e-commerce links embedded

  • Environmental filters

  • Auto-editing

  • Collaborative editing

  • Captions/subtitles

  • Collaging

  • Screen recording

  • Interactive/engagement filter

  • Custom split screen

  • Video hopping/animation

  • Automatic stabilization

  • Automatic speed adjustments

After we sketched and discussed various moonshot ideas, we have chosen ones that stood out and started to make them into mid-fidelity prototypes.

*Ones that are bolded in red are the ones we have generated into mid-fidelity prototypes

MID-FIDELITY PROTOTYPE

After choosing our moonshot, we moved on to create mid-fidelity prototypes. From mid-fidelity prototype, we started using same components that we have decided upon. I have discussed with our team members as I wanted to change some components, and apply feedbacks that I have received. I have considered feedbacks from other team members very important as we were working on our prototype together.

Video Hopping

Interactive Filters

Custom Environment/Masking

Project Library

Custom Split Screen

Editing Working

Custom Transition

Multi-Take Mode

Fashion Tag

UI LIBRARY

Color Scheme

Font

HI-FIDELITY PROTOTYPE

After choosing our moonshot, we moved on to create mid-fidelity prototypes. We have used Adobe XD to create our hi-fis. We have considered interactions for each buttons, and screens. Hi-fis are inspired my existing Adobe applications, so that this application is blended into Adobe. 

Fun Fact: The girl from Editing Workspace is me! 

Collaborative Video

Create your own custom split-screen video. Invite friends to join, and assign each of them to a section of the video. Toggle collaborators on or off, and lock them in place.

Be a part of a friend’s video. Edit with fun filters and AR features. Each added feature will appear in the layers tab on the right.

Editing Workspace

Select the background to mask with a new environment or choose a location from Google Earth. Prerecorded videos will appear for you to choose from.

USER TESTING

We conducted user testing and were able to see what needs to be improved. We were able to check whether the ideas presented have presented in a way that user were able to understand. Each participant was given the high-fidelity screen. We asked them questions on how they would finish the given task, and see if our product allowed them to finish the task given.

Findings:

the differentiation between stickers and masks were unclear

Users found the concept of "masking" difficult and unintuitive

coordination for starting split screen confusing

some navigation buttons were too small 

some of icons were not fully communicative

most users understood/ were excited by features tested

FINAL THOUGHTS

As I have worked in this project, I was able to explore beyond my limitation of creativity. I was able to think of something new, or rather thought about what could be the next big thing. Our team was very collaborative, creative, and diligent. We spent a lot of time together, and have discussed to make harmony upon our ideas. I was able to use my communication skills not only to our team members about ideas, feedbacks, and thoughts, but also to the people who I have interviewed in the process of user interview, and Ethnography.  

Thank you for reading!