2021 2018
PERSONAL PORTFOLIO
HUAHUA TIAN UI/UX Designer | Interaction Designer
|
Illustrator
X
Hello, I am Huahua Tian, MY MAJOR / HUMAN COMPUTER INTERACTION AND DESIGN Minor: Innovation & Entrepreneurship INTERACTION DESIGN | PROJECTS
I am pursuing a double MSc degree, spending this year at Aalto University in Finland and will continue my study at the KTH Royal Institute of Technology in Sweden in 2021 fall. Currently, I am studying course of User-Centered Methods, Data-Driven Concept Design, User Interface Construction and Information Visualization. I always like keeping things short, crisp and sweet:)
MY ROLE / TECHNOLOGY-FRIENDLY DESIGNER Designer × Developer Integration
Rich Collaborative Design experiences. I am able to coordinate developers and designers with my knowledge in Front-End technology and System Architecture. Comfortable with Qualitative Data Analysis and Quantitative Data Analysis. I contribute to fostering an inclusive working team, to make sure the needed and
+86 18810811318 Huahua.Tian@aalto.fi 16 / August / 1996
2
sufficient information is held and transmitted in the most practical way. Minor in Digital Business and exert more advantage in the practical ICT Innovation and Venturing field.
X
Huahua Tian
EDUCATION
Resume
Aalto University MSc: Human Computer Interaction and Design
COMPETITIONS
National Winner of Microsoft Imagine Cup 2021 Winner of DigiEdu Hack 2020 Second Prize Scholarship
(BA 2020.09 - Present)
Honorable Mention of Mathematical Contest in Modeling
EIT Digital Master School
First Prize of Undergraduate Mathematical Contest in Modeling Third Prize of the National Computer Design Contest
(BA 2020.09 - Present)
First Prize of the Computer Design Contest of Beijing Second Prize of Lanqiao Cup User Experience Design Competition
Beijing Language and Culture University BE: Digital Media Technology (BA 2015.09 - 2019.06)
SOFTWARE SKILLS INTERNSHIP
Tsinghua University
HUAHUA TIAN | PORTFOLIO
Minor:Innovation & Entrepreneurship
Interaction Design Intern | The Future laboratory (BA 2019.08 - 2020.02) V plus Interactive Media Technology Co., Ltd. Graphic Design Intern | Design Department (BA 2017.09 - 2018.01) Peking University Investigator | Institute of Social Science Survey (BA 2017.06 - 2017.08)
PROGRAMMING SKILLS
Html
C language
CSS
C++ language
JavaScript
Perl language
Processing
Python
3
GAME CHANGER
00
•
GRAPHIC DESIGN | PHOTOGRAPHY
X
4
Collaboration for SmoothSailing Solution Development
X
00
Portfolio Content
04. LovePet
Teamwork
/Mobile Application /UI&UX/ April 2018 Third Prize of Entrepreneurship Competition at BLCU
OTHER WORKS
Teamwork
/IoT Devices /IxD/ December 2020
HUAHUA TIAN | PORTFOLIO
01. WellMask
National Winner of Microsoft Imagine Cup 2021
02. Neighborhood Platform
Teamwork
Mobile Application /Service Design/ May 2020
Project 4 My Group
Entry of the 12th UXD Award
03. Foodtopia
Individually
/Front-end Web Development / April 2019
Project 4 Me in Pitching
Practical Training Plan of High Level Talents Program
5
X
.01
INTERACTION DESIGN | PROJECTS
/IoT Devices /IxD/ December 2020
WellMask
AI mask based on semantic extraction and emoticon communication, leading a new way in social interaction during pandemic time.
6
X
May 2020 - June 2020 National Winner of Microsoft Imagine Cup 2021
background. During Covid-19 pandemic, facial mask protect lives, they also create social challenges. It hides the lower part of our face. Not only the voice cannot carry very well, but also people’s facial expressions and lips hardly to be observed. Thus, the emotional state of a person can be understood difficultly. For the hearing impaired, lipreading is completely blocked.
My Role HUAHUA TIAN | PORTFOLIO
Interaction Designer Information Designer User Researcher
Softwares Adobe Illustrator Adobe Photoshop Android Studio Microsoft Azure 7
X
user research. To understand user needs, we designed an questionnaire that randomly invited 161 volunteers to fill out.
How face masks affect your daily life? On which area? 69
7
27
47
Negative Positive
13 4 53
21
Gender INTERACTION DESIGN | PROJECTS
1
107
Age
70 53
Job
18-22 23-25 26-30 Under 18 Over 30
10
91
44
Emotion Express Sound Volume Easy to forget Breath issue
How face masks affect your communication?
59
Male Female Prefer not to answer
91
38
Indoor Worker Outdoor Worker
Student Unemployed
How many hours a day do you wear a mask? Less than 1 hour 1 -5 hour
Words sound muffled
Hard to breath
Cannot read lips Cannot read emotions
.results
5 - 12 hour
41.6% of people wear a mask for about 1-5 hours a day.
All day
What circumstances do you usually wear a mask?
8
94.4% interviewees
Public Place
92.1% interviewees
Public Transportation
46.1% interviewees
Library
50.6% interviewees
Classroom
46.6% of people reduced the amount of time they spoke because of wearing masks. 34.2% of people spoke less often because of wearing masks. Most participants reported when they wear masks, they would face: Difficulty in observing people's emotions, Difficulty in hearing what people are saying, Difficulty in determining whether someone is talking or not.
X
concept design. .design process
.user journey map
In line with the double-diamond design process, we applied the experience-driven design methodology and combined it with extensive background studies, ideation workshops, concept development, prototypes, and evaluation to produce our solutions.
HUAHUA TIAN | PORTFOLIO
.product concept
.painpoints <Information> - The muffled words through facial mask make information uncertain - Unseen lip movements make speaking status uncertain <Communication> - Easily missing key information in noisy environment while wearing mask - Observing emotion is a challenge - Communication gap amongst the hearing impaired and others <Emotion> - Mask makes people looks cold - Hardly convey facial expressions - Cannot convey the extra emotional info of words
9
X
prototype development.
INTERACTION DESIGN | PROJECTS
.application development
We developed a mobile application for mask connection via Bluetooth on smartphone.
.hardware
.information visualization
Based on the corpus of mask usage communication scenarios, extracted high frequency keyword and analyze the intention and displayed as the global language: emoticons.
The internationally accepted emoji information crosses the barriers of communication and presentation brought by language, elevating communication from the language level to the intention level.
10
X
evaluation. .experience evaluation We decided to test our concepts on subject experts, who had extensive experience in the field. In this way, we could at least gain some indication of whether our concepts were utilizable and relevant. The applicable concept was evaluated with the help of an interactive prototype and AttrakDiff, a scientific questionnaire measuring the usability, appearance, and design of an interactive product.
"Our product called Wellmask"
The social features were seen as interesting and novel. 16.7% of emoticons need to be understood within the scenario.
HUAHUA TIAN | PORTFOLIO
Wellmask connect mobile application
Based on the evaluation, the following themes arose as strengths:
83.3% of emoticons can be understood correctly.
"Hello, nice to meet you!"
"Feeling good today!"
91.7% of participants said they would be willing to buy if the pricing was right.
Also, few areas of improvement were also noted:
"A LARGE Caesar salad please!"
"I love you!"
The AttrakDiff evaluation shows that the prototype achieves both pragmatic and hedonic qualities well.
Some testers prefer LED sequins to LED display, especially consider about washable.
11
.02
Mobile Application /Service Design/ May 2020
Neighborhood Platform
An mobile aaplication aims to Self-Help, Mutual Aid, and set up Support Groups, enhance older adults’ life quality and provide them with spiritual comfort.
May 2020 - June 2020 Entry of the 12 th UXD Award
background. In China, the up-grown children take the responsible of senior caring. Most people choose aging at home. While most up-grown children have their own business. The social isolation and loneliness become a challenge for seniors at home. However, many of them have skills and competence that could help each other if the right connections were available between them.
My Role Product Manager Prototype User Interface Design
Softwares Adobe Illustrator Adobe Photoshop Adobe XD
user interview. Considering physical situations and cceptability towards digital technology, we narrow the user’s age between 55 to 70.
.outline Info
About Life of Retirement
About Mutual Aid
Name
1. Do you living alone? If not, who you live with? 2. How do you think your retired life? 3. How do you spend your day? 4. Do you think your mood has changed after retired? 5. How do you get information from outside? 6. Who do you contact most often? 7. Do you often take social activities? 8. If so, how often and where? If not, why? 9. Have you ever feel lonely? Why?
1. How do you seek help in community? 2. Have you ever be helped by others in your community? 3. Have you ever help your neighbor and friends in your community? Why you know he/she needs help? 4. Have you ever contact your neighbors or friends through mobile application? How do you think the community mutual aid experiences? 5. Can it address your issues? What kind of issue?How do you feel during this process? Will you continue seek help/ obtain help from community in the future?
Gender Age/Job Location Physical status Living situation
.classification&summary
Definition
Characteristic
Painpoint
Alone/Widowed type
Spouses living together type
Living with children type
Living alone without a spouse. Can take care of himself/herself.
Living with your spouse and live on their own
Living with grown-up children
The demand for help from outside is relatively high. The support received is generally from up-grown children or caregivers. They want to lead their life and improve their current living condition. The sense of loneliness is the most serious.
There is less need for help in life, spouse can help each other. The information channels are mainly community bulletin boards and TV. There is no strong desire to improve living conditions. But if community acquaintances need help, they are a pleasure to do some work within their capacity.
They don’t know much about this model of mutual aid. The main source of help is their up-grown children. They highly dependent on children and hope to get their attention. At the same time, if the children are not there, they will seek help from the community.
Few people can directly seek help, heavy psychological burden, and negative emotions.
The spouse is strongly dependent and needs help.
They highly dependent on their grown-up children.
user study. .stakeholder map
.persona
Guoqun Zhang
Limei Tian
Gender: Male City: Dalian Age: 70 Job: Woker Live alone with Rheumatism
Gender: Female City: Beijing Age: 61 Job: Doctor Live with spouse and healthy
“ “
I lived alone. No one can count on...(sigh) Guoqun is a retired worker. His wife died of cancer two years ago. His son settled in Shanghai and only came back to visit him during the Spring Festival. He suffered from rheumatism and was unable to move on rainy days, so he can only be depressed at home.
”
Life begins at 60. Help each other through difficulties, you and me both happy.
”
Limei is a recently retired doctor. She used to be busy. Since she retired, she always wanted to find something to do. She is very enthusiastic in the community and often helps neighbors popularize health knowledge.
.business model canvas
Zhihui Liu
Gender: Male City: Jinan Age: 68 Job: Bus driver Live with families and hypertension
“
No way out. I have to bother my son. Because I don't know how to use this stuff.
”
Liu Zhihui lives with his son's family, and neither himself nor his wife are in good health. They usually find their son when they encounter problems, but they are busy at work and many problems cannot be solved in time. So, Zhihui often raises blood pressure.
We interviewed three representative of the elderly, a retired worker who living alone, a retired doctor who living with spouse and a retired bus driver who living with up-grown children. Apart from that, we have interviwed staffs and nursing home staffs. These interviews were used to investigate different stakeholders’ needs and to refine our conception of the stakeholder map.
storyboard & lo- fi prototype. .lo-fi prototype
.visual design criteria. front
思源黑体 SiYuanHei SiYuanHei SiYuanHei
0123456789 0123456789
Aa Bb Cc Dd Ee Ff Gg Aa Bb Cc Dd Ee Ff Gg
Size
80px 60px 36px 32px
Apply Title
Key Info
.visual design criteria. color
Text Text
#FFFFFF
#FED7B9
#FC7A17
#FCC71C
.03
/ Front-end Development /April 2019
Foodtopia This peoject uses html, CSS, and JavaScript programming languages to develop personalized health food recommendation applications.
background. Nowadays, more and more people are beginning to pay attention to dietary health. The flourishing behavior of mobile Internet provides an emerging platform for the spread of healthy dietary knowledge. The birth of WeChat mini-programs has made new explorations for new forms of mobile applications. The project will study four aspects: user research, functional requirements, competitive product analysis, and functional architecture to improve and enhance the user experience of gourmet applications.
March 2019 - May 2019 College Students' Innovative Entrepreneurial Training Plan Program
challenge. With the progress of the times, people’s pursuit of food has become more than just appetite. In the era of information explosion, people often feel unable to start in the face of a large amount of information, and the demand for personalized, customizable food and health matching advice applications has become increasingly prominent.
My Role User study User Interface designer Developer
Softwares Wechat Develop Tools Adobe Photoshop Adobe Illustrator
S
W
Mobile Internet developing rapidly
Lack of accurate user research
O
T
People pay attention to food
More competing products
user research. .persona
. contextual inquiry
Users often feel unable to get food information that is valuable to them. In order to identify user needs, I divide user groups according to the cognitive stage of user needs.
Breakfast at canteen
Jing Chen
7:00AM
7:30AM
Do not know what to eat at canteen
8:00AM
Get up
Jing Chen
Jia Zhang Student
Female
officer
Afraid of trouble
“
”
Class
10:00AM Meeting
1:00PM
Make by herself or order takeaway
3:00PM
7:00PM
Meeting
. task analysis
32 years
Jing Chen is a college student. She always eats in the cafeteria and often doesn't know what to eat every day. She inability to eat while eating, but she did not know why.
9:00AM
6:00PM
Life quality
21 years
I have always lost my appetite recently.
8:00AM
2:00PM
Takeaway for lunch
Get up
Female
Confused user
Class
Breakfast buy at shop
Jia Zhang
12:00AM
Dinner is usually eaten at canteen
“
Function user expect
Problem users
”
I have been anaemic, What can I supplement?
Jia Zhang is an OL and has a fine life and often cooks herself. Have some understanding of diet and food nutrition, but often do not know where to find diet recipes that suit her.
Recommendation
History
Demand Function
Classification
Search
In order to meet the needs of users, the APP has a functional architecture:suggestions, recommendations.
application design. .information architecture
.wireframes&interaction
Considering the needs of confused and problematic users, Gourmet Beauty divides its functions into recommendations, lists, and personal centers.
The APP aims to reduce interface options and precise operations. Put the three main functions in the tab bar at the bottom for quick entry. Click and swipe the entire page.
.hi-fi prototype
application develop. .view
.app service
The development language is HTML + CSS + JavaScript used for frontend web programming, but it is called WXML + WXSS + JavaScript in the applet. The back end is PHP, Java, nodejs.
The APP use “cloud functions”, “cloud databases” and “cloud file storage”, and encapsulates these capabilities into specific interfaces.
HTML
CSS
JavaScript
final product. Foodtopia Food Recommendation Platform -Sta rt
up
-Re
pag e
-
cip
Home
e-
Recipe search, recommended daily
Recipe Personalized recipe classification
-Re
com
-Me
-Ho
me
me
nda tion
-
-
Me Read user information History Favorites List
-De tail -
-Lis t-
-
.04
/Mobile Application for Stray Pets Adoption/ April 2018
LovePet
A mobile application for abandoned pets adoption and rescue, to thoroughly solve the problem of stray pets. Product Web：https://j.mp/2VmgGG1
April 2018 - June 2018 Third Prize of Entrepreneurship Competition at BLCU
challenge. Today the number of stray pets has increased dramatically, There are some public welfare organizations in the society, the source of funds mainly depends on the personal salary of volunteers and scattered assistance from the society. Therefore, we need an effective pet donation platform, pet information promotion and rescue platform.
My Role Team Leader User study Prototype User Interface Design
Softwares Adobe Illustrator Adobe Photoshop Modao Adobe Dreamwaver
user study. in depth interview. We conduct Contextual Inquiry. We chose to interview people between the ages of 20-55. According to the needs of the project, we mainly ask users what they think about stray pets and the problems they encounter. Our interview was in “apprentice”, In addition, we also conducted indepth discussions and confirmations on the situations mentioned briefly by the respondents.
where to find informations
How to help
Lack of Timeliness of Information
Less Funding Channels and Low Credibility
Age: 53 Gender: F Hobby: Gardening Keep pets
“
Xiufen Li I want to help them, but I don't know what to do ?
Retire
”
Xiufen Li is a 53-year-old woman. Prepare to accompany your pet after retirement. However, after learning about the living conditions of stray pets, she wanted to adopt stray pets. However, due to the scattered information of stray pets, it is hard to find effective information for her.
Meng Wang
college Student
“
How they work
Communication
Users need to see clearly What they have done
Communication Platform for Pet Issues
Although I cannot raise them, I am willing to help them.
”
Meng Wang is a 20-year-old college student and she likes pets very much. She can not rasing pet in hostle, so she likes watching various pet pictures, videos, live broadcasts, interacting with pet bloggers, etc. We noticed that she would respond very positively to various calls from pet bloggers, such as donating money, reposting articles on scientific pet raising, and so on.
Age: 20 Gender: F Hobby: Movie Collect
paper prototype. .sketch
.usability testing The main users participating in the user test are people interested in pets and pet adoption. We chose to test people between 20-55 years old. Most of them have smartphones and have experience using various apps to ensure that they can complete the test smoothly. After testing, we found 4 issues.
.takeaways Icon recognition is not high: users do not know what the icons in the home page, pet live section and pet community section mean. Functional confusion: Positioning and shelter functions are confusing when pets are issued. Marking is not obvious: At the time of collection, on the interface of the nearby shelter, the user does not know which shelter he is contacting. In the live broadcast interface, the position of the reward donation icon and the exit icon are too close, and users are prone to slip.
lo-fi/hi-fi prototype.
final product.
Information Platform Users can browse pet information with shelter
Live Platform
LovePet Mobile Application
Get user rewards and financial support for shelter
Committed to solving the problems of pet abandonment, loss, rescue, etc.
Communication Platform Users can post pet hunting and recruiting information through the platform Detail
Sections Product Web：https://j.mp/2VmgGG1
sketching.
HUAHUA TIAN | PORTFOLIO
digital-illustration.
X
other works.
31
INTERACTION DESIGN | PROJECTS
X
sketchnoting.
Transforming my design idea verbal to visual. In this way, I can communicate with anybody easily. 32
tel. (+86) 18810811318 huahua.tian@aalto.fi
THANK YOU
let’s work together.
