Ally's UI design portfolio

Page 1


Creative Designer

Hello, this is Ally.

I’m a

Confident Presenter Good Team Worker

study in

Shih Chien Univeresity Industrial Deisgn

I’ve o


Ai Shortlisted Y.S. Award 2017.12

Shortlisted once HaoShi Bootcamp 2018.07 Final TCC children toy bootcamp 2018.08

A

AS

Ps

F

360

Id Xd Ae


V

01


VIA

1-20

Comfortcize

Diabeats

21-34

35-52


let me be your eyes, bring the world to you let me be your brain, bring the stories to you.

1


VIA

cross generation traveling live stream app

10 weeks project one person project LEARN UI design UX design Research

2


What cause

cross generation unfamiliar In my daily life, I have seen so many people do impolite behaviors to elderly. Even my father sometimes act impatient to my grandmother only because her weak of hearing. Therefore, I hope to promote communication between generaiton. Let them know each other more. Not only with their own family members ,but also with the whole elderly group.

3


Make elderly and young generation know each other more 4


Both generation would like to know each other based on

a common point

as the

More than 70% young generation would like to communicate with elderly. (With the same hobby or major)

5


71 years old walking habbit self-guided tour Of course I want to have a trip in Europe, but I can’t cope with such a long flight.

Using

travel

common point

What’s their

need

view

20 years old backpacker It is fun to be a backpacker. However sometimes I can’t really have insight into a place.

knowledge

25 years old couch surfing

I really like to travel only with a little amount of money. Which I can fulfill this travel exchanging.

travel fee

6


jo

pa

Target User elderly

65-80 years old

7

young generation 18-30 years old

ga


ob

Want to go aboard

ain

Matching-Service Platform

ELDERLY: can’t go long time journey

young generation using live stream

YOUNG: lack of travel knowledge and fee

Elderly afford knowledge, story or fee

ain

Comprehensive travel experience

Both side join the whole travel process

product service pain reliever gain creator

8


Yo un g

Color plan

#98b4c4 #f5eee9 #f2f2f2

Using low saturarion color to create simple and modern feeling for young generation. Elderly

#00aeb0 #dbd2c1 #f5eee9

Using colors which are more colorful, not only giving elderly energetic feeling but also making them easier to tell different between each color.

9


Typography Main Text

Stylish button

SF Pro Text SF Pro Display

Rockwell

Ensure the readability

To enhance the cultural feeling during travel

Main TextSans-Serif

Serif

10


Home

Suggestion (picture) Filter

Via data Place People Topic

About author Result

Content

(Video/Photo/Story)

Setting Me

Posters

Picture during the Traveling live Postmark

Subscription Count down Story Travel Photo Mission Chat Subscription 11

When day of live stream comes

Go

Interaction

Have been Reservation


Wire frame-Elderly 12


Schedule When day of live stream comes

Travel Picture upload

Start living

Chat

Record

Home

Camera

Suggestion (picture) Filter

Post Schedule

13

Set Tag

upload

Import (from other app)

Setting Me

Take photo

Via data Place People Topic

About author Result

Content

(Video/Photo/Story)

Interaction Take Photos


Wire frame-Young 14


Postca

Key Page

Landscape

Resonanc

Using landscape (which depends on your preferences) as background, in order to provoke sense of emotional resonance amongst the user.

15


ard

Postmark

Warm

After every journey live stream, elderly get a postcard of the scenary and a postmark on it.

ce

16


Flipping

memory

Feels like flipping photo

17


Countdown about the time of going to go to travel, only if the day come can user open the live stream.

Countdown

Everdaylist

Participate

Everyday there is 1. A story about the place which you’re going to go to. 2. A picture about what your young guide is preparing 3.A memo of what you should do before the lifestream.

18


19


20


21


COM F O R T C IZ E

Pillow exercise which can do in bed

1 weeks workshop Team project LEARN UI design Team work Presentation

22


Give people a

new option to exercise with joy

Too tired

23

Need to prepare

Can’t find time


24


Target User People who don’t have much time but want to get into the habbit of exercising

25


job

Easier way to exercise

pain reliever

product service

pain

Hard to find time exercise

Do pillow exercize in bed every morning or evening

pain reliever

gain

Exercise regularly

App associated with pillow gives target.

gain creator

26


What I want to do Combining bed with exercise, don’t need to prepare anything just exercise with the pillow.

Bed

27

Twister


Data base (pressure)

Gain information

Pose data

Forcing Sensor

Light give pressure

exercise with

User look at

28


Calendar

29

Pose

To do

Categarize

Me


Turn on

Light indication

Forcing sensor

30


Calendar will record

Key Page

and sy Whic easily

S q u e e ze the pillow to s t o p the alarm and s t ar t exercising

31


d if you have done exercising,

tr a n s fo r m your body quality into a m b o l i zation. ch make user knows about their progress y(ex: You can run as fast as a dog) During exercising ev er y d a y can u n l oc k different part and mode

32


33


Exercise with relax, no need to think, just do it with pillow.

34


35


Di ab e at s

Bracelete with app which help diabetes eat

1 month workshop Team project LEARN UI design Team work Presentation Research

36


To help

diabetic patients eat without press

Bringing electronic scale and converting calories are inconvenient.

37

It is inconvenient to use scale measure specific kinds of food (e.g. noodles)

In different dishes, ingredient have different influence. Patient should clarify by themselves


ure

38


Target User

Dia betic patient

39

job

convenient way to eat

pain

Changing eating habit

gain

Eat without pressure


Mr. Lo Disease age: 1 year 8 months

I bring the book which publish by health bureau and electronic scale every day in the first six months I outbroke. Before having meal, I always check the book to calculate the glucose I absorb in each meal. It is inconvenient at first but after a few months training, I know how much calories I can absorb every meal. Ms. Jian Disease age: 12 years

I have electronic scale in my home. In the beginning I use scale to measure food and record the content of meal every day. After few months training, I can absorb the food accurately by eyes and hands.

Interview 40


What I want to do From nervous to relax, from been taught to teaching others, always be there by your side.

Detect

Record

Not

Functio 41


tification

Emotional Reduce fear

Accompany

Social Media

onal 42


Technology Food Recognition Technology

With the food recognition tech it can calculate how much carbohydrates you take in.

43


Glucose Monitoring Patch

Muscle Sensor

Via glucose monitoring patch, users no need to prick their skin before knowing their blood glucose anymore.

Muscle sensor can detect how many times user swallow. And according to the food recognition tech we can calculate the blood glucose.

44


Testing

Prototype We use prototype to tell others the connection between bracelet and the app. And also want to know: 1. What the sensor looks when it is on the spoon 2. If People understand how to use only with these pictures

Blood glucose detect 45


Calories and sweet calculate 46


How to use

Step 1:

Detect Blood glucose 47

Warn you if your blood glucose is too high


Step 3:

Take the detachable part out off the bracelate Step 2:

Take photo of food to get information.

48


Get data of every bite, warn you when intake too much.

Step 4:

Put the detachable part on the neck

49


Record your data

Sharing recipe Talking about life Social Media

Personal Data

50


51


From nervous to relax, from been taught to teaching others, always be there by your side.

52



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.