t
i o
fo l
a n g ’s
P
or
Y u nha n W
WHO AM I？
Trust me，she is good！
Experience E d u cat io n
Yunhan Wang
Toms shoes Christmas promoting project
Nanjing Forestry University
design Trainee
B.Eng in Urban & Rural Planning
08/2018
09/2016-09/2019
I am an Urban Planning student（b.1997），and live in Shanghai. I believe all kinds of design have universal roots which aim to perceive the nature of
Ogilvy (Hong Kong) C³Innovation Camp
Wuhan2020 Information Service Platform
things. Holding a goal to be a T-shaped interaction designer，I wish to
I nte r n s h i p
Data/Product Volunteer
engage in user research，design thinking and technology，and do some
Shanghai Mass Thinker Industrial Design Consulting Co., Ltd.
01-02/2020
society-related and business-oriented projects in the future.
Ford’s BEV intelligent cockpit innovation project User experience research & UX
C o n ta ct
03-10/2020
Technical
Email：dawnyhwang@163.com Tel： （+86）18851663866 Wechat:WYHkim1215 Website：findyunhanwang.com
Skills
Zhejing Smart TechInc.& Zhipu Precision MachineryInc.
High level in Adobe Creative SuitesFamiliar with 3D software and Arduino
Visual Design
Language
09-10/2018
Native Mandarin Speaker, fluent in English
CONTENTS
Ready？Go！
01
02
03
04
05
01BEL！
02 FORD CX771 WMM
03 PARALLEL UNIVERSE
04 FENG SHUI MASTER
05 OTHER WORKS
Interaction Device
Experience Strategy Innovation
Concept Design App Design
Concept Design Game Design
Architecture Model Urban Design Interaction Design Commercial Video
01 BELďź
INTERACTION DEVICE
To establish a sense of trust for cyclists in roads dominated by autonomous vehicles.
Individual Project
2020.8-10
OBSERVATION I found several communication issues between cyclists and motor vehicles. I found several communication issues between cyclists and motor vehicles.
The car turns right, and the cyclist goes straight.
The front bicycle waits for the traffic light and blocks the rear bike from turning.
The cyclist turns to the side to stop, reminds vehicles ahead and behind.
The cyclist prompts pedestrians to pass.
The car pulls over suddenly, and the cyclist may be too late to stop or turn.
Retrograde ahead!
The car pulls over, and the cyclist suddenly hit an open car door.
The cyclist wants to overtake the vehicle or pedestrian ahead.
FUTURE CONTEXT Soon, autonomous driving technology will be developed to level L3-L4, and the recognition technology and communication system of advanced autonomous vehicles will be upgraded accordingly. Advanced autonomous vehicles will combine environmental sensory sensors, positioning sensors, and other sensory devices to assess and predict the form and status of road objects. The external communication techniques of advanced autonomous vehicles will exhibit the aspects of multi-carrier combination, including lights, projections, screens, and speakers. With the development of autonomous driving technology in the future, the communication issues between cars and cyclists have been alleviated due to the enhancement of smart car sensory devices and communication systems; however, there are few studies focusing on cyclists’ perception of autonomous cars. Regarding communication, the issue of bicycle communication needs to be solved urgently.
USER RESEARCH - INTERVIEW
- QUESTIONNAIRE Seven - The Experienced Cyclist Age：28 Driving age：18
“13% of drivers say they would never use a driveless car.”
Driverless cars make me insecure, and I cannot fully trust them, especially when there is no clear two-way communication.
“I am not dealing with humans but with machines. The authority of machines has exceeded that of humans.” “60% of cyclists say they don't like to ride on a road full of self-driving cars.”
Rick - The Tesla Owner Age：35 Driving age：12 Have a positive attitude towards autonomous vehicles. At the arrival of the era of autonomous driving, the driver’s attention will shift from the road into the car.
“Autonomous vehicle technology frees my hands and eyes to concentrate on other things in the car.”
- CONCLUSION Most drivers are willing to try driverless cars, but most cyclists do not trust driverless cars. Cyclists do not trust driverless cars because they feel insecure that machines have more authority than humans (no clear two-way communication). Bicycles are the most challenging detection targets experienced by autonomous car systems (small size, fast speed, and various types), easy to turn and change lanes). Existing solutions focus only on improving autonomous vehicle technology; however, the user experience between communication systems may be ignored.
CURRENT SOLUTIONS
Ring bell Strength -In line with user habits -The interaction is easy and interesting Weakness - Single way of expressing information
Wearable device Strength - Various types of information - Clear information expression Weakness - Not easy to carry and wear
Gesture
Projection ray
Strengthďźš - The information is expressed clearly - No additional equipment is needed
Strength - Extensive transmission range
Weaknessďźš - Strong professionalism - Poor versatility
Weakness - Limited time of use (only at night) - difficult to see clearly during the day
DEFINITION
Design goal
“Help cyclists establish a sense of trust in roads dominated by autonomous vehicles.”
Problems：
Problem Cyclists do not trust smart cars in the early stages of advanced autonomous vehicles. Even though smart cars can recognise and predict cyclists’ behaviour, cyclists still feel insecure due to a lack of corresponding feedback.
Design requirement
Interaction vision
- Clear two-way communication system - Sending information method is in line with the initial car usage habits - Types of information cover major communication scenarios - Receive feedback about the message
The interaction of being prompted by design felt like I was firing a signal flare into the sky, followed by the signal that signalled me that the danger ahead had been lifted. Controllable
Relieved
Stakeholder
Motor vehicle
Non-motor vehicle Pedestrian
IDEA SELECTION
02 Gesture Recognition + Turning Signal Vest
03
The gesture recogniser on the bicycle can recognise the common riding gestures made by cyclists and display the corresponding information on the turning signal vest.
01 Bell Knob + Sonic Information Transfer Turn the silent bicycle bell to trigger information transmitted by sound waves to adjacent driverless cars that conflict with their driving conditions. The feedback appears on the bicycle bell and the screen of the driverless car separately.
Voice Control + Projection Ray The cyclist input instructions by voice control, and then the projector projects various information to the ground to remind the surrounding driverless cars.
What I chose is “Bell Knob + Sonic Information Transfer� Mutual
Intuitive
CompreFeedback hensive
Total
01
4
4
3
4
15
02
2
2
4
3
11
03
2
1
4
2
9
07
Interaction method：Shaft Fixing methpd：One-piece ring belt
01
08
Interaction method：Shaft
Interaction method：Toggle lever
Fixing methpd：Opening and closing Velcro
Fixing methpd：Clip
CONCEPT DEVELOPMENT 06 Interaction method：Shaft
02
Fixing methpd：Closed lock ring
Interaction method：Toggle lever
When the cyclist turns the rotating axle, a ripple-shaped ring will be triggered automatically on the touch interface to indicate that the information has been sent successfully.
Fixing methpd：Opening and closing Velcro
04 Interaction method：Rotating axle Fixing method：Integrated belt
03 Interaction method：Toggle handle Fixing methpd：One-piece ring belt
Concept 4 was selected based on design requirements and interaction vision. Its interaction method is a rotating axle, and the fixing method is an integrated belt.
05 Interaction method：Toggle handle Fixing methpd：Closed lock ring
STRUCTURE
INTERFACE Touch interface
Light
Speed
Reminder
Light
Rotating axle
Rubber pad
17
ďź
km/h
Automatically display speed when riding
Touch the button to turn on the lights
Mold matt
Remind users to take this product after the ride if the user set this function.
Feedback
Positive
Bicycle controllable scene
Neutral
Negative
Bicycle uncontrollable scene
The colour of the feedback information will change with the strength of turning the rotating axle. Colours can be distinguished as per the urgency of the situation when the bell is triggered, and the different colour levels ranging from positive to negative can represent various urgencies.
PROTOTYPE
After the concept was confirmed, I made a prototype, simulating the final effect with an Arduino, led lights, and a light sensor, among others.
USER TEST
Testers said that visual information might not be noticed because the bell indicated limited information, while the cyclist’s sight in the ride was generally ahead. In the next step, multi-sensory information should be added.
Visual information
Multi-sensory information
02 FORD CX771 WMM PROJECT
EXPERIENCE STRATEGY INNOVATION
This is Ford’s BEV intelligent cockpit innovation projectis， and it aims to establish best opportunity for user experience for the BEV.
Collabrative Project. User research
2020.3-10
INTRODUCTION
About Be awaring of the development of electric vehicle, Ford, one of the leading car manufacturer worldwideďźŒ established this project to explore possible innovation direciton of the CX771, which is the first BEV for Ford China. The whole project took 10 months, from trend study, business analysis, user research, to ideation, evaluation and conceptualization. What is shown here is the first phase of the project, visioning the best opportunity for CX771, it encompasses the research and analysis from perspectives of the trends, business and users.
The Make-up of the Team We are a team of five people. Ares is the leader of this team, with three other designers and researchers, and me as the researcher.We went through the whole process all together.
RESEARCH STEP
[Demography,Economy,Policy,Ecology,Social,Technology] +[Expert interview]
01
[Synthesis]
2.5
[KOL interview]
03
[Synthesis]
04
TREND PROBING [Stakeholder interview]
02 INTERNAL SCANNING
BUSINESS VISION
USER UNLOCKING
User research Perosna User Journey Actional Insight
BEST OPPORTUNITY
Live stream as the trigger of explorative experience Being influenced by popularizing tourist attraction through reality show, live stream and short video may also copycat this mode and help short distance trip boom again.
Business innovation powered by IP
Digital twins
Consumption with more consciousness
Consideration of EV’s system security
Joint-design becomes popular in new but also traditional brand, many brands step out of their comfort zone and collaborate with other IP seeking for new opportunity and transformation.
Digital twins resembles prototype and data model in factory. Now it becomes personalized, people begin to accepts that they have their ‘twin’ in the digital world. People provide the data model of themselves to companies and get the personalized solution in return.
User are happy to find ‘bugs’ in the system so that they can get extra deal when being marketing. To comply with those behavior, many company ecosystems offer joint privilege with additional rights and interests.
Over half car-owner shows concern of system security, especially to those can connect to the internet and with auto-pilot technology.
TREND PROBING
Gene of American Car
Brand Revolution：from cost-ffective to trendy
Localized Intelligence for Chinese Market
loya
INTERNAL SCANNING
Strong in Reliability，Outstanding in Cyber Security
Internal Scanning Brand Revolution：Integrate ‘trendy’ to ‘cost-effective’
Localized Intelligence for Chinese Market
Gene of American Car
Strong in Reliability, outstanding in system security
Trend Probing Live stream as the trigger of explorative experience
Put emphasis on avant-garde and driving pleasure as starting point for brand transformation
Business innovation powered by IP
Digital twins
Consumption with more consciousness
Create digital twins so as to comply with AI in Chinese market
Focus on using space advantages to create a multi-scenario experience to make users feel worth the money
Render the image of reliablity in system security by taking years of technical accumulation in safety
Consideration of EV’s system security
BUSINESS VISION
USER UNLOCKING ｜USER RESEARCH
Method
Questionnaire
Observation
Information
Basic situation
Do&Use
Interview
Beijing
Shanghai Changsha
Say&Think
；
Chengdu Shenzhen
Firstly, we recruited 25 electric cars owners who meet the target group standard as respondets to conduct / interviews. The factors to consider in recruitment include: City, Family structure, Age, Occupational status, Car usage , etc. At the same time, we collected and classified the basic situation of 25 respondets through questionnaires.
5
25
140+
Cities
Respondets
Interview hours
Before interviews, 25 respondets provided their videos of relevant car scenes respectively. We observed and recorded the specific operations of users in high-frequency car scenes and various spaces of the car to understand the user's usage experience of different spaces or functional modules in different stages of driving. Finally, we conducted a one-to-one video interview with 25 respondets. We conducted in-depth exploration and analysis of users' lifestyles, car usage scenarios, pain points, needs and expectations. After that, we will organize user research results in the form of persona and user joinery maps.
场景、痛点需求及期望进行深度挖掘及分析
内容
USER UNLOCKING ｜ PERSONA
Mary
Jeff
Harry
Max
“Driving safety first, and secondly, make my life more convenient.”
“The pursuit of efficiency is to have more time to think.”
“New expectations every day!” .
“The car allows me and like-minded people to get closer, and lead them to see the world together!”
Mary is 33. She is married and has a young child and a dog. She is a HR living in city of Nanjing. Her family owns a BMW X1 PHEV.
Jeff is 31. He is married and has a child. He is a the owner of a family business. He often drive a Tesla Model 3.
Lifestyle：Family affairs are busy and need to constantly balance the relationship between self and family Work mode：Fixed working hours Salary：12k/month Hobby：Yoga Life Attitude
- Balance and integrate work, family and individual time - Arrange a reasonable time in a busy life to satisfy your study and interest -Modern parenting methods, and make friends with children
Lifestyle：heavy work, and take care of family Work mode：busy at work, much business trips, and short-distance
Lifestyle：Early adopters, use tiktok, watch live broadcasts, record life Work mode：Often work overtime and have business trips frequently Salary：20k/month Hobby：Travel (niche tourist attractions), photography, Novel and fun
driving between cities. Salary：50k/month Hobby：kart, tennis, program demostic smart devices
technology products
Life Attitude
Life Attitude
Lifestyle：Focus on offline social networking, chasing new trends, and willing to share new ideas with friends
Work mode：Busy work but has flexible time allocation Salary：25k/month Hobby：Travel (short-distance self-driving tour)，DIY(Original jeans,
self-adjusted perfume)，record radio programs in the car communityprogram demostic smart devices
- Like to create surprises and pay attention to the sense of ceremony - Explore the unknown - Pursue niche, unique taste, and able to show personal characteristics
- Efficiency-oriented, and function first - Like to study and pursue the best solution - Need my own time to think independently - Pay attention to perosnal privacy protection
Life Attitude
- Mainly interested in social interaction, enjoy face-to-face interaction more than online - Being recognized, trusted and adored by others brings a little sense of superiority Family
Family
Family
Family
Max is 29. She is married, living in a seaside city Haikou with her husband. She is a new media entrepreneur and has a NIO ES6.
Harry is 28, who is an algorithm engineer. He and his girlfriend live in the city of Nanjing. They own a Xpeng G3.
Daily life Daily life
Daily life
Business trip
Business trip Work
Self
Life orientation
Pain-points
Business trip
Travel
Travel
Travel
Travel
Social
Using car scenario frequency
- Can't take care of the child when driving a car alone - Vehicle cleaning issues - The condition of the pet in the backstorage is unknown - Female unfriendly during electric car charging
Daily life
Business trip
Needs
Technology
Social frequency
- Fexible and efficient cleaning methods for different spaces in the car - Simple and convenient operation and vehicle assists to help cope with daily chores - Ensure the safety and entertainment of children in the car
Work
Social
Self
Life orientation
Pain-points
Using car scenario frequency
- Lack personal independent space - Data privacy is not protected - Voice assistant has limited functions - Working in the car is not convenient
Needs
Technology
Social frequency
- Remote vehicle adaptation before boarding - Voice assistant understands me better with the accumulation of data - Pay attention to privacy and private space - Fexible and efficient working space in the car
Work
Self
Life orientation
Pain-points
Social
Using car scenario frequency
- HUD is not practical enough - Feel bored in the car when driving long distances - Sleeping uncomfortably in the car
Needs
Technology
Social frequency
- A unique atmosphere and Sense of ritual - Smooth video shooting inside and outside the car - Fresh and interesting driving experience - Comfortable sleeping car environment
Work
Social
Self
Life orientation
Pain-points
Using car scenario frequency
- Inefficient fleet travel itinerary planning - Lack car owners content sharing platform
Needs
Technology
Social frequency
- A better team travel plan - More interesting interactionbetween vehicle - More possibilities for multiplayer entertainment
USER UNLOCKING ｜ USER JOURNEY SCENARIO
CURRENT EXPERIENCE
Mary
CURRENT EXPERIENCE
CURRENT EXPERIENCE
Sends the dog to the pet shop
Charges the car in the parking lot
Goes shopping at the supermarket
Moves items into the car
Sends dog back and goes home
Check the situation of children and pets through the rearview mirror, and look back from time to time to solve the simple needs of the child
Leave the child alone in the car temporarily and send the dog to the pet shop to quickly
The car is charged by the way when parking in the supermarket parking lot, the charging gun is heavy, and the accurate charging information is not displayed
Take out the baby carriag from the trunk and goes shop with the child
Worried the fresh food can not be kept at a constant temperature in the car
Unable to send dogs, children, and shopping items home at once
After emptying the vehicle, returns to clean dog hair, and turns on the air conditioner for ventilation
Wife’s calling
Drives home
Distracted when driving
Home parking
Has a rest in the car
Autopilot function is activated
Cleans the car
Opens the door and put the business trip luggage
Schedules a workmeeting
Waits for a customer at the rest stop
The customer gets in the car
Opens the back door, hanging the suit in the back row, and puts the coffee in the armrest box
The car does not support basic video conferencing
Changes into formal clothes in the car, worries about privacy issues and accidentally touching the car controller
Worried that his search records will be seen by the customer when operating the central control screen; the customer’s smoking makes Jeff feel uncomfortable
Refuses the wife’s call beacuse doesn’t want his wife’s call to be heard
Sends away customers and goes home
Too tired and distracted while driving
Loading travel luggage
Sets off
Chooses lunch
Parks the car and has lunch
Films vlog in the car
Finds paths by a drone
Films vlog in the car
Puts the suitcase in the trunk and small items in the armrest box or on the seat
Pays attention to the road information on the central control screen when driving, and the line of sight cannot always be focused ahead
Browses in the app and decides what they want to eat and then goes to the service station to buy food
Goes back to the car and eats at each location
His girlfriend uses the handheld device to shoot vlog in the co-driver, but the car bumps
Plan the fleet route
Meets with a friend's car
Relax in the car
Passengers sleep in the car
Interact with a friend's car
Arrives at destination
After searching for the destination by herself, she plans a meeting route with her friend’s vehicle on the navigation
Another friend driving takes the wrong route, and the phone notifies Max to temporarily change the route
The light outside the car is very sunny, making people want to drink ice cola
Friends in the car fall asleep, Max drives alone
Greets her friend's car by flashing the lights or horn
After visiting the attractions, she takes a stroll in the city in the evening
The place to see the Shoots fireflies with go pro, fireflies is very remote and but the high-altitude angle has no lighting. Harry gets of view cannot be captured off the car and turns on the flashlight to find the best viewing spot
Get off the car to watch the fireflies Steps on the mud and soils the foot pads when returning to the car; A wet umbrella is not easy to store in the car
Before going home, looks for his favorite playlist on the phone, syncs it to the car, and relaxs in the car by listening to music
Sleep for the night in the car The light rain has not stopped, hitting the skylight and the night sky cannot be seen clearly
EMOTIONAL CRUVE
SCENARIO
CURRENT EXPERIENCE
Max
The SUV is a bit tall and it’s a bit hard for Mary to get in the car
Confirms situaion of the kid and dog
EMOTIONAL CRUVE
SCENARIO
Harry
After carrying the child from the baby carriag into the child safety seat in the car, Mary puts the child car and dog into the trunk
Enters the cockpit
EMOTIONAL CRUVE
SCENARIO
Jeff
Helps Kid and dog get in a car
EMOTIONAL CRUVE
Prepares some music playlist before travel According to the theme of the travel destination, Max carefully selects the relevant car music playlist
Picks up a friend to the car Finally finds her friend’s anchor point
Parks the car and watch a movie together After dinner, they drive to the grass and parks to rest. After getting off the car, everyone watch the movie with a ipad
USER UNLOCKING ｜ ACTIONABLE INSIGHT
Safety with Facility
Growth with Efficiency
Exploration with Imagination
Communication with Empathy
Actionable Insight
Business Vision Render the image of reliablity in system security by taking years of technical accumulation in safety
Safety with
Growth with
Exploration with
Communication with
Facility
Efficiency
imagination
Empathy
All-around Adaption
Versatile Freshness
Flexible Togetherness
Active learning and adaptation of software and hardware
Multi-dimensional driving freshness
Multilateral communication and coordination without barriers
Connected Care Intelligent driving assistance and safety
Create digital twins so as to comply with AI in Chinese market
Put emphasis on avant-garde and driving pleasure as starting point for brand transformation
Focus on using space advantages to create a multi-scenario experience to make users feel worth the money
BEST OPPORTUNITY
03 PARALLEL UNIVERSE
CONCEPT DESIGN
This project is aimed to allow tourists experiencing the movie scenes in reality through AR technology and LBS technology.
Individual Project
2019.5-6
BACKGROUND “Film-induced tourism” is a new form of cultural tourism that tourists visit the destinations through films
1914
Universal Studios built the first modern film and television base "Universal City" north of Hollywood
1935 The world’s first film festival, the Venice Film Festival, was created and attracted a lot of fans who travel to Venice every year.
1955
1985
Walt Disney has built first modern Disney theme park in Anaheim, Los Angeles.
2010
20% of tourists to Ireland said film and television production was an important factor for affecting their decision.
"Crocodile Dundee" was filmed in Australia. Three months after the film was released, Australia rose from 78th to 7th in the most popular tourist destination rankings of the United States.
2016
Customized tourism products entered the public's perspective, the movie and animation themed tourism routes have become popular options for customized tourism.
2017
The Japan Animation Association collaborated with the local government of the relevant attraction, and the airline produced a holy place tour list with 88 attractions
With the popularity of the Japanese animated film "Your Name", the "Holy Land Parade" has also became the 2016 Japanese buzzword award.
Tourists today are looking for new destinations and new experience. ’Mocation’, China's first movie shooting location sharing platform, provides detailed information services for tourists who travel with movies
Film-induced tourism help people Connect with the imaginary world in film and television
QUESTIONARIE
INTERVIEWS
I surveyed 100 people and 67% of them have done film travel. I tried to explore their favourite mode of film-induced tourism.
I interviewed 3 people who used to do film travel and tried to understand their real demands.
Usual mode of Film-induced tourism
Description of interviews
Interviewee A Movie Theme Park
19%
Compared with traditional travel, themed customized travel will be more interesting, but the time schedule cannot be adjusted freely.
Interviewee B
Movie Theme Customization Tour
38%
Self-guided Travel
67%
When choose the movie travel mode, tourists more tend to go to the film shooting location to explore
- Insights + Compared with traditional travel, tourists are more easily attracted by other cultural works
+ For tourists, the purpose of film tourism is to experience the world of film.
I have been to Disneyland, it was so fun and made me feel personally on the scene.
Interviewee C I prefer to go to my favorite shooting locations for a sacred local tour, and I'm happy to experience the character's journey again.
How can we make tourists better connect with the world in movie through field travel?
USER JOURNEY Phases of the Journey
Selcetiong locations Selecting movies
Travelling
Planning itinerary Consider spending
Ordering tickets
Taking photos
Returing
Having local food
Cultural experience
Writing a travel note
Doing Selecting attractions
Planing route
Ordering hotels
Arranging transport
Entertainment
Enjoying the scenery
Organizing photos Publish to social platfroms
Emotional Experience +1GREAT
Satisfied
0 OK
Hesitant
Entangled Stressful
Confused
Confused Boring
-1AWFUL
Thoughts & Feelings
-Don’t know where to find the location information
-How to make cost-effective arrangements
-Don’t know how to do except for taking pictures
-Don’t know where to share this trip with fans who like the same movie
-There is not much sense of experience.
-How to arrange the distinctive route
- Suggestions
Provide more and more systematic information on the choice of the movie spots
Make it easier for visitors to plan their trips freely
It is important to enhance the interaction between tourists and movie spots
Let tourists share their feelings after traveling with more fans who like the same movie
BRAINSTORMING
DESIGN OVERVIEW By traveling at filming spots,make people connect with the imaginary world in film and television
- A Product That
- How To Achieve It?
+ Helps the users to find shooting locations.
+ Provides more convenient location classification
+ More characteristic route planning
+ Provides more distinctive routes
+ Allows users to be more connected to the place.
+ Provides more connectivity possible performance
+ Allows tourists to better share their travel gains.
+ Increases times of travel and make friends
- Keyword
Organized
Featured
Connecting
Sharing
According to the keyword, list the functions that meet the needs to determine the main functions of the product
DESIGN CONCEPT
Organized
Select destinations by movies Select destinations by places
Customize routes Featured
Connecting
Sharing
Entertainmental Interaction
Select destinations by movis
Select destinations by places
- Select different shooting destinations according to the movie
- Select different shooting locations
Customize routes - choose themed travel routes related to film and television
Entertainmental Interaction
Share travel experience
- use the entertainment function to interact with the real scene
- upload entertainment worksďź› - create original customized routes for others; - communicate with other users.
Share travel experience
WORKFLOW Arrive at the destination
C
D Sharing
Congrats! Complete a task Play demo animation
Enter App
A Select a destination
B Confirm a destination
Select a route
Set off
User guide
Skip
A
Select a movie/Select a city
B
Original route/Custom route
C
Classic plot/Soundtrack/Classic lines
D
Share experience/Find other explorers
End
PROTOTYPE Discovery Music
AR
Movies
Places
Nearby Movies
Nearby places
Creation
Routes
Explorers
Route info
User page
Place info Movie info Track
Collection
Mouth to mouth
MAIN FUNCTIONS
Len Filter Map Guide
Navigation AR Music Mouth to mouth
The AR function Users can see virtual movie animations based on real scenes on their phones, and then they can take photos or record videos.
The Mouth to mouth function Users can get the original BGM of the corresponding movie segment based on the real scenes.
The Music function Users can create videos like singing karaoke with the audio subtitles provided by APP.
DESIGN DETAILS - Ui Display
- Mood board
Movie timeline
Movies
User page If the world of film and television is compared to the parallel universe of the real world, then this app is like a spaceship connecting two worlds. Therefore, I chose the image of the real landscape, the universe, and the spaceship. Finally, I chose light green, light purple and dark purple as the main color.
- Color palatte
Nearby filming places 4EBE9F
5163AD
2B2653
Original route
121036
- Typography Arial Rounded
Arial Rounded
ABCDEFGHIJ KLMNOPQRST UVWSYZ
ABCDEFGHIJ KLMNOPQRST UVWSYZ
Movies info
IMPROMENT｜NEW USER JOURNEY
Phases of the Journey
Selcetiong locations Selecting movies
Travelling
Planning itinerary Consider spending
Ordering tickets
Taking photos
Returing
Having local food
Cultural experience
Writing a travel note
Doing Selecting attractions
Planing route
Ordering hotels
Arranging transport
Entertainment
Enjoying the scenery
Organizing photos Publish to social platfroms
Emotional Experience
+1GREAT
0 OK
Satisfied -1AWFUL
Hesitant
Entangled Stressful
Confused Boring
Emotional Experience
The questionares in Interviews require users to mark each usage phase. By averaging scores of each user for each usage phase，I drew the new Emotion Experience curve, and comapre with the previous curve，which will help us extract improvement of this app during the whole customer journey.
Confused
04 FENG SHUI MASTER
CONCEPT DESIGN
The goal is to make Feng Shui more interested by Generation Z by designing a game App.
Individual Project
2019.3-5
BACKGROUND
Fengshui
Generation Z
Feng Shui is a old Chinese traditional culture，which is the study of how human beings interact with the environment and the energy patterns that result. Feng Shui is romantic and interesting because the ancients saw the stories hidden behind nature. The basic and core aspects of Fengshui includes Qi (ch'i)Chi，Yin Yang，Five Elements and The Buagua.
Generation z refers to people who born between 1995 and 2010—are true digital natives: from earliest youth, they have been exposed to the internet, to social networks, and to mobile systems. They are growing into the future，and have a great impact on the leading force of the new economy, new consumption and new culture.
However,now Feng Shui is being forgotten among younger generation.......
Therefore, we need to see their preferences and needs clearly so that Feng Shui can be understood by more Generation Z
USER RESEARCH
rcters of T Cha he
Ta
—Gen Z ser— U et rg
I interviewd 3 young people in order to understand their thoughts and needs about Feng Shui. Mobility and multiple realities
Q1:What do you think about the Feng Shui culture? Q2:What kind of Feng Shui do you want to see?
Social networks
Digital native Undefined ID
Through the questionnaire, I obtained the top 4 traditional cultural transmission methods that most attract with young people.
Zhao Yixuan 18 student
A1 It is good to know that
A1 I think Feng Shui has a
A2 I hope Feng Shui is
A2 I hope Feng Shui is not
A2 Increase ways to make
more interesting and easy to understand.
Game
Music
Doucment
Wu Penggaofei 23 Freelancer
A1 Feng Shui should be
protected，but the Feng Shui content is relatively old and far from my life.
Original video
Guan Jie 21 Design Intern
Feng Shui can bring good luck .However， Feng Shui books are full of classical Chinese and i can't understand very complicated and closer to life.
certain scientific basis and philosophical ideas.However，There are too few ways to know them. us understand Feng Shui.
IDEATION “ Raise the interest of Feng shui for the Generation Z .” User research helpd us set a design goal，that is to raise the interest of Fengshui for the Generation Z. In terms of way of media，we choose to gamify core experience of Feng shui，and let players experience the role of Feng Shui in the game. In the game，players can be easy to know the basic knowledge of Fengshui，and increase interest of it.
Gamify core experience of Feng shui
Step 1 Identity the layout of house
Play th e
Confirm the orientation of the house door and identify layouts of the house.
f le o o r
When the player's team wins the battle, they can get corresponding rewards.
Fengs hu i
ter！ as M
Enterance
Step 4 Battle successfully and get the reward
Step 3 Choose Feng shui monsters to battle
Step 2 Catch the Fengshui monster Different spatial conditions will correspond to different Feng Shui attributes, resulting in different Feng Shui monsters.Find them and catch them！
PK
When players have three or more Feng shui monsters，they can choose three most suitable monsters as a team to fight against other’s team.
TECHNOLOGICAL ANALYSIS
DESIGN OVERVIEW -Comparison
I choose the electronic compass as the basis for judging Feng Shui.
Inspired by realistic steps and tools for measuring Feng Shui, I simulate the steps and technical support in the gameďźŒto provide players a experience of being a Feng Shui Master.
Reality Tools
Compass
Measuring
Virtuality
What to do
What to do
Determining the orientation of the house door
Determining the orientation of the house door
Determining the center point of the house
Determining the center point of the house
AR
Feng Shui Monster
Technonlogies
Electronic
Enterance
AR house identification
Calculating magnetic fields in various areas of a house
Calculating magnetic fields in various areas of a house
Considering the external environment of the house
Considering the external environment of the house
master
Feng Shui
Electronic Compass
compass
tools
Feng Shui
In addition, I choose visual monster images to express the Feng Shui attributes of a certain area in the house. At the same time, AR is used to display the Feng Shui monster's reality-based virtual image.
ďź‹
After determining orientation of the house door and center point by APP
Move your phone to a location inside the house
Algorithm
GPS
master Success !
Feng Shui
Judging the Feng Shui Properties of Each Area of the House
Generating monsters corresponding to Feng Shui attributes
Adjusting the housing layout and place the mascot for good luck
Using mascots to increase the parameters of Feng Shui Monsters
Algorithm
master
Mascot
Visualization
success
Wait for 1-3 seconds
Catch it by hand gestures
Appear a Feng Shui monster
WORKFLOW Preliminary preparation
I divided players into 2 groups: New hand and Return player,and make their own workflow, in order to show how they play the game.
Electronic compass Confirm the orientation of the house door
Enter the game
Preliminary preparation
New hand
Enter capture
See Feng Shui monster
Catch it by gesture
Camera Identify layouts of the house
Preliminary preparation is completed
Caught it successfully ?
Caught 3 monsters?
Enter battle？
Choose three monsters form a team
Reward start battle
Win or not？ No reward
Preliminary preparation
Return player
Capture
Whether to change houses
Enter capture
See Feng Shui monster
Catch it by gesture
Caught it successfully ?
Collection
Backpack
Shop
Battle
Caught 3 monsters?
Enter battle？
Choose three monsters form a team
Reward start battle
Win or not？ No reward
PARAMETER SETTINGS
Life
CHARACTER DESIGN
Life value 1
1.Groundhogs rely on the land-five elements:Earth. They are gentle
2
and cute-yang.They love to make holes-building houses
Attack
3
Attack value
2.Tobacco pie Symbol of the rich in ancient China-wealth HAN Experience
Mascot
Money
It is used to upgrade monsters
It is used to adjust the attributes of the monsters, thereby changing the attack value during battle.
It is used to buy mascots
Yin YangďźšYang Five elementďźšEarth
3.Money skewers Symbol of the rich in ancient China-wealth
PROTOTYPE Logo in
Homepage
USER TEST Friends
Profile
Shop
Backpack
Collection Auxiliary functions
Sign up
Sitting direction
Monster
Gesture capture
Successful capture
Monster information
Main function CAPTURE
- Suggestion
Begin to battle
Battle
1
Parameters addition
1
1
Landing
Team selection
Victory 2
1
Main function BATTLE
2
‘Shop ’, ‘Collection’, ‘Backpack’ interfaces lack of searching function. ‘Capture success’ interface lack of the text description.
UI DISPLAY
Gesture Capture
Homepage
Shop
Collection
Capture success
Backpack
Begin to battle
Battle victory
OTHER WORKS - Architecture Models | 2016-2017
First row - Model for Koshino House by Tadao Ando Second row - Model for House of Expert Last row - Model for Salon of Designer
- Urban Design For Confucius temple blocks of Luhe county , Nanjing City | 2019
This is a project to update the urban design of a Confucius temple block.In order to slove the problem that there was a gap between residents and the lessees,I broke through the local barrier and had tourists come in to see the historical culture.
OTHER WORKS - AR Application For See you soon | 2018
This is a project to help those who have died to connect emotionally with those who live. The user recognizes the relics of the deceased person through the AR app, and the app will display the corresponding memory screens. The method is to use unity to achieve this effect of AR.
- Commercial Video For More | 2018
This project is a commercial short video filmed for brand TOMS shoes.In the video, my team members and I were wearing TOMS shoes designed by ourselves on the streets of Hong Kong, playing Tai Chi. We tried to tell others to do what you want, even though in the eyes of others you are just a lunatic.
Yunhan Wang Email：dawnyhwang@163.com Tel： （+86）18851663866