Byte Feature Redesign

What do you do when your favorite retired app comes back to life in a new form? For me, the favorite app was Vine, and its replacement; Byte. Our task, although unsolicited by the creative minds at Byte, was a vital one; a full feature evaluation and redesign.

Screen Shot 2020-02-27 at 6.34.15 PM.png

Our first step to understanding the user’s problems, needs, and goals with Byte was to fully immerse ourselves in the culture of the app. Although it sounds silly, I knew from being a user of Vine that these apps often have a deeply embedded subculture. We began by downloading the app and recording our onboarding steps, noting pain points and moments of clarity.

In addition to our contextual inquiry, we quickly began research on byte’s history, its stakeholders, its target audience, and its competition. We analyzed Byte’s competitive context and realized it was vital for us to download and explore Byte’s number one competitor, TikTok.

Our deep dive into the world of content creation and consumption led us next to one of our most insightful pieces of research, our user interviews. I reached out via twitter to Byte users and asked if they wouldn’t mind answering a few questions about their experience.

We created a script for our user interviews. We felt it was important to ask different questions based on the type of users we were interviewing: content creators and content consumers.

We created user persona's from our interview data. We found there to be two different types of content consumers, the casual consumer and the power user. Alternatively, the content creator was our third persona, as they were the most important user to the stakeholders at Byte. From there, we were able to plot out our persona's needs and goals, and how we might achieve them with a feature redesign. 

hunterpersona
benpersona
hannahpersona

With a wealth of user interview information, we took steps to identify our users main pain points, goals, and pleasures in using the app. We used affinity maps, feature prioritization, and cartesian plots to better understand our users.

feature-prioitization-cropped.jpg
Screen Shot 2020-02-27 at 4.17.36 PM.png
featureswcaption1.png

We also got feedback about the lack of statistics in a user’s profile and felt it was necessary to address the amount of information in the biography without sacrificing the clean UI.

profilefeats.png

After trying several different layouts to maximize the profile information, we decided a page turning animation and page curl feature would be best. It kept the original clean and simple feel of the profile, but added a “back side” that featured more information. 

The grid we created optimizes a user’s time spent looking at other profiles. It makes searching through large (and growing) amounts of videos. The grid shows the amount of likes over top of the videos and also appears in the search results page.