Interactive Design-Huiying

Page 1

Interactive Design

DSID 131/ 2018 SPRING HUIYING TAN

1


Team Charlie Huiying Tan John Nguyen Nancy Nguyen

16

17


Luxon is a digital tool designed to help alleviate symptoms of seasonal affective disorder (S.A.D). Luxon utilizes wearable sensors and high lux light bulbs to improve light therapy treatment.

18

19


Research

20

21


Sunlight Depression

S.A.D S.A.D. stands for seasonal affective disorder. S.A.D. is a mood disorder in which people who have normal mental health throughout most of the year exhibit depressive symptoms at the same time each year, most commonly in the winter. This is due to the lack of sunlight exposure in the colder monthes. People may sleep too much or have little energy.

22

23


More Energy

Improved Mood

Melationin for a better night’s sleep

Solution People may alleviate SAD symptoms by boosting their exposure to sunlight.

UV

light therapy

psychotherpy

Medication

How light affects mood 1. Sunlight enters through your eyes

24

2. Sunlight regulates our circadiam rhythm through complex pathways

3. Sunlight exposure increases serotonin levels in the body

4. Proper levels of serotonin result in more energy, improved mood, and better sleep at night 25


Natural light bulb 40 -100 lux

26

Light Therapy Lamp 10,000 - 15,000 lux

Natural Sunlight 32,000 - 100,00 lux

Light Therapy

LUX

Light therapy is a way to treat seasonal affective disorder (S.A.D) and certain other conditions by exposure to artifical light. During light therapy, you can sit or work near a device called a light therapy lamp.

Lux is a measure of the intensity of light as seen by the human eye. One “ lux� is one lumen per square meter. And to put that in perspective, a typical office hallway would measure 80 lux, while direct sunlight on a bright day can measure 100,000 lux.

27


USER

LOCATION

S.A.D suffers

BENEFITS Faster recovery, better tolerance to treatment, convenient, allows user mobility, integrates light therapy into the user’s life style, 28 energy saving

Home & convenient, use any time ( when needs more sunlight), Self-programming control

Design Opportunity

PROCESS Automates the process of light therapy by use of location sensors

29


Nascent Concepts

30

31


Mood Recognition 32

Preventative

Support Network Post recovery

33


Light Therapy

Lancy with She wakes She and look lookat at Lancyhas hasbeen beendiagnosed diagnosed withSAD. depression. Shesits sitsininfront frontofofher her mirror mirror and up in the morning withmorning low energy. herself. She wakes up in the feels low herself

She Shetalks talkstotoherself herselfinto intothe the mirror mirror

Carrier feels sad suddenly

She is not sure if she has depression

Carrier goes online and to find for help

An App is designed for a self-diagnosis depression test

Carrier is answering all the questions.

The app shows the result she is fine.

energy

She turns on on herher lighted makeup mirror and Lancy turns lighted makeup mirror. she the that Shechecks checks theapp app thatisisconnected connectedtotothe the mirror for changing the brightness of the mirror to turn on. light.

The provides Lancy her 3030 mins Thelight lighton onthe the mirror mirror provides light therapy minutes light therapy.

Light Therapy Mirror 34

Treatment

She energized Shefeels feels happy forand herready day. for the rest of the day.

Self- Diagnosis Preventative

35


Body Clock 36

treatment

VR Support Network treatment

37


Biometric Mood Sensor 38

Treatment

Smart Light Therapy Bulb treatment

39


Download and install the App.

Put on the watch and pair it with your mobile device.

Install 10,000+ lux smart light bulbs in desired locations and pair with your device.

Design Direction Auto Light Therapy

We choose this direction because light therapy directly combats the source of seasonal affective disorder and there are some opportunties to improve the treatment.

Wearable acts as a remote and provides more accessible notifications.

40

Light therapy will automatically run in the background without disrupting the user’s daily activities.

The app will log your development and allow the user to view their improvements. 41


Product Map

42

43


Tracker Guided Paths (CBT) AFTER

Emotion

Heart Rate

Very Good/Good/ Moderate/bad/ very bad

RESPIRATION

DURING BEFORE

DIAGNOSIS

Self-care

Health Professionals

Activities USER

Exercise (Winter)

FEEDBACK

SEASON

Medications

Read a book

PROGRESS REPORT/

SLEEP

Specialist /Therapist/Clinical psychiatrist/ Psychiatrist

SCHEDULE

Friend therapy

WEATHER

Get Sunlight

LIGHT NATURAL LIGHT

SMART ENVIRON MENT

SYNTHETIC ACTUAL SUNLIGHT

Product Map version 1 44

LIGHT THERAPY/ENERGY

SMART LIGHT

LAMPS DAWN SIMULATOR

HELPS YOU SLEEP

CEILING LIGHT

HELPS YOU WAKE UP

ALARM LIGHT

Product Map version 1I

45


Product Map version III 46

47


Welcome

Settings

App Notification

Splash

Calendar

Login

Display

Register

Connectivity

Light Connect

Diagnosis

Account Edit

Wearable Con-

Device Pair

Font Color

Home Screen Lights Me

Watch Edit

Light Routine Improvements

Mood

Light Device List

Edit Alarm

Scene

Sleep

Repeat

Light Exposure

Edit Name

Wireframes

Display Notifications

Type

Ringtone Vibration

Moodcast

Today Week

WIREFRAME OVERVIEW 48

49


Splash

Welcome

Register

Login

Hey! What’s up? A place in your phone for your own comfort zone while boost-

Username

Let’s start

Username

How is your daily

Name

Exercise

Dont have an

Device Pairing Connectiv-

Home Screen Monday April 2, 2018

Hours

Me

Device John’s Apple

Finish!

12 11 10 9 8 7 6 5

Submit

Lights

Watch Edit

Me

Mood

Lights

Watch

Why you feel do this l... way? Days

Th

Submit

Living Room

Kitchen

Office

Skylight

Back

Repeat

Every Sunday Every Monday Every Tuesday

Light Therapy

Every Wednesday

Label

Bedroom

Twilight

Every Thursday

Scene Sunset

Mon Tue Wed

Sunrise

Every Friday

Repeat

Mon Tue Wed

Relax

Moodcast: Day

Watch Edit

Light Device

Moodcast

Watch Edit

Sofa Lamps

Bedroom Lamp2

Display

Notifi-

Today 8am 10am

Kitchen lamp1 Bedroom wall lamp

12am 2pm 4pm

Wireframes

Scene Sunset

01 : 02 03

How you feel-

Bed-

Back

Device Menu

Bedroom Lamp1

T W

Save

Repeat

Every Saturday

Label Back

Label

Bedroom Living Room Kitchen Office Bathroom Garage Backyard

Concentrate

Emotion Status

My Progress

M

Scene choice

Shuffle

Monday April 2, 2018

Get up and get some

Light 1

Light Expo-

Profile

Sun out from

Lights

Morning Shutdown Weekend Shutdown

Stress

Submit

Register

14 15 16

Evening Lighting

Sleep

Password

Add Alarm

Cancel

Weekday Wake-up

Mood

Gender Age

Submit

New User

My Rountines

User Data

E-mail

Pasword

Login

Diagnostic Test

Register

Login

Add Alarm

Lighting Alarm

Watch Edit: Display

Watch Edit: Notifi-

Display Edit Color Bg Font Style

Notification Alarm Mood Mood- Ring-

Week SemiGloom :( Sunny :D Sunny :D Sunny :D

Display Notifications

Sunny :D

version I 50

51


Splash

<

Login Login

Register

Username

Hey! What’s up?

All your data belongs to you.

Username

E-mail

Pasword

Gender

Kitchen Room Name:

Submit

Age

Health

Man

End Table

Desk Lamp

Morning

Device Pairing

Account

Watch Edit

My Light Exposure

My Sleep

Connectivity

Account

Watch

Light Expo-

Sleep

How you feeling today?

johndoe@gmail.com

Email :

Monday April 2, 2018Noon

Noon

Password :

Rate your mood:

After Noon

1

10

After Noon

Finish

Light 1

Device John’s Apple iWatch <

Evening

Evening

Save

Mood Cast Overview Moodcast

<

My Growth

Lights: Room List

<

My Growth

Goals

Lights

Birthday :

01/01/1993

Gender :

Male

You

Lights <

64l... F

.............. Change Password

Why?

Device Pairing: Lights

Age :

24

Location :

San Jose, CA

Mood Light ExpoSleep

Display

Save

Watch Edit: Display

Watch Edit: Notifi-

Device

Bedroom

On

Connectivity Account

Health

Logout

Activities

Living Rm

Mood Light Exposure Sleep

Evening Lighting

Man Cave

+ Office

What lights do you want to connect? Select Light 1

Light 1 Bedroom Light 2 Bathroom Light 3 Kitchen Light 4 Living Light 5 Room

Save

What device do you want to connect? Select John’s Apple

Military

Nancy’s Samsung

Weather

iWatch

Watch Charlie’s Fossil Gen

Save

12-Hour

8:00 AM PST

Display Edit Color Bg Font Style

Notification Alarm Mood Mood- Ring-

<

Color Display

31%

Weekday Wake-up

Time

15%

Mood

My Routines

Kitchen

Thoughts Notification

My Routines

Notification Reminder Alerts

54%

Edit

Notification

Morning Shutdown Weekend Shutdown

End wall Table lamp ‘You have selected L1234’ OVER TIME

10 day forecast

Save

Scan for Light

Desk Lamp

Submit Mood Light ExpoSleep

+

Privacy

Profile Edit

Don’t leave us!

John Doe

Okay, I’ll stay

Username: John Doe

But if you have

today’s forecast 7 day forecast

Living Room Ceiling Light

Light Name:

SUNLIGHT

Notifications

Device Pairing:

Avail-

Lights: Add Light Connect New

QUALITY OF SLEEP

Home Screen: Mood Check

Morning

My Routine

+

Activi-

Home Screen

<

+

Office

Submit

64 F

52

Living

Submit Don’t have an account?

version II

John Doe

Living Room Ceiling Light

Bedroom

HOURS OF SUNLIGHT

New User

Wireframes

Setting

Lights

Lights: Light List

Password

Register

Setting

Lights: Add Room

Moodcast

Mood

Login

<

Mood Cast Over-

Goals

Name

This is a place in your phone for your own comfort zone while boosting up your mood and energy.

Let’s start LightnUp!

Register

<

<

Welcome

Log out

Profile Picture: Camera

Photo Album

53


Visual Design

54

55


Final Color Sheme & Font Style

Raleway Raleway Raleway Raleway

Inspiration We looked for elements that gave off happy vibes. These tended to be bright colors, round forms, and curving shapes. Also, we looked for simple interfaces fo the user does not feel overwhelmed as inspiration. 56

57


Visual Design Concepts

58

59


Visual Design 1 We experimented with different elements discovered through our inspiration board 60

61


Visual Design 2-1&2-2 62

Visual Design 2-3 63


Login

Home Screen

Home Screen: Check-in

Lights: Main Screen

Lights: Room

Lights

Bedroom

Lightn Up

Lightn Up

Lightn Up MyJournal Monday December 31, 2018

Hi, John How you feeling today?

Bad

Great

Kitchen 20%

Living Room

Ceiling

85%

Office

Wall

VERY GOOD

Add

How you feeling today? Bedroom

Lightup

MyLights

Desk

Lightn Up

Lightn Up

High

Sign up by Email

OFF

Light Therapy

Add Feelings

Sunlight

What’s going on? You can write about it here. You can also use hashtags ( like #sad or #happy)

Later

Swipe to Auto Mode

Kitchen

Master

Living Room

Desk

Office

Ceiling

High

Bedside

My Growth

Setting

My Growth

Settings

TUE

WED

Bathroom

Low

Wall

Sign Up

Device Pairing

Watch Edit My Watch

SUBTLE/CLEAN

THUR

FRI

SAT

MyGrowth Monday December 31, 2018

Change Password

Lightn Up

Device Pairing

Lightn Up

Watch

C ON C E P T J 1

Notification Routine John’s iphone 6+

Watch Edit

Lights

DOSIS Regular DOSIS BOLD DOSIS Extralight

Bluetooth Pairing

Manage lights

Account Privacy

My Rountines

Logout

Options

58% Sunlight 42% Light Therapy

Connected to John’s iPhone

Light Exposure: Outdoor: 5 hours Indoor: 19 hours

Sleep routine: 5 hours

Growth:

Add Lights

Sunlight

Display Edit

John’s Apple Watch

Switch different device

“looking forward to the new year!”

Reday for Bluetooth connection... Please note that phone compatibility could differ with each phone manufacturer

Connectivity

Light 1

Great Mood

Replace lightbulbs

4.18.2018

Settings

Device Pairing

Connect to Facebook Notification

Mood: GOOD

Lightn Up

Lightn Up

Account MON

Submit

Login

Sign In

SUN

Auto

Manual

Bedroom

Garage Sign in with Facebook

Bedroom

What’s on your mind...

Bedside

Improve your day

Venting session

Lightn Up

12% improvement

Sync Now

Save

Save

Raleway Thin Italic Extra Light Light Regular Medium Semibold

Light Therapy

Add Device Sign out

Visual Design 3-1 64

PAIRING PROBLEMS?

TEAM8 CHARLIE | NANC Y | JOHN

TE AM8 CH AR LI E | N AN CY | J OH N

Visual Design 3-2 65


Final Design

66

67


68

Day In the Life

Day In the Life

With Current Light Therapy

With Luxon 69


The Basin The basin can be found on the home screen of luxon. The light basin is a visualrepresentation of the user’s light exposure requiements. The goal is to fill in the basin completely by the end of each day. To fill the basin, the user must receive either sunlight or light therapy exposure.

Each day the light basin starts out empty. The user must fill it by the end of the day. How much light is required depends on the users

70

When the user is exposed to light therapy, the basin gets filled with a magenta color.

When the user is exposed to sunlight, the basin is filled with an orange color.

71


myHome

myJournal

myLights

How are you feeling today? awful

bad

meh

good

myLights high

rooms light control

bedroom

master

kitchen

great

desk lamp

garage

74% full

I feel this way because...

night stand

o

ceiling

ce

add

add

Later

76% light therapy

Submit

24% sunlight

login o Don't have an account? Sign Up

Journal

Login Simple Design

Home

Journal

Home

Lights

Journal

Home

Lights

Journal

Home

Lights

Check-In Mood

Home

Room list

Room

Check-in the user mood and

Light basin featured on home screen. The basin measures the user’s exposure to light

The main screen for light control. Organizes the coonnected lights through rooms

You have access to conrol each light in the room and make various adjustment to the lights

track their mood

72

Lights

73


myJournal

myJournal

mind

May 21st, 2018 Mood: Very Bad

21

"I stubbed my toe and failed my exam today ughhh"

MEDITATION: Completed: 3 Minutes Remaining: 7 Minutes

1 session

Clear your mind. Meditation creates more time than it takes.

Light exposure 100% full 76% sunlight 24% light therapy

Sleep routine

productivity

sleep

3 sessions

1 session

motivation

prioritize

5 sessions

2 sessions

8.5 hours of sleep

Improvement 12% improvement in mood

Journal

Home

Lights

Journal

Home

Lights

myJournal User can find a complete archive of each journal log since the user has started using luxon

74

75


THANKS!

76

77


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.