Mission

According to the sponsor report, 28 minutes is the average time that a user spends in a video app. My goal is to create a new watching experience which brings more social activities and interactive engagement in to increase the length of viewers’ watching time.

Not seeing Problem as a ❌, but a chance to improve 📈

Product Intro

LiveLike’s Audience Engagement Suite gives broadcasters’ teams full control to activate their mobile audience through social features. The product includes a library of interactive widgets, a social messaging platform, and an editorial CMS.

Interactive
Widgets

Social
Chat

Producer
CMS

Layout

Design thinking starts with 3 main components: VIDEO, WIDGET VIEW, and CHAT ZONE. I play around on different devices to figure out what will be constrained by orientation, minimum size, responsive, and reposition.

Wireframes

Wireframing (or user flow) helps me to visualize interactions with the whole product in glanceable and understandable way. This deliverable is not just for designers look at, they are created to be shared.

A user flow is a series of steps a user takes to achieve a meaningful goal.

Responsive

It’s easy to work with new resolutions, devices, and technologies to continuously improve the user experience as technology keeps evolving.

Localization

In an increasingly globalized world, only the targeted, personalized, and localized content will break through the noise to win market share.

🇺🇸 🇯🇵 🇦🇪 🇪🇸 🇺🇳

Customization

All elements of the SDK are designed to seamlessly integrate into clients’ existing video app, with the flexibility to define their own skinning, sizing and layouts.

High-Fidelity Prototypes

It appears and functions as similar as possible to the actual product that will ship.

Use HTML and Principle to create the high-fidelity prototypes to the team what we are going to build and we can either do A/B testing with real users or get final-design approval from stakeholders.

Final Design

Interactive widgets use a mix of editorial content driven by the CMS, and casual game-like gestures to engage users through the course of a live broadcast, with a goal of increasing session times.

bg-1
bg-2
bg-3
bg-4

Chat

As messages scroll by, the user gets the feeling of watching with a crowd of fans. Producers are able to monitor chat, highlighting and responding to interesting posts, and even sending new widgets based on live user feedback.

Chat is an ephemeral community built around your live event.

More Thoughts

Prototyping a “Watch Together” UX to showcase how VIDEO CHAT brings the conversation to life and get more engaged in.

Imaging to enrich watching experience with interactive elements like LIVE REACTION in order to get more engagement and fun.

Boom!
Gamification

Interactive widgets with gamification mechanics keep users engaged over the length of the event and lifetime of broadcaster’s product.

CMS Design

Develop editorial and branded content that is easily shared in real-time to help create network effects.

Engagement studio CMS puts producer in control with fans.

Color Palette

As we setup a default theme to inspire integrators, a couple trending gradient colors help on bringing more vitality and imagination into the product.

Adaptable
Borders & Radius

Animated Elements

Use animated assets to develop a unique product brimming with vitality and delight. One that will stand out from the competition, win users’ hearts and improve their user experience.

Integration

Available in plug-and-play for web & native mobile and even smart TV with SDKs and APIs which include clear documentation.

LiveLike’s Audience Engagement Suite gives broadcasters’ teams full control to activate their mobile audience through social features. The SDK officially launched in 2019 and has been touched with several well-known companies.