Thesisbook v7st

Academy of Art University Graduate School of Web Design & New Media

VOYANCE

Bring places you imagine to be to your window

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI (03167931)

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

TABLE OF CONTENT 04 06 08 10 24 26

2

Personal Introduction Résumé Theme and Seed Ideas* Primary Idea Concept Video Competitors and Inspiration

30 32 36 42 46 50

Mood Board Target Audience Key Persona User Story Task Flow Content Plan

51 52 54 56 57

Testing Plan Technical Summary Timeline of Classes Bibliography Resources

3

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Personal Introduction Before returning to Academy of Art for my master degree, I got my BFA in graphic design also here at AAU. I started my first internship at Oskoui+Oskoui, Inc. designing websites and web-based apps for 20th Century Fox and Disney. After the internship ended, I was hired by ICON Aircraft as their graphic designer to elevate all aspects graphic works. I had an amazing journey working with pilots and designers from BMW Designworks, Honda R&D, and Smart Design on many print, web, and flight training materials.

Beginning of 2015, I decided to come back to school because I want to become an UI designer inside the automotive industry. I want a solid fundation and the knowledge of UX to create usable works.

4

5

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Résumé Objective

Honors & Awards

To contribute my skills and knowledge as a graphic designer inside a creative team, solving challenging problems and gaining experience.

New Talent Annual 2015 “Aero Store” Packaging Design – Group Project See More

Education

Packaging of the World Lamborghini Skin Care See More

Academy of Art University—San Francisco, CA MFA school of Web Design & New Media BFA school of Graphic Design

Jan 2015 – Present Jan 2010 – Dec 2013

Professional Experience Steco Shipping Company / Intern Dieline Conference / Volunteer Oskoui+Oskoui, Inc./ UI/UX Intern ICON Aircraft / Graphic Designer

May 2009 – Sep 2009 Jun 2013 – July 2013 Jan 2014 – May 2014 Jun 2014 – Jan 2015

Creative Quarterly 37: Runners-Up See More

Reference Furnished upon request

Skills Adobe Creative Suite Sublime Text HTML & CSS

6

7

Theme and Seed Ideas*

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Thesis Abstract If you could afford to live anywhere in the world, where would you want to be?

What about wold most beautiful cities like Paris, Venice, Budapest? or.. places that gives you serenity like an island, under the sea, In the jungle, outer space?

Imagine an app could convert everything you see, the sound you hear through your windows into anyplace in real-time you dream of.(Unlike replaying a video, every time you look out the window will not be the same.) You would be able to create and control different weather, different sound to help you focus or relax at your will.

10

11

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

Statement of Interest Due to the resources, educations, transportations, family, and parent’s work locations, I’ve been living in big cities most of my lifetime. Instead of seeing cars and busy pedestrians through the window, I always wonder what is it like to live in the wild safari, the forest or just a small beautiful village.

I usually walk up more naturally when the sunlight penetrates in. I also gets a much deeper sleep when I could hear the raindrops falling on my windows. For this thesis idea, I want to bring people closer to the environment wheverever they dream to surround by and inspire from.

12

13

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

75% % of citizens have passports

308 million-plus citizens in the United States, only 30% have passports.

60%

30%

UK

14

Canada

USA

15

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

Cultural and Geographical Diversity America has it all: “From the mountains, to the prairies, to the oceans, white with foam,” as “God Bless America” proclaims.

16

COURSE INTERACTIVE DESIGN & CONCEPTS

Work Culture Many Americans follow the same pattern: work hard in high school, go to college, accrue a load of debt and get a job right away to work it off, Arndt said. The United States doesn’t promote taking a year off between major life phases like New Zealand or the United Kingdom.

Skepticism and Ignorance

Cost and Logistics

We buy goods from Sri Lanka and outsource business to India, but when it comes to traveling to these destinations, Americans would rather stick close to home.

The 30.3 million Americans who traveled overseas for vacation in 2009 spent an average of $2,708 each -- including airfare, lodging and other expenditures, according to the Office of Travel and Tourism Industries. It seems that getting there is about half the battle: Average airfare per person was $1,177.

17

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Influence 01: Jayse Hansen Jayse Hansen is a pure geek. He’s also a freelance designer working remotely from Las Vegas, NV for film and television. His latest work has been in the specialized ultra-niche area of fictional UI (FUI) and data design for feature films such as Rise of the Planet of the Apes, Iron Man 3, The Avengers, The Hunger Games: Mockingjay I and II, and Disney’s Big Hero 6.

18

19

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

Influence 02: Bureau Oberh채user Bureau Oberhaeuser is a design studio focused on Information- and Interface Design. The Bureau was founded in 2011 in Hamburg by award-winning designer Martin Oberh채user.

Formerly known as oberhaeuser.info the company evolved into a GmbH (LLC) in 2013 and was renamed Bureau Oberhaeuser.

20

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Influence 03: Elon Musk “When something is important enough, you do it even if the odds are not in your favor.“

22

23

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Concept Video 24

25

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Competitors & Inspiration

26

27

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

VOYANCE

COURSE INTERACTIVE DESIGN & CONCEPTS

SWOT Analysis

Competitive Analysis VOYANCE

GLARE REDUCTION

hh Real-time experience

hh Limited to autonomous houses

hh Reconfigurable environment

hh High initial cost

hh Multiple locations

DAYLIGHTING

WE AK N

S TH

S SE ES

ST RE NG

hh No direct competitors

HEAT REJECTION

TINT ADJUSTMENT

BLIND

SOCIAL MEDIA

PO

NI TI

INTERACTIVE INTERFACE

RE

OP

TU

AT S

YELP

ES

TH

hh Partnership with homeowners

hh Not enough autonomous

house market

hh Interactive window market for autonomous car

hh Property get stolen hh Private property might lead to lawsuit

WATCH VIDEO

MOBILE APP SUPPORT

REAL-TIME EXPERIENCE

MULTIPLE LOCATIONS

RECONFIGURABLE ENVIRONMENT 28

29

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Mood board & Typography board

30

31

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Primary Users Ambitious, imaginative, observant, mid-lower class city dwellers (designers, young actors/actresses) NEEDS

Motivation

32

Inspiration

Relaxation

33

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Secondary Users Delicate, adaptive, capable, middle class city dwellers (VPs, managers).

NEEDS

Eat Well

34

Daily Lifestyle

Achievement

35

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Key Personas 01

PERSONAL BACKGROUND Riley just got her first job in a mid-sized consulting firm as a junior designer. Although she loves to explore different places and cultures, she can’t afford to own a car in the city. Her inspirations and researches are heavily rely on the Internet. She needs another source of spark to populate creative works to put her name on the map.

Riley, 22

Skillful Fearless Sensible Graphic Designer Status Single

Nothing is impossible, the word itself says ‘I’m possible’!

36

Location San Francisco

Housing Rent

Education Graphic Design

Tech Savvy 4.5 Stars

Main Gear iPhone 6, MacBook Pro

Most Used App Shazam, Linkedin, Dropbox, Notes

Salary $50,000

Transportation Muni and Bike

FAVORITE BRANDS

NEEDS

Motivation

Inspiration

Relaxation

37

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Key Personas 02

PERSONAL BACKGROUND Erika is a Japanese actress, who has a few recognition in films. She’s been on numerous auditions to try out bigger roles in movies, but none of the producers see her potential on screen yet.

She needs an environment to help her engage more with the roles she is trying to portray.

Erika,32

Ambitious Imaginative Observant Actress Status Single

Intelligence without ambition is a bird without wings.

38

Location Tokyo

Housing Rent

Education Acting

Tech Savvy 3.5 Stars

Main Gear iPhone 6s, MacBook

Most Used App Facebook, Twitter, Instagram

Salary $60,000

Transportation Taxi

FAVORITE BRANDS

NEEDS

Motivation

Inspiration

Relaxation

39

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Key Personas 03

PERSONAL BACKGROUND Joshua is a product manager at Trident Case.

He loves his job, and he works 40–60 hours a week. Even though he owns a house in Irvine, he still decided to rent a small apartment near the his office due to the long commute. He’s been dealing with stress and sleep problem for quite some time. He needs environment to help him relax and get rejuvenated.

Joshua,28

Delicate Adaptive Capable Product Manager Status Single

Live life for the moment because everything else is uncertain!

40

Location Irvine

Housing Rent

Education Design & Marketing

Tech Savvy 5 Stars

Main Gear iPhone 6, PC

Most Used App FB Messenger, Line, WeChat

Salary $90,000

Transportation Car

FAVORITE BRANDS

NEEDS

Eat Well

Daily Lifestyle

Achievement

41

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

User Story Light

!"# " $%

Emissive Layer

#&' +-./0-123.44556

Conductive Layer *156-

(#)*

Anode

Wifi Camera

Substrate

Light

This is Sandy, and she works at a small consulting firm in San Francisco

Due to the resources, educations, work, Due to the resources, educations, work, and transportations, she’s been living in and transportations, she’s been living in big cities her whole life. big cities her whole life.

+#,%' 768-19./-12*156-2

Voyance is a transparent 1mm OLED glass film rolls up like paper, allows you to see and interact with the location of your choice.

Getting up From bed

Thoughts

Daily Lifestyle

Emotions

Activities & Hobbies

Creativity

VOYANCE

Moods

42

We’ve discovered Sandy’s lifestyle has reflected on many city dwellers all around the globe. The ones who need to relax, inspire and connect with the real world.

We want to bring the beautiful and exciting views ,the views only the billionaires could have to your window by introducing Voyance.

Relax

Life Skills

Social Life

When she gets home from work at night, she closes her curtain for privacy and distraction from the outside.

Your window will immediate link with our capturing devices after the installation.

Clothing Choice

Food Choices

VOYANCE

All you need to do is applying film on your window

Productivity

It has proven that the environment we surrounded by could influence us in many ways.

How do you use it?

Simply touch the Voyance surface to enable the controller interface. Touch anywhere you like.

As the user select “Relax”, Voyance will help you find the location to project on your window.

43

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Relax > Paris

After the user select an destination, simply expand to full scale or manipulate the weather from the menu.

Once the scene is in full-screen, the user could also interactive with the glass.

When you don’t know what you want for your scene, tap on the “Discover” icon to explore from the map.

VOYANCE Discover

When you don’t know what you want If you have a killer view outside your for your scene, tap on “Discover” icon to window, make some money by sharing explore from the map. it with million of others.

Voyance mission is bring people closer to the existing environment to their window even if they can’t be there at the moment.

45

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Primary Task Flow ff Step 3: Simply sync the view on to the display

ee Step 1: Enable the app on the tablet

dd Step 2: Select a view to project on their window

ee Step 4(optional): Create weather “Effect” on your selected location

46

47

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Secondary Task Flow ee Step 1: Enable the app on the tablet dd Step 2: Select “Discover” icon on top to enable the map

cc Step 3: Simply sync the view to the display

48

49

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

Content Plan Design / Functionality: Html, Css, Javascript, Php Live Video: Drone Placeholder Video: Self record, Online Purchase Text: Myself & Language Support Map Data: Google Map Api

COURSE INTERACTIVE DESIGN & CONCEPTS

Testing Plan PAPER PROTOTYPE

A/B TESTING

1ST REVISION

INVISION PROTOTYPE

USABILITY TESTING

2ND REVISION

PROJECTED USABILITY TESTING

Technical Summary

Relax > Paris

Framework: Bootstrap Livestream Service: Livestream or Twitch Software: OBS Libraries: jQuery Mobile Hardware: Epson BrightLink Pro, Leap Motion, Apple TV 50

51

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Technical Specification SOURCE

ENCODING

LIVE STREAMING

VIEWING

Wireless

52

53

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

COURSE INTERACTIVE DESIGN & CONCEPTS

Timeline of Classes MIDPOINT

PROTOTYPE / UX TESTING

BACK-END DEVELOPMENT

VISUAL DESIGN

FIANL REVIEW

START

FINISH

UNITS

9

6

9

9

6

9

9

6

TOTAL

9

15

24

33

39

48

57

63

Spring 2015

Summer 2015

Fall 2015

Spring 2016

Summer 2016

Fall 2016

Spring 2017

Summer 2017

WNM 601: Inside Programming

WNM 608: Web Technology 1

WNM 810: User Experience

WNM 801: Motion Graphics

WNM 830: Visual Design

GLA 602: The Art & Ideology of the 20th Century

GLA 603: Anthropology: Experiencing Culture

WNM 900: Internship

WNM 606: Principles of UX

WNM 643: Interactive Design & Concepts WNM 695: Automotive UI

WNM 655 : Masters Portfolio

GLA 607: Art & Ideas Of The Enlightenment

WNM 801: Scripting Mobile Application

WNM 665: Interactive Storytelling

WNM 617: Mobile Web Technology

WNM 695: Automotive UI

WNM 801-16: Group Directed Study: Content Management Systems

WNM 613: Topics in Motion Graphics

54

GLA 610: Balancing Creativity And Profitability

GLA 601: The Renaissance Art World & Its Classical Origins

55

VOYANCE

MFA MIDPOINT PROPOSAL

BY SAMPSON TSAI

Bibliography 12 Most Tornadic Ways the Weather Influences Your Life http://12most.com/2012/01/06/12-tornadic-ways-weather-influences-life/

COURSE INTERACTIVE DESIGN & CONCEPTS

Resources SAN GUNAWARDANA Enview Co-Founder & CEO

Minotoring Read-Time Environmental Performance http://www.boeing.com/commercial/aeromagazine/articles/qtr_03_09/article_07_1.html

How a Trackimo GPS Tracker Saved My Drone and Wallet http://www.trackimo.com/index.php/en/blog/253-how-a-trackimo-gps-tracker-saved-mydrone-and-wallet

Online Video & Live Streaming Resources

After finishing a PhD in aerospace engineering at Stanford, San went to Afghanistan where he combined data analytics and remote sensing to detect threats and prevent incidents. San is excited to apply those insights to help the energy sector solve impactful problems. San has done computer vision at NASA, built imaging satellites with the Air Force, and was an early employee at ICON Aircraft.

https://www.ustream.tv/information/resource-center

View – A More Intelligent Window http://viewglass.com/videos/a-more-intelligent-window/

Launching 101: First Weather Balloons, Then Rockets http://earthobservatory.nasa.gov/blogs/fromthefield/2013/02/26/launching-101-first-weatherballoons-then-rockets/

Why Natural Light is Better Than Artificial For Your Vision http://www.bristolite.com/blog/daylighting-and-your-eyes-why-natural-light-is-better-thanartificial-for-your-vision/

LG’s 1mm OLED Wallpaper TV https://www.youtube.com/watch?v=0h1MgIWLG1U

56

DAMOND HEDLEY Data Systems Architect Damond has over 20 years of experience in architecting petabyte-scale databases, remote sensing, and GIS/web mapping. He was previously at DigitalGlobe where he architected the back-end delivery of satellite imagery for clients including Apple Maps, Google Maps, Nokia Here, and TomTom. Damond’s mission at Enview is to make geospatial big-data more accessible and actionable.

57