Yingjie Liu_Portfolio

What if I can’t focus?

A collection of magic boxes

What if I can’t focus?

A collection of magic boxes

Overview

The Focus Box is a set of physically interactive media that allows users to generate visual, auditory and tactile feedback through kneading, turning and blowing to help users relax and refocus on their current product design practices.

At the same time, it is equipped with a dedicated Focus-APP, which can record every Focus cycle of users, help users cultivate long-term focus habits, improve learning efficiency, and truly experience the functionality of digital design.

Role

UI/UX Designer

Timeline

Mar 2020 - Sep 2020 (6 months)

Team

1 UI/UX Designer
1 Researcher
2 Engineers
1 Product Manager

Design Process

User Research

Design Definition

DISCOVER

Explore Solution

Product Design

Interaction Design

DEVELOP

Interaction Design

UI Design

Final Display

DELIVER

Discover

User research

I obtained the classic user portrait through a questionnaire and analysed the user journey map to identify pain points, needs, and opportunities.

Bachelor

China

Female

Designer

Meticulous

Assertive

Energetic

Helpful

Creative

Tech Savvy

Single

Scenario

Boiling water, cooking dinner, bubble up a cup of coffee, took out a pen, relieved, adjust good posture, out his phone and play like the songs, and look at the WeChat no new messages, begin to enter the online education platform, for listening to lectures, about 10 minutes later, the phone has WeChat message to remind, can't help but pick it up, and 10 minutes passed, and also in the brush, Suddenly heard the computer in the ring, only to realize in class, jump to 10 minutes before.

Pain Points

The learning time is insufficient and the time period is limited.

They need to concentrate for long periods of time and are generally tired after work.

Poor self-control and easy to be distracted by work news and social messages from friends.

Unscientific curriculum, too long or less interaction, easy to distract.

There are many similar courses, so it is difficult to select them.

Personality

Introvert

Extrovert

Thinking

Feeling

Judging

Prospecting

Assertive

Turbulent

nbbubbubbbbbhbhbhbxdfghvhcftxfxdxrdrdfrfdbbbbhbhbhbxddfghvhcftxfxfxdxrdrdfrfd

Intuitive

Observant

Goals

Improve professional ability, get a promotion and raise.

Cultivate interests and hobbies to enrich spare time life.

Make like-minded friends.

Motivations

Achievement

Social

Hobby

User Journey Map

Demand priority

Physical interaction to complete tasks

Recognition of interaction commands through gestures

Biofeedback to remind you to focus

Tranquil interaction to record learning stages

Recognition of learning status through micro-expressions

Physical manipulation to re-establish focus

Personalised course customisation

Fun and interactive micro-interactions

Systematic instant rewards

Visual learning accompaniment

Easy to use course memos

Easy to understand functional architecture

Clear pathways for assignment submission

Lively social sharing

Visual data feedback

Learning efficiency

Usage efficiency

Marginal attention

Efficiency of use

Learning efficiency

Concentration

Efficiency of use

Emotional resonance

Sense of accomplishment

Learning focus

Cost of learning

Efficiency of use

Emotional resonance

Cognitive difficulty

What motivates people to keep studying?

How can the lack of concentration during learning be effectively addressed?

Discover

Design Definition

What can we do for our users?

What do users want to get out of it?

External wake-up

Internal wake-up

How to wake up users？

Motivation

Ability

Trigger

How do I get users to interact?

External and internal feedback

Why we need diversify feedback?

How to diversify feedback？

· How might we...?

"Learning is enhanced by creating more focused experiences through tangible interactive companionship."

Develop

Explore solution

Psychological Research,Methods,Interactive design

Psychological Research

Appearing in the low range between 8-12Hz, focusing on the outer space and not so much on the object itself, a relaxed state that allows access to alpha wave frequencies and helps to access the flow. Flexible use of attention, focus on peripheral vision when shifting attention from narrow to decentralised, you can achieve calmness.

Alpha Brain Waves

Attention curve

Normal

Focus

Mental flow

Distracted

Tired

Nervous

time

Psychological research has found that people's concentration curves have decreasing phases over time.

How can we improve people's focus during the descent phase?

Kavous Salehzadeh Niksirat, Chaklam Silpasuwanchai, Peng Cheng, and Xiangshi Ren. 2019. Attention Reg- ulation Framework: Designing Self-Regulated Mindfulness Technologies. ACM Trans. Comput.-Hum. Interact. 26, 6, Article 39 (October 2019), 44 pages.

Methods

Peripheral vision

Use your attention flexibly and focus on your peripheral vision when changing your attention from narrow to decentralised and you can achieve peace.

Attention Regulation framework

Conscious and regular behaviour helps to access the flow of the mind, allowing one to naturally and continuously bring attention back to the present moment(Niksirat et al., 2019).

Long-term focus

Short-term reminders

Relaxation mechanisms

Interactive design

Identify the most easily distracted period from the attention curve, enter the flow through peripheral vision and conscious regular behaviour, and finally present visual incentive feedback to build a closed-loop interaction mechanism of Recognition, action and feedback. At the same time, it is equipped with a dedicated Focus-APP, which can record every focus cycle of users, help users cultivate long-term focus habits, improve learning efficiency, and play the role of digital design in data recording, storage and analysis.

Step 1: User sets focus time via hardware.

Step 2: The hardware (via attention curve/biometrics) detects that the user is distracted and inattentive, and the hardware actively reminds the user to interrupt the distraction and return to focus.

Step 3: The user detects fatigue and inattention and actively interacts with the hardware to re-enter the focus stage.

Step 4: Task completion: hardware uploads focus and task data to the App, the App analyses user behaviour through hardware feedback data records, and users view data to gain a sense of achievement.

Develop

Product Design

Inspiration/ Ideation、Product Sketch、Iteration、Final Design

Inspiration/ Ideation

I spent some time brainstorming, and sketching is my favourite medium for practice because I can draw concepts quickly. Documenting the creative process of any idea is very exciting to me. Not all of these ideas will be revolutionary, but that’s not the point. The key is to have many different ideas to discuss and develop and to find the bright spots in these concepts.

Product Sketch

I developed ideas from the concept, made a 3D product model, conceived the interaction features and material scheme, and gradually supplemented the blueprints.

Iteration

This process is not smooth sailing; to achieve satisfactory results, I have experienced many iterations and attempts.

Final Design

Ultimately, I selected four solutions to help the user relax and refocus on the present moment. These solutions involve blowing, kneading, turning, and pressing to generate visual, auditory, and tactile feedback.

Develop

Interaction Design

Interactive Flow; Hardware Architecture Diagram; Model Making and Testing

Interactive Flow

Capture the user‘s voice and action to interact

state one

state two

state three

capture

·goze around

·be in a daze

·fall asleep

action

·press,touch,apploud,gesture

·speak

action

·press,touch,opplaud,gesture

·speak

feedback

·audio（voice-’come on guys,’take a joke’）

·visual(graph or dynamic effect fighting)

·feeling(‘wind’)

feedback

·audio（voice-’good job’,’nusic’）

·visual

·graph or dynamic effect

‘thumb’,firework’,smiling face’)

·clear

·light

·feeling（’wind’,temperature’）

Hardware Architecture Diagram

Pressure Sensor

Battery

LED

Fan

Deliver

Final Display

With this vision in mind, I created a scenario to show how users can achieve focused goals in a learning environment.

Deliver

Conclusion

The Focus Box is committed to enabling everyone to find inner peace and balance in a fast-paced life. It provides users with a full range of attention and learning support through a combination of embodied interaction and digital recording. A scientific approach to creating embodied interaction design solves intangible problems that affect behaviour and mental states. It is not only a product but also a symbol of a lifestyle.