UX Portfolio

Page 1

PORTFOLIO UX Design | 2017-2018

Zeng Wei

|

Internet & New Media Sun Yat-Sen University


CONTENTS

|

App Design JOIN

3-9

Device SENSITIVE MONKEY Wearables HOLOFIT

16-22

App Design CRONOS

23-29

10-15


App Design | 2017 Sep. to Dec. The Join APP is an app designed for Innovation conferences. It allows users to perform real-time voiceto-text, and remarks in a collaborative manner during a meeting, reducing the work load to organize meeting minutes. And simple and complex versions can be selected to meet the different needs.


Background Mind Map

Methods of Taking Notes

Whiteboard

Hand-Writing

Smart Phone

Voice Record

Strengths:

Strengths:

Strengths:

1. Support sketches 2. Quick 3. Personal

Weakness: 1. Usually hard to understand 2. Less methodical

1. Portable 2. Take photos

Laptop

Weakness:

Strengths:

1. Quick input 2. Search online

Weakness:

1. Slow input, 2. Inconvenient typesetting

Weakness:

1. Hard to catch the points 2. Unwilling to listen

Strengths: 1. Quick 2. Vivid

Guest

Expert Speaker

Listener

Moderator

Smart Phone

TOOLS

Pad

Stakeholder

Recording Pen

PARTICIPANTS Recorder

Weakness:

1. Difficult to edit 2. Lost easily

1. Less portable 2. Distracting

Laptop

Notebook

1. Complete

Pictures

Sticky Notes

Training

Projector

Inperson

Camera

Competitive Analysis

Online Text Conference

FORMS

Cogi Note

OneNote Digital note book supporting abundant forms of content.

Capture and review the highlights of meetings.

Weakness

Strengths

Weakness

1. Design layout freely 2. Integrated with plenty of apps

1. Inconvenient to be used on mobile phone

1. Easy operation 2. Capture only the key points

1. Lack of organization and logic

less organized moblile phone

full-featured highly organized laptop

single-featured less organized moblile phone

laptop

Team Building

Information Sharing

Video Conference

Sketch

Decision Making

Choose Venue

Time Control

ACTIONS

full-featured highly organized

PURPOSES

MEETING

Teleconference

Strengths

single-featured

Innovation

Choose Time

Conclude

PREPARATIONS

Share Documents

Prepare Snacks Send Invitation

Assessment

Ask Questions Challenge Others

Take Notes

Prepare Deck

Set Agenda


Requirements Definition

Basic Infomation Raven Zheng

Mike Xu

Oliver Song

Female, 25 yrs Marketing

Male, 20 yrs Male, 23 yrs Public Relations College Student

Focus-group interview consisting of 3 interviewees.

Questions

Online Meeting transnational meetings, during occasions

Offline Meeting When

most of the time

What do you think should be included in a meeting minute? Deadline, work distribution, conclusions, inspiring ideas. What tools do you use for taking notes? Paper & pen / Laptop. Who will read the meeting minute?

almost everywhere: at home, on train, etc

Where

in the meeting room

issues that are simple and less professional

What

important, complex, professional issues

phone calls or video calls

How

Pain Point Analysis

1. It is hard for the recorder to consider others' ideas and to work out good ideas while taking notes.

Someone most familiar with the content / The junior ones. What difficulties are there while taking note? Sometimes it is hard to keep up with others while taking notes. The importance of the meeting minutes? Useful when arranging further workďźŒdoublechecking and project reviewing.

2. Most minutes include only the final decision, while the process and some deserted ideas are also important.

in-person

Key Insights

Requirements 1. Draw clear conclusions quickly

1. Sufficient discussion 2. Keep everyone active

2. The meeting minute should include clear conclusions

3. The meeting minute should include process as well as the final decision

3. Good network connection

All the participants, relevant person, the boss.

Who is responsible for taking notes?

1. Participants can co-work to edit the meeting minute. 2. Use the technology of speech-totext to reduce the burden.

3. The user can easily choose what should be included into the final meeting minute.

Focus-group Interview


UX Map

(Focus only on the innovation meeting)

Before Meeting

During Meeting

After Meeting

Period Summoning

Preparation

Opening Taking seat

Actions

Get informed of time & location & roles

“Meeting again.” “I should not miss the time.”

Thoughts

Collect & go through involved information

“Too many !” “I want to come up with a good idea before the meeting.”

Introduce background, propose, agenda and paticipants

“Nothing important so I can relax myself.” “How many agenda are there?”

Listen to the speaker Note down improtant information

“What shall I say?” “Amazing idea !” “I should take note of that.” “I need to ask about it after the meeting.”

Focused, Excited, Anxious

Numb

Nervous, Hurried

Feeling

Discussion

Problems

Sometimes there are too many meetings and it is easy to foget the detail of some.

Sometimes it is demanded to go through plenty of infomation or think out good ideas in limited time, which is very distressing.

Opportunities

Show reminders of the time, venue and other important information.

Preparations before meeting can be shared among all.

Relaxed

Documenting Review

Further work

Convert

Reflect basing on the minute

Highlight the keypoints

Execute the tasks

“What's the point?” “Maybe I have missed something .” “Ask someone for help.”

“What can be improved during meeting progress?” “I need to finish my part quickly.” “I couldn't recall how did we get this conclusion.”

Tired, Bored Stressed

In the information-sharing meeting, the speaker already knows all the key points of the meeting, while in the innovation meeting not. So there is more requirements of taking notes in the latter form of meeting.

Every participants can write down their ideas to contribute to the minute.

Some people are too busy to attend the meeting, but they also need to know the content of the meeting.

Some people are too busy to attend the meeting, but they also need to know the content of the meeting.

Some people are too busy to attend the meeting, but they also need to know the content of the meeting.

Transcription from speech to text to capture the key points.

Simple version for tasks arrangement and detailed version for reviewing.

The evaluation of each ideas are recorded.


Storyboard

Flow Chart Edit Voice Record

Function1

Add your idea at anytime

1&2. Mike come up with a new idea during the meeting, he add it to the meeting board.

3. And every member can see it on their own mobile phones.

Discussion Area

Set Agenda

Log In Page

Home

Meeting Setting Meeting Page

Final Meeting Minute (Simple&Complex Version)

Recorder

Function2

Edit the meeting minute in the Discussion Area

Add New Idea Documents

1. As the recorder , Mike can 2. Drag an idea edit the Discussion Area. into Discussion Area.

3. Or remove one. 4. Or merge two or more of the ideas together.

Colors And Logo Primary Colors

Function3

Transformation from speech to text 1. Speech is constantly transformed into text during the meeting.

2. By pressing the highlight button, the text and the voice record would be saved.

#87BCBF #C3CBCE #334856

Typography Colors #1B1C20

Function4

Switch between simple and complex version

#6E8CA0 #FFFFFF 1. When the meeting is over, 2. Share the simplified 3. Select what should be a meeting minute will be version with the those who included in a complex version formed automatically. have attended the meeting. and send to who need it.

Set Members

Logo Design Sketch

Join

Inspiration

"Join"

"Collaboration"


UI Design

During Meeting

Before Meeting

Meeting Arrangement

Documents

Add New Idea Able to contain images, links and names in a new idea

Log-in Page

Meeting Invitation

Create Meeting

Meeting Board Page

Edit Minute Page

Contains the Speech to Text Area, the Discussion Area and everyone's ideas.

Enter the discussion area to edit the main points of the selected idea directly, and the changes will be recorded in the final meeting record.


The Final Document

The user can choose which kind of content is included in the final record file.

In the Complex Version, some abandoned ideas and other details are also displayed.

Simple Version In the Simple version, only the final determined scheme and the points will be displayed.

Complex Version


Sensitive Monkey Tangible Device | 2018 May. to Jun. This monkey was designed for the moment of solitude. It can magnify the subtle change of the surrounding environment, let us realize that even when we are alone, we have not lost connection with the world.

BY Qiao Zhi Zeng Wei

ADVISER Liang Rung Huei

PERSONAL CONTRIBUTION Coding Design Concepts Movements Design Form Design

It also allows you to keep in touch with your friends in the quietest way. Allow you to feel the quiet but tacit heart-to-peer communication with friends, without depriving each other of their own space.


Behavior Observation

What do people do when they are alone?

Background Human beings are species that rely heavily on group life, but modern lifestyles give us more and more opportunities to be alone.

The BBC Loneliness Experiment The Loneliness Experiment was a study conducted by BBC Radio 4’s All in the Mind. More than 55,000 people aged 16 years and over took part in the study - making it the largest-ever study into the issue of loneliness.

When gregariousness cannot be met in the present, people naturally feel lonely. Look at the phone repeatedly, even if there is no important information

What is loneliness about?

It’s more about feeling disconnected from the world and not having anyone to understand you.

Only 1/3 believes that loneliness is about being on your own.

People in the survey who said they feel lonely 'often' or 'very often'

40%

30%

20%

Children explore their surroundings to make fun themselves.

Characteristics Trying to connect with the others to avoid feeling lonely.

10%

Prefer activities that bring instant gratification, such as Tick Tok.

Problems

0% Age group

When seeing something interesting on social network, forward it to friends immediately

16-24

16-24

25-34

35-44

45-54

40%

55-64

65-74

Over 75

Levels of loneliness were highest in younger respondents aged between 16 to 24, with 40% feeling lonely.

Even if they are always using social networks, they will still feel disconnected

It is hard to stop gaining instant gratification, though they never really feel satisfied.

Once stop browsing the social media, they feel empty and anxious.


Persona

Concept Evaluation

Often Doings

Laban Movements Analysis (LMA)

35, Female

Below are form design practice to comprehend the comparisons in four dimensions of movements.

LMA is an analytical method in dance studies, dividing actions into four dimensions.

Coloring, puzzles, reading.

Frustrations Coloring and puzzles are not suitable for interacting with friends, and I will feel disconnected.

Goals It can quickly calm my mood. Although enjoy being alone, I also hope to improve my relationships with friends.

alone is a precious opportunity " Being to get along with yourself. " When do you feel the most lonely? Finding that there is no one to chat with.

What do you think companionship means? Understanding, common experiences and feelings.

What do you think about being alone? Relaxation after socializing.

Weight

Time

Flow

Space

Strong: powerful, forceful, firm touch, impactful Light: airy, delicate, fine touch, buoyant

Quick: urgent, quick, instantaneous Sustained: leisurely, gradual, lingering

Free: outpouring, released, liquid Bound: controlled, careful, restrained

Indirect: multi-focused, flexible attention Direct: single-focused, channeled, pinpointed

Inspiration Gain

Annotated Portfolio Introduction Each toy has a low center of gravity, while moved it starts to sway, making sound of different frequency and strength. At the same time moving the multiple objects, child can develop a variety of audio compositions.

Often Doings Browsing Weibo, chating on Wechat, playing mobile games.

20, Female

Frustrations

" I don't deliberately choose

to be alone, but I think that being alone can be fun.

"

When do you feel the most lonely? Insomnia and don't know what to do. What do you think companionship means? Do some happy things together.

Browsing Wechat and Weibo will make me impetuous and can't help but watch them all the time. Some toys like Clockwork car will make noise and annoy my roommates.

Goals What do you think about being alone? If you can find interesting things, you will not feel lonely.

Cute and healing appearance. I like to try something new and interesting. Suitable and meaningful gift to be sent to friends.

Nodding Toy Introduction VaiKai supports cognitive and emotional development through connected play. She communicates gently with adorable sounds and breathing color light.

Annotation Children's Companion | Convey Messages | The Rhythm of Light Changes | Interactions Between Toys

Vaikai Doll

Create Connection

High Tangiblity

Vivid Movements

Annotation Variation of Sound | Diverse actions with varying strength | Actions of Hugging, Touching, Holding and Stroking


Concept Idea Sketches

Prototyping

Form Design

Photoresistance

LED Light of Two Colors Piezo Buzzer

1

2

3 Material 1.LED Light 2.Arduino Uno 3.Piezo Buzzer 4.Variable Resistance

Function Ideation

4 In the beginning, each monkey has a different "heart rate".

"Speak" to the ear of another monkey, its "heart rate" will become the same. So that the heartbeat can be passed on...

When "heard' the light change frequency of the out side, it will imitate it.

After holding the monkey's ear for a few seconds, it will restore to the original "heart rate".

5

Process 1.Cutting the foam 2.Shaping 3.Putting "ears" 4.Testing of the components 5.The inner structure 6.The preliminary model

6

Resonance between two distant monkeys

Video link: https://vimeo.com/308528454


Modeling

How It Works Messenger

Catcher

When the green monkey receives a message from a red monkey, the light on the chest will turn red.

Press the red button behind the green monkey to send a message to the red monkey

Copiest

The green button on the back can be connected to another monkey to make it glow red Waving or tapping on the side of the ear or any changes in ambient brightness are captured by the ear, causing the "heartbeat" to change

When there is no interaction, the light on the chest glows in the form of a breathing light. When you pinch its tail, the monkey will be scared and the frequency of flashing the chest breathing light will change.

When the green monkey sends a message, the light on the chest will turn green for a while and then return to red.

It can help you pass messages to your friends and tell them through simple light change that you miss them

As a sensitive and nervous monkey, the lighting changes in the environment will be captured by it, letting the light on its chest flash sharply

It can listen to and copy the rhythm of flashing light, such as signal lights for electronic products and warning lights

Core Code Read Buzzer Piezo timing++; if (timing>=10) { sensorReading=analogRead(piezoSensor); //Whenever the variable 'timing' is counted 10 times, read the value of buzzer piezo timing=0; if (sensorReading-Presensor>threshold){ while (number==prenumber){ number=random(1,4); //When the buzzer piezo is pressed, randomly select a breathing light mode } prenumber=number; brBrightness=0; } Presensor=sensorReading; }

Companion By Waving or Tapping its ears or pitching its tail, the light on the chest will react to you with vivid movements, such as imitating your beat or change the breathing frequency

Sensing and Mimicking Changes in Ambient Light if (maxresist-minresist>maxresist/10){ bright[ j]=map(bright[ j],minresist,maxresist,0,200); stable=false; countstable=0;//clear stabilization timer //Perform a breathing light program if there is no change in the current ambient light else { stable=true; countstable++; //Timing how long does the stable environment last switch(number){ case 1: mode1(); case 2: mode2(); case 3: mode3(); } bright[ j]=brBrightness; brBrightness=brBrightness+brFadeAmount; }


Scenario

The Breathing Light On the Chest

Pinch the Tail

Press the Button

Wave Near Its Ear


HOLOFIT Wearables 2018 Oct. to Dec. Collabarated With Cai Tong Gao Mian Liu Yingxin

Responsible For User Research Design Concepts Interface Design

HoloFit is a set of wearable equipment that assists in indoor freehand exercise. It solves the problem that the traditional fitness APP is inconvenient to interact and can not provide accurate guidance for the action, creating a fitness experience like a personal trainer. In the process of project, we use user-participating design from the definition of requirements to the design of gestures to get the most needed functions and the most suitable interactive way for user's operating habits.


Background

Interview More and more people use mobile phone software to assist in a variety of fitness exercises. Among them, the self-reinforcing fitness exercise, which is low in difficulty and the site requirements, becomes the entry point for many people to strengthen their body function.

100

Billions Number of Users More and more people use mobile phone software to assist in a variety of fitness exercises.

By June 2018, the number of users and daily average using time in this industry were steadily climbing.

90.34

20

More and more people use mobile phone software to assist in a variety of fitness exercises.

Less efficient

12 people who have the experience of existing smart devices of fitness

Age

82.69

06

7/

09

7/

1 20

User Scale of Fitness Apps (million)

12

7/

1 20

20.17

19.49

16.06

16.25

15.42

1 20

Main Problems in Self-reinforcing Fitness Exercise

89.10

Semi-structure Interview

18-25

Min/Day Average Using Time

Insufficient professional instruction Easily get hurt

104.24

93.08

Participants

03

8/

1 20

06

8/

1 20

Daily Using Time of Fitness Apps (min)

Gender 6 male and 6 female

Main Questions 1. What problems have you encountered during the fitness process?

3. What functions will you design for a new fitness product(using new technology)?

2. What do you think is the most neccessary function in a fitness product?

4. What features do you think are suitable for gestural or voice operation during the use of fitness software?

Data resource: Jiguang Big Data

(Preparation for User-Participatory Design)

Result

Case Study

Main Problems There is no way to know if I am using the correct force way

Keep Slogan Discipline Brings Freedom. Target User Group Young people with insufficient fitness experience and no gym environment

Female

Feature Develop a scientific personal fitness program to meet everyone's needs

Difficiency

User Distribution

Male

Feature

60.4% 39.6%

The course is chosen by the user, but sometimes the user does not know enough about himself.

All actions are equipped with video, standard action demos and precise language descriptions

Difficiency Teaching is not intuitive enough to provide timely feedback based on user actions

During exercise, it is not convenient to touch the screen of the mobile phone by hand.

Encouraging voice is too singular and loses the motivation function

The Most Neccessary Functions Stantard action demonstration (72.73%)

Offer tips on the forms (63.64%)

Planning courses (54.55%)

Timing and counting during exercising (45.45%)

Timing and counting during exercising (45.45%)

Record fitness process/ data (36.36%)

Feature Elicitation Monitor the accuracy of actions (50%)

Use holographic projection to demonstrate standard actions (50%)

Monitor your physical condition and develop a personalized fitness program (50%)


Features

Sensoria Artificial Intelligence Sportswear

1. Collect data of your movements through the clothing 2. Transmit real time metrics to your smartphone or smartwatch 3. Breathable, moisture wicking fabric 4. Ask for help automatically

1. Lack of truly valuable voice guidance

Enflux Motion Capture Clothing

3. Inconvenient operating interaction during exercise

Record Integrity

1. Lack of detailed illustrations of the standard forms

Wearing Comfort

2. Inconvenient operating interaction during exercise

Design Goals

The existing products mainly collect data during the movement, and then presenting the feedback after the exercise.

Feedback that is more timely and intuitive

Calculate gesture consistency for each feature, and gestures with lower consistency features need to be further evaluated through usability testing.

Feedback Immediacy

Five fingers grabbing the screen

Ring finger

Draw a circle with the index finger

Draw a triangle with the index finger

Previous/ Next Page

Palms swinging left or right

Index finger swinging left or right

Thumb pointing left or right

Index finger pointing up or down

Zoom In/Out

Palm open/ Palm shrink

The two palms zoom in and out

Index finger and thumb to zoom

Adjust the Perspective

Rotate your wrist with five fingers downwards

Stretch three Draw circle with fingers and do the your index finger rotation

Appearance

Data Accuracy

Wearing Comfort

Feedback Immediacy

Functionality

Training

After Training ďźˆCollect Data Feedback

Instructions that is more detailed and personalized

Delay

Refinements

Combined with the design results of the respondents, the final gesture set was adjusted in according to the principles of fault tolerance and consistency.

Call Up the Instruction

Record Integrity

During Training

Process

Stop

Functionality

1. Heat Statistics is not enough to show the accurate exercise situation 2. It is not possible for user to keep staring at his/her clothing during exercising

According to the function set obtained from the interview, the respondents were asked to design gestures for the corresponding functions.

Begin

User-defined Gesture Set

Record Integrity

Conclusion

However, in this mode, the user cannot receive timely feedback and make adjustments.

Data Accuracy

Result Analysis

12 people who use the online approach to learning fitness, offline gym fitness, and the experience of existing smart devices.

Statistics

Appearance

Weakness

3. Moisture Wicking 4. Revolutionary Fabric

Feedback Immediacy

Functionality

Features 1. Color change technology 2. Heat management of your body

Wearing Comfort

Participants

Weakness

3. Real-time audio feedback 4. Comparison with the accuracy

Radiate Athletics

Data Accuracy

2. Not comfortable enough

Features Collect data of your movements through 1. the clothing 2. 3D animation of yourself which can be replayed

Participatory Design

Appearance

Weakness

Competitive Analysis

Previous/Next Page

Plan

A B Plan

Begin/Stop

Adjust the Perspective

Call Up the Instruction

Zoom In/Out


Concept Ideas

Benchmark Test of Gestures

Tips

When your form is detected to be wrong, instrustions will be given to you through voice or luminescence and vibration on your clothing.

On the holographic screen, there is a video of virtual coach to show you the stantard form, so you can follow her.

Participants

Process

Result Analysis

Male to female 1:1

8 participants

Three Stages of Test Latin Square Balance

Wilcoxon Rank Sum Test

Matching degree, memorability and comfort The test sequence is half AB and the other half is BA.

During exercise, you can operate at any time by gesture or voice to pause, see more details and adjust the difficulty.

Product Position

Projector & Camera

Previous/Next Page Begin/Stop

Adjust the Perspective

Zoom In

After exercise, you can see the involved statistics, such as your heart rate, accracy, and animation of your form, on mobile phone or on the holographic screen.

The comfort and memorability of the two sets of gestures are significantly different (A is better).

Final Gesture Plan

Call Up the Instruction

Make it easier.

All have experience in indoor fitness app

Zoom Out

Holographic Presentation

Voice Instruction

Store Data

Gesture Interaction

Voice Interaction

Show Record

Bluetooth Earphone

Luminescence and Vibration Feedback

Apply voice+gesture operation to be more accurate

Form accuracy Detection Sports Wear

Smart Phone

Our product positioning is equipments to provide real-time Uninterrupted holographic projection presentation, voice guidance, and gesture and voice interaction, assisting fitness beginners to do fitness at home on their own.


Technical Analysis

Flow Chart

Holographic Display

Monitor Hologram is used to display a fully threedimensional image of the holographed subject, which is seen without the aid of special glasses or other intermediate optics.

Instructions

Monitor if your forms are correct or

Choose Courses Choose a course based on your needs and physical condition.

Timely and intuitive feedback to your form

Auxiliary

Adustment Set difficulty, speed, background sound, etc.

Exercising

Record exercise and body data

Interaction

Application

How to Use

The Holovect Mk II is the first commercially available, laser-based desktop "holographic" display, capable of drawing 3D objects in air with light.

In this product, we want to use holographic projection technology to create a threedimensional image in the air. But this technology is not mature enough now, just as a technical imagination in this product.

Use voice and gestures to interact without interruption

Scenario 1. Select Courses

Electronic Textiles

In the open state, tapping the training suit will pop up the relevant training courses for this body part. Electronic textiles are fabrics that enable digital components such as a battery and a light (including small computers), and electronics to be embedded in them.

Application The new fabric-based OLEDs are bright enough to rival current display technology, Each OLED emits only a single color, but engineers could make fabric-based screens with many color-changing OLED pixels to display messages.

How to Use The sensor on the clothing accurately identifies the user's movements and force, and give real-time feedback through vibrometer/electrode.

Replay See the exercise record with analysis after exercising


Scenario 1. Select Courses You can see the content, duration, difficulty, etc. of the course, and swipe to view and select related courses using gestures.

Swipe to switch between different courses

Double click to enter the training you want to choose

Course Description Page

2. Training Guide During the training process, a virtual fitness instructor performs demonstrations, and the accuracy of the motion is feedbacked through holographic projection, voice, and vibration and illumination of the training suit.

When your form is wrong, there will be vibration and light tips in the training suits at the corresponding parts.

A detailed explanation of the wrong part will be displayed on the screen, along with a voice reminder.

When the action is accurate, feedback will also be provided through the screen and voice.


4 . Data Feedback After the exercise is over, the data collected during the exercise will be displayed on the screen.

Taining Guidance Page (When the Form is Incorrect)

Taining Guidance Page (When the Form is Correct)

The first page of the results can see the overall evaluation of your training performance.

3 . Detailed Discription During the training, you can pause at any time and call up the action details page by voice or gesture.

Action Details Page

On the action details page, you can see motion decomposition and notes and other detailed information of the current training.

On the second page you can see your physiological data during exercise.

First Page of Result

Second Page of Result


App Design 2018 Nov. to Dec. Chronos is an scheduling app for smart phones and smart watches. Its simple and intelligent way of interacting allows you to operate without having to spend too much effort. By recording your physiological data and other information, it can provide you with personalized advice for your schedule and help you find the best scheduling method for you, making it very easy for you to improve your work efficiency as well as develop good habits.


Background Although there are plenty of time management techniques, it is not easy for one to find the technique that suits him/her most.

Percentage of People Who Make Plan

Interview To acquire the knowledge of how people arrange their time, questionnaires were distributed on the internet and 71 copies were answered. The result is as below.

Frequency and Precision of Plan 56%

Frequency

48%

Occasionally

13%

37%

Activities People Would Make Plan For

Randomly

Monthly

28%

27%

Weekly

Daily

Precision 31%

15%

62%

38%

Work Related

Preparation for Exams

30%

15%

Continuously

68%

Study Related

66%

Ofentimes

89%

Physical Exercise

Week

Day

37

Eisenhower Matrix

13 42

GTD Technique Gantt Chart

Conclusions

15

5

56 10

20

30

40

6

15

53 3

0

A: My mood and the mood of people around me.

B: Whether the task is interesting or not. And my mood.

C: The environment. My efficiency is higher if people around me are working too.

2. What tools do you use for time management? B: Sticky Notes on computer, Wechat. Other apps is too complex to use.

C: Paper and pen.Make a table. Have used Pomodoro before but failed to get used to it.

3. How do you arrange time for your long-term goal?

Implementation Situation Pomodoro Technique

C

Male, 20 yrs College student Make plan continuously

1. What factor will influence your working efficiency?

Entertainment

Hour

B

Female, 23 yrs Public relations Make plan oftentimes

Main Questions

A: I just keep the tasks in my mind.

12%

Month

A

Female, 23 yrs Human resource Make plan occasionally

50

Many people have not used time management methods for time management

9

8 5 60

7 6

4

Respondents' usage and effectiveness evaluation of several major time management methods

Very Helpful for me Helps Me A Bit Of No Use to Me Havn't Used

Percentage of people who is still using these methods among those who have used

21% Pomodoro Technique

29% Eisenhower Matrix

50% GTD Technique

70

Some people think that these methods don't help

Many people who have used time management methods can't stick to it.

A: I have never stick to my long-term goal.

40% Gantt Chart

B: I will do it as long as I think of it, but most of the time I will forget.

Key Insights

C: I spare a certain period of time for it everyday.

Possible Solution

Everyone’s time planning habits are different.

A tool that do not add any additional burden to the users

They prefer simple tools to manage time. Time managing apps are not consistent with their personal habits.

More personalized by learning users' habits.


Personal Situation

Period

Doing

Before Making Plan

During Making Plan

Think of a long-term goal

Divide the tasks into small ones(complex ones)

Be told of what should be done and the deadline Remember the necessary information

List out all the tasks Assess the time spent on each task Look for the available period

During Executing Plan

I have always maintained the habit of making time planning. He will plan his study and exercise time.

After Executing Plan

Study Related

Check the schedule

Take a rest

Physical Exercise

Make adjustment to the schedule

Entertainment

Entertainment

Check off what has been done

Get ready for the next task

"Too many tasks!"

Thinking

"Can I finish them on time?" "I should not miss the deadline."

"Spare 30 minutes to do this every day." "I want to do easier/ harder tasks first." "I should get up early to do my work."

"It is not so urgent, maybe I can finish it later." "This task is too difiicult and I don't want to do it now."

"I can finally enjoy myself now."

Frustrations

Bored,

Stressed,

Anxious

Hurried

Mike is a junior in college, because he has much homework and spends most of his time studying.

"I want to finish it quicker next time."

"Today I am not in mood for working."

Study Related

Become anxious and unwilling to get started

Underestimate or overestimate the time

Goals Lack of self-control Need to make temporary adjustment frequently Provide me with more personalized methods

Current Technology I now use Wechat and Windows's Sticky Notes to write memo, and occasionally uses the calendar function that comes with the company's mailbox to remind the deadline.

Physical Exercise Entertainment Time Distribution (Exclude time for meal and sleeping)

Problems

Paper

Often it is not possible to perform the plan I make because of the lack of self-control.

Work Related

Confused

Could not decide which should be done first

Computer

I have tried the Pomodoro Technique, but I feel that it is not in line with his own habits.

I have tried a lot of time management methods and apps before but find it hard to persist. So I think the best way for me to make the most of my time is to simply turn off my smart phone.

Easy,

Some tasks and goals are forgotten

Cell Phone

Personal Situation

Relaxed

Feeling

A detailed plan will now be drawn using a paper-drawing form.

Time Distribution (Exclude time for meal and sleeping)

A College Junior "I want to be better!"

Current Technology

The arrangements are unreasonable Forget to operate on the apps

Lack of reflection

Frustrations The implementation of some time management methods made me feel too laborious and could not persist I need a task reminder tool, but some frequent reminders of some softwares will make me feel resistant.

UX Map

Cell Phone Computer Paper

Goals Help memorizing Help sticking to my long-term goal Easy operation

Persona

A Busy Clerk Mary is a busy office worker. She mainly uses time planning to arrange things at work. The main activity after work is to surf the internet on bed with a mobile phone.


Intro

Break down work into intervals, traditionally 25 minutes in length, separated by short breaks.

Pros

TECHNIQUES

Pomodoro Technique

Help on get a high concentration of attention in a specific time

Eisenhower Matrix

GTD Technique

Gantt Chart

Helps you decide on and prioritize tasks by urgency and importance.

Use a consistent routine to help you keep track of the things you need to do and remember.

A type of bar chart that illustrates a project schedule.

Cons

Still feel tired after many uses Not in accordance with everyone’s work habits

Avoid wasting time on things that are not worthwhile

Need to realize what is important, which is not so easy Not for people who have a lot of must-do things

Can alleviate the stress and tension in your mind

Suitable for multi-project parallelism

Accomplish things more efficiently.

Avoid missing the deadline

Complex and need a lot of time to master

Technical Analysis Heart Rate Variability

Psychologists have found HRV is a Physiological index related to ability to control your attention, emotions and desires.

The process of making a Gantt chart takes much time

APPLICATIONS

Weakness Frequent reminders can be annoying

Tick Tick

Can be used to implement almost all time management methods Record to-do items

Focus only on the length of working hour, not on quality

Forest

The form of planting trees is interesting and encouraging With visualized feedbacks to show your time distribution

Easy operation

Smarter Time

Can intelligently identify what is being done, generate timeline

Too many features is distracting

Need to replant the trees after certain time, which interrupts people's work

Recorded results are inaccurate No other features to help manage time

Information Source The Willpower Instinct

Sleeping Hour Sports Exercise

Features

Heart rate variability, or HRV, is a new metric that reveals your stress level.

Spider Chart

Depression

Appearance

Emotion

Stress

Influence

HRV Increases

HRV

Factors that may influence heart rate variability

HRV Sensor On Apple Watch Tick Tick Forest Smarter Time

Feedback

It has been added to lots of high-end sports watches in recent years, including Apple Watch since watchOS 4 & iOS 11.

Personalization

Conclusions Distractions

Not personalized enough

Competitive Analysis

People Can Focus Better

Experiments have shown that when people's heart rate variability increases, they will be more focused and calm.

Ease

Functionality

Means

Check your heart rate variability readings with the Health app on your iPhone.


Workflow

Smarter Reminder

Create Memo Something that you want to be reminded of someday in the future

View Statistics

Choose the right time to remind you of your memo.

Do Something

Create Memo

Create Tasks Enter task type and estimated finishing time

Record on Your Smart Watch

Create Tasks

Personalized Advice

(When enough data is gathered)

Do Something

Record on Your Smart Watch

Based on your current working status and your working habbits

Mode 2

Mode 1 Monitor Involved Factors Record your location, HRV, sleeping hour, excercise hour.

Gather data

Analyze

Calculate your work efficiency in different state.

Find out time, location, environment different types of tasks.

Smart Watch Screens

Working State (without or with mission)

Add New Task Set Task Detail

Task List

Sports State

Relaxing State

Reminder Pop-up

Settings

Dashboard Task List Add New

Advice Pop-up Add New Task

Memo List

Set Memo Detail

Select Type

Add New Memo

Wireframes

Mobile Phone Screens


Function Definition Easy Operation Solve problems of being too lazy to operate and forgeting to operate

Studying

Library

Sketches

havn't update for a long time

2. Intelligently identifies your current activity based on your location and historical habits

1. Switch between states by a simple swiping

Visual Standard 3. It will remind you to update your state by vibrating, in case that you forget

Orbit Time

Logo e

ep tim

le Low s

Low exercise time

Personalized Advice

Advice helping to improve your concentration

1. When detecting your concentration level drops

High s

tress le

vel

3. Then suggestions such as early sleep, more exercise, meditation, etc. according to your specific situation

2. It will automatically judge the reason

It can provide you with personalized advice by tracking your working habits

Gradient Version 1. Find the most suitable tasks for you at different times of the day by collecting your daily data

Advice that finds the most suitable type of task for current state

Smart Reminder A tool that helps you to develop habits or stick to your longterm plan

Type Hobby/Habit/ Others

1. Input name, type and the repeat mode of the item

Single Color Version 3. It will automatically adjust the reminding time depending on your adoption or not

Frequency How to repeat

2. The reminder will remind you when finding you are suitable for this type of activities

About Name

2. Provide you with timely advice

Colors

Cronos is the name of a god in Greek mythology. We use Cronos as the name of the product to mean that our products enable people to better control their time.


Interface Design Smart Watch Screens

Current State

Task List

Working state page after you have selected a specific task

Reminder Page Switch States Between Working, Exercising and Relaxing

Advice Page

Will find the right time to pop up according to your work habits,

Add New Task

Mobile Phone Screens

Add New Task

Task List Show the tasks you added. Tasks that have spent more than expected time are marked in red.

Memo It shows all of your memo and how many times you have finished them. Different colors represent different types of activities.

Task Detail Edit the task detail to add more specific information so that the advice or reminder can know you better.

Dashboard Show average working hours and concentration per day over a specified time period. You can choose which data to view

Settings


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.