Shiyun Zhang Personal Portfolio Selected Work 2016-2018
Shiyun Zhang The University of Liverpool Faculty of Humanities and Social Sciences 09/2016- 06/2018
Xi'an Jiaotong-Liverpool University Department of Architecture 09/2014-06/2016
@Shanghai, China zhangshiyun2019@yslxsq.com
Shiyun Zhang
01 Telephony Summer 2017
02 New VITAL Winter 2017
03 Elderly Care Fall 2017
04 Block House Spring 2018
05 Food Respect Winter 2018
06 Other Work 2016-2018
Personal Portfolio Selected Work 2016-2018
01
- telephony Redefining the phone’s basic function—Telephony Function on iOS system (rather than designing a new app).
- background 04
MARKET RESEARCH
Short Massaging Service 60 Other Social Networks 52
Although standard voice call has the advantage of being efficient and quick because of its real-time communication, it still has a tendency to be replaced by other communication services such as SMS or other social networks, which use message to communicate rather than voice. Deloitte Global, 2016 Source: https://www2.deloitte.com
Communication Services Used
05
market research -
Standard Voice Calling 34
2012 2013 89% 87%
2014 83% 2015 77%
Standard Voice Calling
- market research
Furthermore, it is a common social phenomenon that people who use smart phones are often disturbed by unwanted phone calls in their daily life, in which including telemarketing and even phone scams. Nuisance call types: Live sales calls, Recorded calls, Abandoned calls and others. GfK UK, Jan/Feb 2017 Source: https://www.ofcom.org.uk
06
Proportion Of Different Nuisance Calls Received 83%
Live Sales Calls 55%
Not Receive 17%
Recorded Calls 22% Other Calls 15%
2015
Abandoned Calls 8%
2014 2013 2016
2017 Live Sales
Recorded Others
Abandoned
PRODUCT RESEARCH
Hiya Caller ID and Block
Call Blocker All nuisance calls, Personal block list Weakness Cannot identify wrong calls which caused by recycled utilization of old numbers Cannot block nuisance call that comes from a real user who wants to bother others maliciously
07
product research -
Call Identify Unknown calls, Calls from people you want to talk to, Calls from friends who aren’t in your contatcs
Call Manager for Do Not Disturb
Call Manage Receiving calls which be wanted at the right time Place List Allow specified calls incoming when at certain place Activate specified place once reached Weakness Hard to use due to complicated procedures, excessive advertisement Cannot manage calls in special cases such as those for food ordering, taxi service and delivery contact
INTERVIEW
- interview
Fuqiang, Guo 48
Linda, Zhang 41
Labrianidis-Kenny, Shawn 23
Andy, Liu 35 08
Businessman
Surgeon
Student
Editor
Talking to clients for a long time
Never turns off the phone
Uses the local phone card
Social Phobia
Receives many unwanted calls
Receives cold calls or even pranks
Receives different unfamiliar calls
Resists answering phone calls
Harassed, Annoyed
Interfere, Waste time
Confused, Impatient
Rejective, Escape
When receiving these vexatious
Linda usually reports these prank
Shawn has no choice but to
When receiving strange calls,
calls, Guo always tries to keep an
calls once received because they
put his mobile phone on silent
Andy always hangs up and then
attitude of tolerance and patience.
disturbs her normal life.
mode at most of the time.
adds the number into Block List.
09
design philosophy DESIGN PHILOSOPHY
This project aims to redefine the basic Telephony Function for iOS system (rather than design a new app), and the functions it redefined are presented as follows. Improved Functions 1 Users can set Personal Information as well as its Visible Range in settings. (All information will be imported into an intelligent number library after verified, which can improve user experience.)
2 According to When and Where, users can set Accessible Calls, in order to avoid unnecessary disturbance.
3 Users can preset both Text and Voice Replies to contacts or strangers, and then select them directly when receiving calls.
Number Library
Call Blocker
Phone Ringtone
Text or Voice Reply
wireframe -
WIREFRAME 1
Personal Information
Personal Introduction
More Detail
Job Information
Respond with Text
Replied Text
Other Numbers
Respond with voice
Replied Voice
Visible Range
11
2
Settings
3
ID Verification
4
Do NOT Disturb
Block Time
Ringtone
Vibration Patterns
Ringtone Select
5
Block Location
- wireframe
Call Management
12
Settings
PROTOTYPE 4
Phone Settings
Personal Information
Visible Permission
Personal Information
Former Number
2
N
5
13
prototype -
1
Call Blocker
Not Disturbing Period
Not Disturbing Place
Incoming Permission
R
6
3
Respond with Text
Replied Text
Respond with Text
R
Number Report
Ringtone
Vibration Patterns
Customize Ringtone
Respond with Voice
Voice Record
Voice Recording
Number Block
14
Identify Result
- prototype
Number Library
Voice Play
User Tasks
15
user test -
1.Set visible permissions 2.Block the threat level of nuisance calls 3.Set a schedule for Do Not Disturb 4. Customize ringtones and vibration patterns 5. Set and save replied texts 6. Record and save replied voice
Tester Menghan Shi Standard Voice Calling Seldom Use Testing Problems Cannot understand some settings on "Call Blocker" interface Confused with the selecting of "Not Disturbing Period"
Tester Siyu Wu Standard Voice Calling Often Use Testing Problems Confused with how to Customize a piece of Music for "Ringtone" Misunderstand the Recording Process of "Replied Voice"
Conclusion About the user test, I set up 6 tasks according to the main functions and invited 5 people to participate in. During the testing process, all 5 testers completed the tasks smoothly. But some of them feel confused about certain settings; therefore, I made some changes to these interfaces.
Improved User Interfaces
- changes
-Not Disturbing Period
-Choosing Period
-Start To Record
-Recording
-Choose to Listen
-Customize Ringtone
-Listen Record
-Cut Out Piece of Music -Ringtone Finished
-Save Record
16
-Do Not Disturb
TELEPHONY REDEFINED Conclusion This project contributes to redefining the phone’s original function —— Telephony Function. It has an intelligent number library to provide multiple solutions when users receiving unwelcome calls. It also considered various call situation and added several modes to improve the user experience. This redefined phone system can attract more people to use or reuse the telephony function, get them back to the original point and help them find the original meaning of the phone.
02
- new vital Redesigning a learning system (based on VITAL) which contains the function of course selection and learning management.
STORYBOARD
- storyboard
2 The home page is in a mess
3 Users feel confused and anxious
4 Shows NO items when clicked
5 Users suffered an Emotional Breakdown...
6 'Who can help me?'
20
1 Entering the URL of VITAL
vital analysis 21
VITAL VITAL is the UoL’s Virtual Learning Environment (VLE) through which all learning and teaching activities and resources can be offered.
Course Page The thermodynamic analysis chart on the right shows which parts on the Course page of VITAL are more often used by students in UoL.It also indicates that the VITAL users usually focus on the contents in the middle rather than the entire page.
22
The thermodynamic analysis chart shows that which functions on the Home page of VITAL are really available to users. And it distinguishes the frequency of use of each functions by colours.
- vital analysis
Home Page
23
old work flow OLD WORK FLOW
NEW WORK FLOW
- new work flow 24
SKILL TREE ANALYSIS
25
game skill tree -
1
2
2
3
- game skill tree 26
Conclusions 1 Age of Empires II— Four Ages Some skills can only be unlocked when entering a certain age. Once unlocked, the skill can upgrade to a higher one.
2 League of Legends—Three Categories Skills in different categories are not related. All skills contributes to the growth of the character.
3 Watch Dogs—Different Categories Skills are listed in different hierarchy in each category Some skills can only be unlocked after certain ones.
27
new vital design -
LOG IN The original Log In page has a lot of unnecessary text, which is chaotic and confusing. The new one shown below is much more concise and self-explanatory.
Course Tree 1 Period of University— Four Some courses can only be learned in a certain academic year. Also, only when courses are passed can the year be upgraded to a higher level.
Course Selection 3 Selection System—Different Categories Related optional courses are divided into several categories. In each category, skills are also listed in different hierarchy.
28
2 Classification of Subjects— Three Categories Courses in different categories usually have nothing to do with one another, but every one of them contributes to the growth of the students.
- new vital design
Years
Night
CURRICULUM OF NEW VITAL
29
new vital design -
The background photo of new VITAL's curriculum indicates that whether the real time was daytime or night.
Sunny
CURRICULUM OF NEW VITAL - new vital design
When opening the curriculum of new VITAL, the background also indicates the real time weather forecast.
30
Rainy
CURRICULUM OF NEW VITAL At the same time, users can see the course detail as well as the information about related staff on the same page.
Vital
COURSE PAGE OF ORIGINAL VITAL
31
new vital design -
The course page in the original VITAL only has 2 useful functions (Learning Resourses and Assessment) while other functions like Announcement are useless or repeated.
Cour
COURSE PA
The course pag functions of Intro Resources, and
rse
AGE OF NEW VITAL
ge of new VITAL has 4 oduction, Staff, Learning d Assessment.
Course
COURSE PAGE OF NEW VITAL Furthermore, users can browsed the same information through the new vital mobile applications.
- new vital design 32
03
- elderly care Designing an Easy Mode (Call, Navigation and Social Contact) of Smartwatch especially for the Empty Nester Elderly.
BACKGROUND Ageing of population is an objective demographic phenomenon, which is likely to occur in any type of regions and countries. Therefore, it is important for us to pay more attention to the living conditions of the elderly.
- background
SOLITUDE
36
COMPANION
Maslow's Hierarchy of Needs
Elderly Learning Software University for the Age
Conclusion The elderly's social needs, which focus on the interpersonal communication and social activities, are often overlooked.
market research -
Volunteer Work Jobs After Retirement Social Network Social Activities Medical System Health Insurance
69-79 Safety and Security Over 80 Physiological Needs
37
Food, Water, Shelter, Rest
60-69 Love And Belongs
Empty Nester Elderly
Empty Nester Elderly
Conclusion The Other Elderly In Loneliness / Sadness In Comfort / Happiness
With the development of society, there appears the phenomenon that more and more urban elder people are living alone. It is obvious that most of the city empty nest elderly are living unhappy, and their living conditions, especially the psychologically, need more care.
Activity areas of empty nesters when at leisure
Why urban empty nesters usually stay at home
20
No chance to meet new friends
Community Centre
25
55
No relatives or friends nearby
Home
10
8
Others
When it comes to the empty nesters who live in the city, their social needs are more difficult to be satisfied. Most of the urban empty nesters stay alone at home when at leisure.
Unable to use electronic devices
38
University of the age
- market research
Unwilling to get out and socialize
Pubilc Park
Unfamiliar with the way around
The main reason why many urban empty nesters choose to stay alone at home glumly is that they cannot find friends to play with.
Conclusion The social needs of empty nesters in urban areas cannot be well solved is because they have no chance to make new friends and have no convenient way to meet their old friends.
Smart watch Big buttons that are clear to recognize
Functional with various useful apps
With simple functions that are easy to use
Accurate monitoring over health data
Durable enough to withstand a drop
GPS and water resistance up to 50 meters
Short battery last and small memory
Complicated setting process before use
Unable to install entertainment applications
Small screen with poor reaction sensitivity
Not equipped with navigation or social
Not a stand-alone device and dependent on
functions
iPhone
Designers should create a mobile phone, which can be used simply and provide with several common functions according to different needs of various old people.
It is more suitable for the old people to use a simple device with some frequently used functions, rather than a complicated one with all functions.
Magnifier For Reading
Hearing-aid For The Elderly
39
product research -
Mobile Phone For The Elderly
Portable with light and handy volume
Wearable device that is light and handy
Suitable magnification makes characters
Hidden behind the ears, which does not
clear to see
affect the appearance
Easily stained and difficult to clean
Uncomfortable when wearing
Need to be kept away from direct sun
Need to avoid vapor that can damage the
exposure and fire
device
The elderly need a more humanized product in their daily life, because of the unavoidable decline in eyesight.
According to the actual demand of elder people, hearing aid is better to be equipped with waterproof function and become more comfortable to wear.
Elderly Mental Health Problems
The screen of the smartwatch is too small for elder people to see all the icons as well as related descriptions on it clearly.
Functions of the smartwatch are too complex that the elder people cannot successfully use them independently. Furthermore, many of these functions are useless to the old people.
It is difficult for the elderly to find suitable applications from the smartwatch. They cannot contact with their old friends conveniently or make new friends easily.
Age-related Vision Problems
Age-related Memory Loss Problems
Elderly Mental Health Problems
The interface of the smartwatch should be enlarged as far as possible without affecting the normal wearing.
A new smartwatch should be designed, which has only few but more practical functions based on the needs of the elder people.
In addition, the frequently used icons should be highlighted and enlarged in order to improve the user experience of them.
Moreover, the operation of applications should be simplified, such as using voice instead of typing or sliding the screens instead of touching.
An application should be designed, which can create a friend circle especially for the elder people and provide opportunities for them to meet new friends, so as to enrich their life in old age.
40
Age-related Memory Loss Problems
- pain poit
Age-related Vision Problems
Solutions
41
design philosophy -
DESIGN PHILOSOPHY
Definition It is an Apple Watch Easy Mode design for the elderly, including the function of calling, navigation, and social contact. It is used for interaction between the elderly, which can identify opposing's location and then carry out voice navigation. Also, it provides a social platform for the elderly, which gives them the opportunity to meet people who are nearby or have common interests.
WIREFRAME 1
Call User
Calling
Call Ended
Navigation
Enter Destination
Confirm Location
Get Directions
View Map
Personal Page
Add Contacts
Friend Radar
People Nearby
Personal Settings
Recording
Typing
2
Home Page
3
User Search
PROTOTYPE 1
Calling
Call Ended
Navigation
Enter Destination
Choose Location
Navigate to
View Map
Personal Page
Add Friends
Face to Face
User Search
Personal Settings
Cover Photo
Visible Permission
2
prototype 43
Choose User
Home Page
3
4
People Nearby
The icons on Home Page should be changed to have the characteristics of the times in which the elderly lived.
Home Page The Personal Settings in the bottom right corner of Home Page are moved into the part of Add Friends.
Add Friends The function of Friends Stories should become a new section rather than belonging to the part of Add Friends.
Friends Stories
1
Contacts
User Calling
Navigation
Enter Destination
Confirm Location
View Map
Share Stories
Choose Photo
Edit Text
Stories Sended
Add Friends
Face to Face
User Search
People Nearby
45
prototype -
2
3
Log In
Home Page
4
- changes
Adding Microphone Icon at the top of the Contacts to entry voice commands
Enlarging the profile photo of the user when calling in order to avoid calling the wrong people
Swipe Right
Tap
Enlarging the area of Hold To Speak when entering a destination in order to make it easier for the elderly to use
Force Press
46
Applying visual language to button design (Cancel=Red, Confirm=Green)
Enlarging the profile photo and name of users in the Contacts
Swipe Up
Enlarging the button icon of Cancel and Confirm
prototype -
Incoming Call
Voice Recording
Voice Play
Entering the voice commands directly to search the location.
Previewing voice commands to ensure the accuracy.
47
When receiving a call, it shows the caller's name and profile photo.
Befo finge
This the u
Personal Profile Users can add moments, photos, or anything they want on this page.
Face to Face
People Nearby
Adding friends through this when two watches touch.
Swiping right to add or swiping left to delete people nearby.
In ad using
LOG IN
ore using, the elderly can log in with their erprints instead of making notes of the password.
can ensure all information security and protect user's privacy.
ddition, it can distinguish between two users g the same watch.
Image Enlarged
Function Simplified
The larger images provide better use experience for the elderly.
The fewer functions it has, the fewer mistakes the elderly will make.
04
- block house Design a living space where dweller can perceive the natural environment in a safe and comfortable situation.
- background 52
existing factor plays a greater part in the “ No development of human life than environment.
�
RESEARCH: BLOCK HOUSING 1 Odhams Walk, Covent Garden, London The Odhams Walk Estate offers each resident their own outdoor space which, although private, is connected visually to neighboring properties, in an attempt to strengthen the sense of community.
Section-External Space Scale 1:500
Ground Plan-External Space Scale 1:500
External Space Analysis The Odhams Walk Estate is a mixed use development covering a total of 102 flats located above a podium of commercial premises and parking, with a public plaza connected by pedestrian ramps to the street.
- research
Type 2 TERACE
Type 3 GARDEN
Plan of Ground Floor Analysis
Plan of First Floor Analysis
Plan of Second Floor Analysis
Scale 1:500
Scale 1:500
Scale 1:500
54
Type 1 TERACE
55
house design -
DESIGN: COMMUNAL THRESHOLD BLOCK HOUSE
- block house 08
COMMUNAL THRESHOLD BLOCK HOUSING TYPE: BLOCK HOUSE
57
house design -
LOCATION: LONDON EC2A 4JA
HOUSE
- house design 58
PAIN POINT When designing the project Communal Threshold Block House, I realized that many problems cannot be solved by architectural design.
59
pain point -
And comfortable living environment is related not only to Natural Lighting, but also to Temperature, Ventilation, and even Odor.
COMPARISON Indoor Versus Outdoor Nowadays it seems that indoor space is isolated from the outdoor environment, especially for people who live in urban apartments.
I prefer to stay outdoors, especially when the weather is nice. I also like sitting outside in sunshine with sunglasses, which makes me feel warm and comfortable. Yashna Calleechurn, 25
- interview
I also like outdoor activities. But the gentle wind in the natural environment makes me calmer and more comfortable than the sunshine.
Staying indoor makes me feel more comfortable. And after having children, I prefer a clean interior environment and suitable temperature than the outside. Peilin Jin, 32
It's sultry outside! It's more comfortable to stay at home. You know, I don't want to get out and suffer the risk of mosquito bite. Guixiang Zhang, 78
60
Linus Sullivan, 21
61
mind map -
COMFORTABLE ENVIRONMENT - reference
Indoor And Outdoor It is not a closed shelter which makes people feel depressed, but a living space where people can perceive the changing seasons in a safe and comfortable environment.
62
Coelux@ Skylight It's a artificial skylight that reproduce the true effect of the light and space of the outdoor.
inspiration 63
Thermostat
INSPIRATION Less Is More Traditional controllers with multiple keys can be replaced by a circular controller, which brings minimalism to its fullest. So I want to use it to achieve the Comprehensive Controll. All indoor appliances that can create a comfortable environment will be combined with it‌
Temperature Sensor
Comfortable Temperature
Air Humidity
- exploratory design
Skylight Brightness
64
Aroma Intensity
Home Page
EXPLORATORY Comprehensive Controll Temperature, Air Humidity, Sunlight and Aroma are important components of creating comfortable environment. This controller can not only select suitable indoor temperature and air humidity by turning the outer ring, but also adjust the brightness of skylight to simulate the required sunlight. It can also help residents choose the appropriate intensity of their favorite aroma.
Brightness
Controller
Ventilation
Controller
Temperature Fragrance
Humidity
05
- food respect A chopping board shows what actually the food is so that it can help people to respect food and revere life.
STORYBOARD
The dream of food is to be eaten.
- storyboard
2 A grain of rice that dreams of being eaten
3 Will be eaten…
5 Was put back into the bowl
6 SO DISAPPOINTED :(
Eat Me!
4 Yeah! So happy~
68
1 A full bowl of delicious rice
main problem -
MAIN PROBLEM
69
WASTING FOOD IS WASTING LIFE
Throwing away leftovers
NOT eating in time
Impulse Buy
'Buy 1 get 1 free'
It’s hard for children nowadays to know what they are eating and where the food comes from. Even if there is a creature pay with his life for it, they don’t even know who it is.
- main problem
RESPECT FOOD
70
Since as a creature, we must rely on other creatures to sustain our lives, so why not Respect Food?
DESIGN PHILOSOPHY
Production
Processing
Distribution
Marketing
Consumption
(grow,harvest)
(individual,business)
(local,global)
(retail,purchase)
(prepare,make)
71
design philosophy -
What if ...
What if combine traditional chopping board with information display?
Steps for usage
1.Selecting ingredients
2.Placing on chopping board
5.Analysing nutrition facts
3.Scanning QR code
4.Displaying source information
- design philosophy 74
06
- other work The Camden Lock House is a renovation project in Camden Town which is located in London along the Regent's Canal.
- urban analysis 76
Architecture Assignment NOMADIC HOUSING STRATEGIES This project is a renewal and reutilization of an old interchange building in Camden Lock across which the Regent's Canal runs.
77
design strategy -
Persisting some construction, it has become a house with a public art library and 50 apartments. When considering the canal, there are steps on the underground level facing the canal, where people can reading and thinking.
- design strategy 78
In order to allow sunlight access to the reading area on the lower level, void space was applied to the floor slab with ingenious shape. There are 4 different types of apartments; each type also has sunlight to improve the well-being index of residents.
section drawing 79
Section Drawing Scale 1:50
- planning 80
07
- other work
81
Iceland ¡ Switzerland
-
The last few pages is all from my study tours in Europe about architecture and nature, with my attempt in Photography.
Nature Tourism 2017 Digital camera 1620 x 910 px
[Digital Media]
- Iceland ¡ Switzerland 82
Thank you for reviewing. Shiyun Zhang Selected Work 2016-2018