Stefanie portfolio online version

Page 1

Chaoyun Zhang

2016 Interaction Design


Chaoyun Zhang Contact: Email: Phone:

stefanie.zhang627@yahoo.com (+86) 135 1246 1525

Education:

Experience:

Tianjin Chengjian University, Bachelor of Arts in Literature, English Major, 2011

Dec 2012- Jul 2015

IT Assistant, Sharp Thinking Intl Management Consulting Company (Known as Leadership Development International) Tianjin Branch, Front end web Design, Wordpress web design, Website maintenance, Web Support, Project Management.

Aug 2012-Nov 2013

Admissions Secretary, Tianjin International School Organizing Admissions materials, keeping petty cash record, processing and ordering required items for office use and coordinating payments, collecting Engle’s Nest information and publish it, maintaining school website, doing translation, filing, printing and faxing, preparing report cards and enrolment letter for students.

Feb 2012-July 2012

School Receptionist, Tianjin International School Answered incoming calls and referred callers to appropriate people, assisted students and held them accountable to school policies, ensured the reception area is clean and tidy, handled mails for students and staff.

Nov 2010-May 2011

English Teacher, King’s English for Kids Managed classes, helped preschool students go to bathroom, made teaching tools, taught elementary and preschool children English and crafts, regularly evaluated students' English abilities, wrote and modified lesson plans for foreign teachers, interacted with parents, conducted a series of lectures and meetings for parents, hosted the annual company party, designed advertisements.

Apr 2010-May 2010

Volunteer Interpreter, Tianjin Chengjian University Worked as an interpreter, language teacher, and guide for American and Denmark exchange students.

My Works

Achievements: ICF accredited 60 Hour Coaching Training (completed 24 1:1 coaching hours) , Level 8 Test for English Major, Dean’s List Scholarship, BEC Vantage, Participation in Tianjin Model United Nations, Best journalist of 2008 at Tianjin Chengjian University News Agency

Skills: Photoshop Sketch Illustrator HTML 5 and CSS 3

Website work: tjicco.com hanks-tianjin.com tiseagles.com lditek.com

NGO Restaurant Tianjin International School Website LDi Corp IT Department Website


My Works iAroma

Scent over the Internet

Hearo

Earphone

iReader

Reading Device


Project 1

iAroma

| Scent Over Internet

Sense of smell is an essential part of everyday life experiences. It not only creates an immediate response but also registers naturally in people’s memory, triggering strong and lasting personal emotions and experiences. What if we can collect an odor we like or even funny and share it over the internet? What if we can smell the food first before we make an order online? I want to propose a new way people interact with each other online—involving the sense of smell. In my project “iAroma”, I try to create a device that is able to collect, store and resythesize an odor people like and share it over the internet. To achieve this I did research of e-nose technology, primary odor and using it as a scent cartridge. Integrated with the technologies mentioned, iAroma is able to detect, decode, digitalize an odor so that it can be understood by a smart device, making sharing an odor as easy as sending a picture or a voice mail. iAroma is also able to resynthesized an odor stored by recalling the code and “print” it out from the scent cartridge.


Background

Senses involved in online communication

Inspiration

According to the survey of May 2015 by Statista.com, China, U.S., India, Japan, Russian Federation, Brazil, Germany, U.K. and Turkey ranks top in having most internet users in the world. As of the most recent reported period, there are over 3,17 billion internet users world.

Jinsop Lee, an industrial designer, introduced 5-sense design with one example interests me the most. It’s a scent clock that is able to emit five different scents at different times. So people are able to tell the time just by the smell. This design shows me that by incoperating the sense of smell, a brilliant product is made.

Till now all the designs in online communication involved only two of our five senses-the sense of sight and the sense of sound. Designers mainly focused on making things look very pretty, and a little bit of sound, which means we've ignored the other three senses.

U.K.

Russian Federation Germany Turkey

U.S.

Conventinal Design

Japan

Senses Involved

China India

Vision I had an epiphany. Why not add the sense of smell in online-communication? Why not spread some fragrance over the Internet? Imagine we can send and receive a facebook message of a scent of wine or twitter a scent message of a plant, or even share the scent of dinner to friend circle?

Brazil 5 Senses Involved(show in line) Sight Sound Smell-not involved Taste-not involved Touch-not involved Ranking Top High Medium Low

So I did the following research • • •

How does our nose work? Digital scent techonology: It is a technology to sense, transmit and receive scentenabled digital media (such as web pages, video games, movies and music). This sensing part of this technology works by using electronic noses. Primary odors and scent cartridge.

Scent Clock


Research

Research

Human Olfaction: How Does the Nose Work?

Scent Sensing Technology: E-nose LT

RESU Mitral cells

OLFACTORY SIGNAL

OLFACTORY CENTER

OLFACTORY BULB ODOR

Tufted cells Relate to memory

Olfactory bulb

R

Olfactory tract

VAPO

Lateral olfactory tract

Media olfactory tract Contralateral anterior olfactory nucleus

Piriform cortex

Entorhinal cortex Amygdala Preforant pathway

CEREBELLUM Emotion & Memory

Basal forebrain limbic structures

Hippocampus Prefrontal cortex

AL

SIGN

010100101010 010101000010 010101000010 111010110101 011101011010 010101010001

Memory

Recognition & Memory

DELIVERY SYSTEM

How are the odorants processed DETECTION SYSTEM The limbic system comprises a set of structures within the brain that are regarded by scientists as playing a major role in controlling mood, memory, behaviour and emotion. It is often regarded as being the old, or primitive, part of the brain, because these same structures were present within the brains of the very first mammals. Smell is an essential part of everyday life experiences and has the closest relations with brain. It not only create an immediate response but also registers naturally in people’s memory, triggering strong and lasting personal emotions and experiences.

COMPUTING SYSTEM

1010101010101011101010000101000010101000101 1010101000010001010111001001010101001010100 1110101010000101010001110100101010101010101

Electronic noses include three major parts.A sample delivery system, it delievers the sample and generates a vapor of ordrants to be processed; a detection system, it’s a sensor set that reacts to different odorant molecures and output the corresponding signal; a computing system, it transforms the signal to into a digital number, which means that the odorants are qualitatively and quantitatively analyzed.


Research

Ideation

Odor Categorizations

Components & Work Flow

Different categorizations of primary odors have been proposed, among others this, which relies on seven primary odors (with examples):

Scent Collection

Scent detected by te sensor

Musky perfumes/aftershave

Putrid rotten eggs

Pungent vinegar

Floral roses

Ethereal dry cleaning uid

Pepperminty mint gum

Camphoraceous mothballs

Inspiration: Use as Basic Elements for Existing Odors

Sensor

Processed by the E-nose chip Digital code for the scent generated

E-nose Chip

Digital code stored

Scent Synthesizer

I am wondering since the primary odor is proposed and the composition is able to be digitalized and reproduced by E-nose, we can use these 7 primary odors as the basic elements for all existing odors, in another word, all the exisiting odors can be synthesized by the primary odors.

Scent Synthesizing

Digital code is called out Processed by the Scent Synthesizer Scent generated by the Scent Cartriege

Synthesize

Application: Synthesize the Digitalized Odor Codes For my design, I would like to put the primary odors in a set and use it as a scent cartridge. Working together with E-nose, it withdraws the portion it needs to reproduce the digitalized odors E- nose decoded.

Reproduce

Scent Cartridge

Smell of a Rose in Digital Code

Synthesize

Smell of a Lemonade in Digital Code

Smell of a Rose

Reproduce

Scent Cartridge

Synthesize

Smell of a Tray of Food in Digital Code

Scent Cartridge with scent pore

I Present you iAroma

Smell of a Lemonade

Reproduce

Scent Cartridge

Scent emitted through Scent Pore

Smell of a Tray of Food

It’s able to sense, digitalize, store and reproduce a scent. Prototypes are created and senerios are created to demondtrate how it can be used.


Final Work

Prototype & iAroma

The prototype is created with details marked out on the left.

iAroma is the condensed device for better demonstration.

Scent Pore Scent Cartridge E-nose Sensor Scent Synthesizer E-nose Chip


Final Work

iAroma: Collect Your Faorite Odor Anywhere Anytime

Step 1

Odorant Detected

The E-nose sensor collects the scent and generates a signal. Signal of the Odorants are Generated

Step 2

Ordarant Detected

Receptors

Musky

Primary Odors Musky

Pepperminty

Pepperminty

Floral

Floral

Processed through the E-nose. The scent is qualitatively and quantitively analyzed.

Camphoraceous

Camphoraceous

Putrid

Putrid

Ethereal

Ethereal

Pungent

Combinatorial Receptor Codes for Odorants

Pungent

Quantify and Qualify Odorants

Space Distribution of Primary Odors

Step 3 Digital code for the scent generated and stored for future use.

Online Scent Library


Final Work

iAroma: Scent over Internet

Showtime

iAroma: Emit your favorite smell

Scent over Internet When browsing the webpage of food, I saw a cake that I would like to buy. The seller can put the scent of the cake online. The digital code of the cake is then called out and processed by the iAroma’s scent synthesizer. Smell of the cake is emitted out and I got to smell it. Great! I love it! I would like to buy one then.

Other Appliations Spread your favorite odor anywhere and anytime you wantďż˝


Project 2

HEARO

| Earphone + iPhone App

Earphones are a must-have for people nowadays. Many people use them to get away from the noise from the overall environment so that they can concentrate. They would bring earphones with them and try to flood the noise with music. However, one man’s music is anothe man’s noise. It ends up raising the sound level of the overall environment. So the solution that is supposed to reduce noise ends up creating more. What’s more, it also may cause potential communication and safety and security issues as it prevents useful information to be heard by the user. In my project “Hearo”, I try to provide a solution to this problem and make earphones more friendly and smart. Through survey and interviews, I get a better understanding about how people use their earphones, what problems they experience and how they feel about it. Focusing on four environments that people stay most frequently, integrated the Active Noise Control and sound recognition technolofy from research, Hearo allows users to enjoy music without raising the volume excessively and alerts the user when the sound of a source is detected, in which way it reduces the noise, improves communication between people and guarantee safety and security. Hearo App is also designed to work with Hearo Earphone. It’s able to monitor the sound level, add working mode and alert user.


Questionnaire of 570 respondents

With the development of mobile technologies, the use of earphones is increasingly popular when listening to music, songs, and speeches on mobile devices such as iPods, MP3, and smart phones. To best understand how earphoens are used and what are the improvements people want for the current earphone products, I have conducted 2 surveys with details listed below.

Analysis on User Background

Analysis on User Background 1. Do you have earphones/earbuds/headphones?

Gender

Male 47.7%

Number of Respondents

Background

Female 52.3%

1 survey study with 1 analysis on the User Background 1 on the earphone Usage Information

How the survey is conducted? I have pull out a survey online on Wenjuanxing.com-an online survey platform in China. People are rewarded with membership points after the completion of the survey.

���

Age <20

��

���

9.1%

20-29 78.9% 30-39

6.8%

40-49

3.4%

>49

1.7%

Has both MP3(or iPod) and smart phone with earphone

2. How long do use the earphones?

450 respondents

Number of Respondents

1 survey of sound level measurements to understand the sound level of ambient environment and earphone as well as the most comfortable experience.

60

Don’t have an MP3 or Has 1 device with Smart phone with earphone earphone

and

0

21

0

18

���

��

��

�� ��

��

��

�� ��

��

��

Points Wenjuanxing.com

Reward

��

� ������

������

������

������

������

������

������

Number of Hour Spent

Occupation

��

Student

59.1%

OL

28.3%

Specialist

6.2%

Other

6.3%

3. What kind of earphones do you use?

Most user’s choice

Headphone

12.9%

Ear-hook

2%

Earbuds

19%

Inear Earbuds

66.1%

������

������


th

e

st

he t

ai r

eli ng on t

5. Where do people use earphones? The majority of earphone users use their

7. Tr av el by

n

5 . E xce rcis ing

way sub

O

4. Jogging in a park

the

1.

3. On the bus

n 2. O

4. What functionalities do your prefer?

rai n

Questionnaire of 570 respondents

6. Tr av

Background

re

8.

et

In

earphpnes at the following places:

r

a yc

m

• • • •

er

h

Ot

On the street On the transportation Home Office

Outdoor

noise cancelling 9. O ther

foldable

1. Home

other

Indoor ket

rmar

with microphone

7.

User NO. of people prefer Noise cancelling

fic Of e

3. Gym

4. Study Room

d

NO. of people prefer other

y be

NO. of people prefer Microphone

Outdoor

5. In m

NO. of people prefer wireless

Most user’s choice

Indoor

2.

NO. of people prefer Foldable

p

Su

et

ark

erm

R C est af au et ra er n ia t

wireless

6.

upe 8. S


Research

Common Problems & Scale Matrix NO 1

NO 8

NO 15

NO 22

NO 29

NO 36

NO 43

NO 50

NO 57

NO 64

NO 71

NO 78

NO 85

NO 92

NO 99

NO 2

NO 9

NO 16

NO 23

NO 30

NO 37

NO 44

NO 51

NO 58

NO 65

NO 72

NO 79

NO 86

NO 93

NO 100

NO 3

NO 10

NO 17

NO 24

NO 31

NO 38

NO 45

NO 52

NO 59

NO 66

NO 73

NO 80

NO 87

NO 94

Survey Question I intervewed 10 people around me to better understand what probems they may encounter while using earphones and I got 9 situations. (See the survey questions section on the right). They can be summerized as noise, communication and safety & security. To understand how much each situation troubles people in a larger scale, I did an online servey. Here are data reduction from 100 respondents.

NO 4

NO 5

NO 11

NO 12

NO 18

NO 19

NO 25

NO 26

NO 32

NO 33

NO 39

NO 40

NO 46

NO 47

NO 53

NO 54

NO 60

NO 61

NO 67

NO 68

NO 74

NO 75

NO 81

NO 82

NO 88

NO 89

NO 95

NO 96

On a scale of 1 to 5, how much each of the following problem trouble you when using earphoens? 1.

I can’t focus because of the noise around me.

2.

I am troubled by the music from other people’s earphones.

3.

music. 4.

Interview Number

I miss my stop because I could not hear the reminder on a bus.

NO 6

No.1

I try to get away from the noise around me with

Always

NO 13

NO 20

NO 27

NO 34

NO 41

NO 48

NO 55

NO 62

NO 69

NO 76

NO 83

NO 90

NO 97

Result

5.

reminder on the subway. 6.

Sometimes

Q1

Q2

Q3

Seldom

Q4

Q5

Q6

Q7

Q8

Q9

I miss my stop because I could not hear the I can not hear other people calling me when I’m wearing my earphones.

NO 7

NO 14

NO 21

NO 28

NO 35

NO 42

NO 49

NO 56

NO 63

NO 70

NO 77

NO 84

NO 91

NO 98

7.

I can’t hear the warning from people.

8.

I can’t hear the car beep on the street.

9.

I got hit (or nearly) when i’m transpassing the intersection with earphones on.

Never

A lot


Research

Sound Level Measure

Repondent 3

Repondent 2

Repondent 1

This survey on sound level measurements is to understand the sould level of ambient environment, sound level of earphone when playing music or any audio. 10 Volunteers are all asked to test and record in four places ( on the street, translortation at their choice, at home and in the office) 5 times each respectively. The average score is shown here. The result shows that the sound level of the earphone is always a bit higher than the ambient environment. This could affect user’s listening ability with the time goes by and it also could result in communication, safety and security problems. The overall result shows that this is a very common problem but is not taken care of.

How is the survey conducted?

Earphone

Ambient

Repondent 4

Earphone

Earphone

Ambient

Ambient

Repondent 6

Repondent 5

Environment

Earphone

Ambient

Repondent 7

On the street

On the transportation

Home

Earphone

Earphone

Ambient

Repondent 8

Ambient

Repondent 9

Office

Earphone

Equipment Noise Meter APP

In-ear Earbuds

It is used as a standard meter to measure and record the noice level of earphone and ambient environment.

10 volunteer are distributed with the standard earbuds.

Ambient

Repondent 10

Earphone

Earphone

Ambient

Average On the street On the transportation Home Office

Earphone

Ambient

Earphone

Ambient

Ambient


Research

Sound Level that is Pleasant to the Ear & ANC Technolofy

According to the standard issued by the Hearing Health Center (HHC) , here’s a diagram of how people feel about each sound level. The diagram can be used as the standard to evaluate whether the user is using the earphones in a way that won’t hurt their ears or cause any communication, safety and security problems.

0-70 ��

Pleasant

80 dB

OK

90 dB

Very noisy, but bearable

90 dB up

Unbearable

Noise created by external source

How does ANC work Noise-cancelling headphone adopted ANC (Active Noise Control) technology and makes it possible to enjoy music without raising the volume excessively. For example, It can also help a passenger sleep in a noisy vehicle such as an airliner. Noise-cancelling headphones increase the signal-to-noise ratio significantly more than passive noise attenuating headphones or no headphones, making hearing important information such as safety announcements easier. Noisecancelling headphones can improve listening enough to completely offset the effect of a distracting concurrent activity.

Sound wave created by headphone speaker

Electronics

Speaker

Microphone Silence


Research

Sound Recognition

Demondtration of Sound Recognition

Noise-cancelling headphones specify the amount of noise they can cancel in terms of decibels. This number may be useful to compare products, but does not tell the whole story, as it does not specify noise reduction at various frequencies. That’s why i would like to incooperate the sound recognition technology for better noicecancelling and sound recogonication.

Sound recorded

Sound recorded

Source of the Sound Identified

Source of the Sound Identified

Background Noise

How it works

Baby Crying

Traffic

Wife Talking People Talking

The sound recognition equipment record an audio sample. According to the frequency and pattern of a sound, sound recognition equipment is able to identify the source of the sound. I’m trying to use this technology to identify the sounds that may affect communication as well as the safety and security in the following four settings. So that My design Hearo is able to cancle the noise the user does not need and invite in the sound that the user wants.

Home

Motocar Horn

On the street

Neighborhood Noise

TV

Sound recorded

Source of the Sound Identified

On the transportation

Sound recorded

Train track

Source of the Sound Identified

Reminder

Office People talking

Neighborhood Noise Baby Crying Wife Talking

Door closing

TV


Final Work

Questionnaire of 570 respondents

Pleasant

Indicator Light

OK

Different color of the light tells how your ears feel with the current volume.

Very loud, but bearable Unbearable

Noice Control Module Control Center

ANC Chip

Smart Display

Microphone

Healthy Level

Unhealthy Level

It picks up the sound around the user and identifies whether it’s noise or useful information. It cancels the noise and lets in the information.

It works with the Indicator light and smart display to remind the user of potential harm to the ears if the volume exceeds the healthy level.

It displays the noise level of the overall environment and source of the sound detected.


Final Work

Senario 1: Hearo’s effect in reducing the noise

After

Before

Noise created by external source

Sound wave created by Hearo

Silence

Setting: Office Aminent dB level: 78 dB

User: Jane Jane puts on her earphone. Earphone dB level: 88 dB

The noise from the overall environment starts affecting Jane. It could be from people taking, typing, phone ringing, door cloding, etc. Aminent dB level: 100 dB

Because of the effect of the noise from the overall environment, Jane raised the volume of music to flood the noise. Earphone dB level: 120 dB

Result: The noise level of the environment increased. People could be unhappy about Jane or put their earphones on and the cycle continues. It is very harmful to Jane’s ears.

The tiny microphone Noice Control Module picks up the noises around Jane and then the module plays a singnal that’s out of phase with the unwanted sounds to offset the effect of a distracting. So Jane does not need to raise the volume and is able to enjoy music without raising the volume excessively.

The color of the Indicator light changes according to the earphone volume. Hearo will also beep to remind Jane when the music gets too loud.

Pleasant OK Very loud, but bearable Unbearable

Healthy Level Unhealthy Level


Final Work

Senario 2: Hearo’s effect in allowing better communication

Before

Setting: Office Aminent dB level: 78 dB

After

The noise from the overall environment.

Result

Mary’s voice

• • •

Music coming from the earphone overides Mary’s voice and Jane has no respnse to Mary. Earphone dB level: 120 dB Aminent dB level: 110 dB Mary’s voice: 85-95dB

Mary might be unhappy about Jane. Mary might need to come closer with a louder voice. Mary may need to tab her shoulder and let her know she needs to talk to her.

Hearo detects Mary’s voice and lowers the volume of music, which allows Jane to notice Mary and talk to her freely. She does not need to take off the earphone.

Hearo making hearing important information such as the voice of a specific person easier thus improves communication between people when using earphones.


Final Work

Senario 3: Hearo improves safety and security

Before

Setting: On the street Aminent dB level: 88- 120 dB

After

Accident may happen on the street due to: • •

Music gets too loud that the user may not be able to notice the potential danger; or the user may not be able to react in time.

As shown in the Senario 1 that Hearo allows users to enjoy music without raising the volume excessively. It will free the user from the first kind of danger.

The microphone picks up the sound of an imncoming car and identifies it. The safe distance between vehicle and pedestrain is set according to the vehicle speed. Hearo is aware of the vehicle when it gets near and warns the user with the “beep” sound and the indicator light turns red and blinks. This is to warn both the driver and the user. It is an important feature if the user likes to go out for a run at night.


App Wireframe

Wireframe, Progamming & UI Programming

Wireframe Dashboard Day

Week

Home

Average: 76dB

Hearo

Dashboard

Month

Year

Average: 85dB

Week

0.5h

Home

3 h

O!ce

till 7: 28pm

O!ce

Day

till 3: 28pm

Dashboard

Month

Average: 76dB

Year

Week

23.2 h

Home

18.1 h

O!ce

till 7: 28pm

Average: 85dB

Day

till 3: 28pm

Month

Average: 76dB

Dashboard Year

103 h

Home

62 h

O!ce

till 7: 28pm

Average: 85dB

Day

till 3: 28pm

Week

Month

Dashboard Year

105 h

Average: 76dB

till 7: 28pm

64.1 h

Average: 85dB

Final App

till 3: 28pm

Day

Week

Month

Home

Year

0.5h

Average: 76dB

till 7: 28pm

Hearo

Show graph Show all data Add data Share

Stef

Dashboard

Mode

Sources

Dashboard

Mode

Sources

Dashboard

Mode

Sources

Dashboard

Mode

Sources

Dashboard

Mode

List Day

Calendar

Home

Tue

Sources

Calendar Wed

Thu

Fri

1

2

3

4

5

6

7

8

9

10

Subway

11

12

13

14

15

16

17

Shopping

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Delete

Sources

Wechat

Sources

Hearo Earphone

Mode Chosen Mode Chosen

App

Allow Wechat to Read Wechat

Week

Month

Home

Year

23.2 h

Average: 76dB

Sat

O!ce

Playground

• Alert user • Add working mode • Monitor sound level

List Sun Mon Day

42%

Dashboard

Sources

Day

Hearo App works together with Hearo Earphone to monitor your earphone and ambient environment sound level. Main functions are listed below:

9:41 AM

till 7: 28pm

Allow Hearo Earphone to Read

Hearo

Hearo

Devices Hearo Earphone

O!ce

18.1 h

Average: 85dB

Home

till 3: 28pm

O!ce

Layer one Layer one Layer three

Dashboard Dashboard

Mode

Sources

Dashboard

Mode

Sources

Dashboard

Mode

Sources

Dashboard

Mode

Sources

Dashboard

Mode

Sources

Mode

Sources


Project 3

iReader

| Reading Device

The invention of ebook starts a revolution. It joins print book in providing an unique reading experience. eBook sales increased greatly globaly in the past few years and may surpass print book in the near future, however, people enjoy both ebook and print book. With different benifits provided by each but cannot be all met by either, people find themselves caught in a dilemma in choosing whether ebook or print book. Why do we have to choose between ebook and print? Why can’t we enjoy an integrated reading pleasure? In my design scheme of iReader, I aim to provide reader a new reading experience by integrating the benefits of both print book and ebook and empowering book to interact with people. Through my investigation and analysis on reading experience, I found that the sense of achievement, connivence and connection are extremely crucial to readers. To meet these needs and add more interaction between reader and book, I did rearch in e-paper, FOLED, eye tracking and portable printing technology and proposed two majoy functionalities, Smart Display and Snap Print. I now present you iReader.


Background

Global Sales of Books & User Preference

eBook is getting more and more popular nowadays. According to a PricewaterhouseCoopers study published by the Economist, by 2018, the ebook is set to surpass print in in the United States and the United Kingdom while China will see a big increase in sales of ebook in the years to come.

Reader’s Prefernce: eBook or Print Book

51% both

Many people say they love both, they choose ebook or print book according to where they are and what book they are reading. Some people say when they buy an ebook, they also buy a paper copy or vise versa.

Book Market Development forecast (in billion U.S. dollors) Consumer Book Sales from 2009 to 2018

Print 2014

eBook 2014

Print 2018

eBook 2018

U.S 20

* eBook to Surpass Print in 2018

12

** Big Increase in eBooks Sales in 2018

Print and audiobooks

Ebook

15 10 5

9

0

6

28% only printed book 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018

China 20

3

Print and audiobooks

Ebook

21% only ebook

15 10

0

5

U.S. *

Japan

Germany

China **

Italy

Britain *

0

2009 2010 2011 2012 2013 2014 2015 2016 2017 2018

According to the online survey of 409 respondents by Xinhua Newspaper Jan 28 2014, the reality we seem to be facing right now is that both ebooks and print books are popular. Both have people who enjoy them. Many people even enjoy both.


Background

eBook vs. Print Book-User Experience

User’s Evaluation on Core Features & eBooks and Print Books’ Contribution towards Critical UX Traits Print book excels in making conenction with people and creating more sense of achivement while ebook is considered much more convient than print book. The experience of the thickness of print book and texture of paper are unmatched by ebook, while ebook also has advantages over print book in its handiness and portability.

Smell of the book

Touch of the paper

Flip of the book Tracking the Progress

Bookmark

Eco-friendly

Attention Focusing

Notetaking

Money Saving

Design Direction

eBook

Print Book

ch

om

zo

tou

in ut

&o

ya

n

arr

re

ree

sc

on cti

c to

era

int

sy

nt pri

rou nd

UX Index

ea

xtu r te pe pa ss ne

lor

ck

thi

co

Core Features User’s Evaluation of Each Core Features

Ebook

Printed Book

Connection

Convenience

Sense of Achivement

To achive this, I did my research in e-paper, FOLED, eye tracking and portable printing technology.


Research

Research

E-paper Color Display Techonology

I look into the E-paper (Electronic paper) techhnology as it’s a display technology that mimic the appearance of ordinary ink on paper. It displays reflect light like paper. This

may make them more comfortable to read, and provide a wider viewing angle. An ideal epaper display can be read in direct sunlight without the image appearing to fade. It’s

FOLED: Bentable Display

A flexible organic light emitting diode is a type of organic light-emitting diode (OLED) incorporating a flexible plastic substrateon which the electroluminescent organic semiconductor is deposited. This enables the device to be bent or rolled while still operating. Currently the focus of research in industrial and academic groups, flexible OLEDs form one method of fabricating a rollable display.

widely used on ebooks, however, it’s usually in black and white. Flexible OLEDs may be used in the production of rollable displays, electronic paper, or

bendable displays which can be integrated into clothing, wallpaper or other curved surfaces.

E-paper Color Display One step further towards print book alike display would be to display the content in color. This technology is now avaiable.

R: Red G: Green B: Blue

E-paper Sheet

Scheme of an electrophoretic display using color filters. Backplane

E-paper Color Display Illustration

Application It’s exciting to see that that e-paper is able to create the appearance of ordinary ink feel on paper and FOLED enables materials to be bentable like paper. What’s more, they are able to work together. These existing technologies will help me create a design that enjoys the best part of eBook and print book, which is, the convience of eBook and the look and touch of print book. Based on the curent findings and to make my design more interactive and fun, I would like to add the following features: • iReader gradually displays the content of the book according to the reader’s reading speed. It looks like the book is writing it out by itself. • When finished reading one page, iReader will print out that page just like taking a polaroid photo. Reader can easily tell how much he/she had read with the thickness of the stacked paper which increases the sense of achievement. To make it happen, I also looked into the eye tracking and portable printing technology.


Research

Eye Tracking Technology & Portable Printing Portable printing technology conviences people that they can print their own documents easily on the go. Here are some examples. They are small in size and light in weight so it’s very easy to carry around.

2

Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo fringi. vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,

1

Microprojectors create reflection patterns on the eyes.

3

The eye tracker incorperates near-infrared microprojectors, optical sensors and image processing.

Image sensors register the image of the user, the user’s eyes, and the projection patterns, in real time.

venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus

4

elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac. An example of eye movement tracking result

5

Gaze Point

Eye tracking is the process of measuring either the point of gaze (where one is looking) or the motion of an eye relative to the head. An eye tracker is a device for measuring eye positions and eye movement. Here’s an illustration of how it works. With this technology, iReader is able to track the reader’s reading speed and adjust displaying speed accordingly. Therefore, the interaction is created.

The Eye Tracker

Image processing is used to find features of the user, the eye and projection patterns.

Mathematical models are used to exactly calculate the eyes’ position and the gaze point.

I try to integrate it into my design for iReader to mimic the experience of print book on a ebook frame. The effect is two fold: Imagine this, the page I just finished can be print out in a snap at my choice, just like taking a polaroid picture. In a way, it creates fun interaction between me and the book and the more I read, the more pages I have. I will get a book when I finish reading it. The book is a piece of work of mine. Though I did not write the book, I feel like I’m the owner of this unique book, just like the Polaroid picture -- the scenery is not mine but the picture is . This great sense of achivement improves user experience and make you want to read more. It seems that everything’s all set. My goal of the design is to satisfy the reader’s need of sense of achivement, convience and hands-on experience. To do that, the two major functionalities are Smart Display and Snap Print.

How Eye Tracker Works Smart Display Snap Print

Sense of Achivement Convenience Connection


Final Work

Structure

Conclue from the previous research of techonologies involved, here’s structure of my design. Material & Structure

Touch screen E-paper sheet: color display Integrated with the FOLED: bentable paper texture

Backplane: for protection

Paper texture: touch like paper

Snap Printing

Microprinter: Print out the page that reader had finished in a snap.

Smart Display

If your eyes move fast/slow: reading fast/slow iReader will catch up your eye movement and adjust its display speed accordingly. Eye tracker: It tracks the movement of eyes and displays the contents of the book accordingly.

If you look away iReader will stop and stay where it was. It will continue when you get back to it.

The iReader & reader interaction is amazing iReader is interacting with you when reading. When you lay your eyes on iReader, you send out a signal. iReader calculates the eyes’ position and gaze point. It “talks” back to you by displaying several more lines ahead of your gaze point. When you stop, it will stop. When you speed up, it will catch up.


Final Design Final Work

Demonstration

Smart Display

Zoom in. Zoom out.

Snap Print iReader reading plane Page printed

The iReader & reader interaction.

Paper Texture. Bentable.

Color display.


My Works

Thank you for your time


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.