-Interactive Design

& UI/UX Design

-Interactive Design & UI/UX Design

Overview

To enhance the experience of audience presence at online performances by improving the audience interaction model to achieve the vision of a remote presence user experience.

Timeline

Jun 2020 - Dec 2020 (7 months)

Role

UX Designer;

Hardware Interaction Designer;

Design Process

Background

User Research

Design Definition

DISCOVER

Interaction strategy

Solution

Solution-Stage side

Solution-Audience side

DEVELOP

Final Output

DELIVER

Let’s

work

together

I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!

Discover

Background

The arrival of the epidemic has prevented people from gathering for offline performance events!

In the midst of an epidemic crisis unlike anything humanity has ever seen has caused almost all offline entertainment events, including sports and live music events, to be postponed indefinitely.Peak consumer demand for content and limited mobility for content creators have provided the conditions for alternative entertainment in the form of online concerts. The post-epidemic era has triggered endless thoughts ......People are starting to distance themselves from each other, but our quest for a rich cultural life never changes!

Discover

User Research

Live streaming situation;Scenario

Live streaming situation

Define functional architecture and layout by analysing user behaviour and scenarios to uncover user behavioural characteristics and needs

Female

70.37%

Male

29.63%

No

29.63%

Yes

70.37%

Under 20 years old

3.7%

20-30 years old

51.85%

30-40 years old

38.89%

Over 40 years old

5.56%

Save time and effort by not having to travel to the venue

59.26%

Clearer view than offline concerts

33.33%

Interactive discussion while watching

40.74%

Other

18.52%

Having a favourite artist

79.63%

Making up for not being able to see it live

35.19%

Passing time

20.37%

Other

11.11%

22.22%

33.33%

16.67%

27.78%

1-3

>5

None

1

The atmosphere is not

as good as live

94.44%

Average sound quality

40.72%

No participation from

your favourite artists

16.67%

Other

12.96%

Total number of participants: 108

Have you ever seen an online concert?

What do you think is the biggest disadvantage of online concerts?

How many online concerts have you seen?

Who would you most like to see in concert online? Top 3

What are the reasons why you are willing to pay to see an online concert?

Age Group

What do you think is the best thing about online concerts?

Jay Chou

Eason Chan

Soda Green

Scenario

During the epidemic, it was not possible to go to a live performance, so entertainment lovers watched the show at home via the "online live streaming platform"

Open the live streaming app, the show is about to start, I'm looking forward to seeing my favourite idols, ...... It's starting, wow, I love this song too, singing along, how great it would be if my idol could hear my voice, I miss the interaction and immersion of listening live!

Discover

Design Definition

"Lack of immediacy in online performances, poor immersion and single form of interaction"

What does the audience want?

What we can do for the audience?

"To enhance the experience of audience presence at online performances by improving the audience interaction model to achieve the vision of a remote presence user experience."

Discover

Interaction strategy

Value proposition: sense of presence;

Method:Multimodal interaction

Value proposition: sense of presence

In an online performance scenario, users can feel like they are there, even when they are far away. They feel like they are in the same space as the performers and others, and are able to interact emotionally and give feedback.

Emotional

communication

Interactivity

Authenticity

Interface quality

Method:Multimodal interaction

Multimodal input

Touch input

Data processing based on voice, movement, emotion, etc.

Voice input

Face Recognition

......

Motion tracking

Terminal multi-channel signal input

Cloud-based signal processing

Multimodal

output

Multimodal information fusion

Discover

Solution

Interaction logic closure

Method:Multimodal interaction

Interaction logic closure

When single output stage performances are combined with audience feedback data and mixed reality technology, together they present a connected stage effect, transforming the audience from 'receivers' to 'participants'. We are creating the future of immersive + interactive + virtual music festivals.

Stage effects

VR Live Streaming

Visual feedback of

stage effects

Multimodal output

Multimodal inputs

Stage side

Audience side

Holographic Projection

AR Stage

Sound and light effects

Programme presentation

Mobile App

Projector

TV

VR Glasses

Viewing equipment

User data feedback and interaction

Holographic projection

Sound and light effects

Digital media technology smiley wall

Virtual music performance environment

Virtual image of the audience

Display device LED

User data collection

Sound

Movement

Images

Commentary

Wearable sensing devices

Leap Motion

VR GLASS

Gyroscopes

Discover

Solution-Stage side

How is the interaction on the stage implemented ?

Hardware

Presentation

1. Visual representation of user voice and movement feedback

Use perceptual cues to locate user emotions: understand and locate user emotions through facial expressions, special moments in time or recognised keywords, judge user emotions to understand the user's inner desires, be it free exploration, fun and entertainment, or quiet appreciation and provide a design that fits the user's current state of mind, use a combination of perceptual elements to design: communicate and evoke through the use of lines, colours, sounds and actions, etc. The use of line, colour, sound and movement conveys and evokes the corresponding emotions, providing a more human experience.

2.Audience avatar and pop-up presentation

Through motion capture, a digital image of the user is generated in real time, simulating a sense of presence and reducing transmission costs The audience can appear in the virtual space in various forms, for example as a star The performer can also see the audience's comments and interact with them.

3.User motion capture visualisation

Motion capture generates a digital image of the user in real time, simulating a sense of presence and reducing transmission costs.

Discover

Solution-Audience side

How interaction is achieved on the audience side ?

Why do audiences want to interact?

How to make audience interaction more

interesting and fun ?

How to make audience interaction more interesting and fun ?

Analyse user behaviour and scenarios

Define functional architecture and layout by analysing user behaviour and scenarios to uncover user behavioural characteristics and needs

Advanced Functionality

Multi-camera, special effects, sing-along, heartbeat curve

Auxiliary functions

Screen casting, sharing, pop-ups, picture quality

Core functions

Playback, interactive, full screen

Stage performance interface metaphor

Live viewing interface design

Fun interactive

Define functional architecture and layout by analysing user behaviour and scenarios to uncover user behavioural characteristics and needs

blow up the concert

fans

It sounds so good, I really .......

Come together!

Heart gesture,

triggered by a click and a long

Multi-angle camera view

Cloud Theatre playback interface, giving viewers the power to choose where they want to watch

Visual data feedback

Let the user know the heartbeat points and transmit them back to the scene, build the stage with the performer and also share for interaction

Deliver

Final output

Let’s

work

together

I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!