S
P
O
I
R
M
A
T
N
F
L
O
L
I
I
O
ABOUT ME Siman Li (Smine Lee) December 25, 1993 Shanghai, China
INTERACTIVE DESIGN TO G E T E R
PRODUCT DESIGN
APP QUICK UNLOCK
01
CN.ENGADGET APP LITTLE SUN
GRAPHIC ESIGN POSTER D SIGN LOGO DE
B U T TO N P L U G - I N
02
RENDER +MODEL
03
INTERACTIVE DESIGN
goal: “ TO G E T E R ”
Creat an online E-commerce platform for university students, which should based on the idea of “Cou Fen Zi”, to share the expense of a joint action. It is usually seen in Chinese wedding, where the group of people contribute money together to the gifts for the newly-wed. TO G E T E R w o r k s l i k e t h i s : 1 0 0 p e o p l e a l l spend one yuan to purchase a 100RMB Mp3, the winning chance is 1/100.
1 __U SAff AE R S T U D Y
PR
What would
The survey made me reazlie that TOGETER can do more than collect money for one product,(one ¥ buy) but also creat the chance for people to be together. (activity)
ICE
That maybe the key to stand out of other competitors in student market.
makes you
FUN
T RY
TO G E T E R
University students:
When seeing FRIENDS a friend’s playing that is the best way to make me interested. social need follow the fashion
gather
parts
3_
money & friends one ¥ buy
activity
1 __U SAEffR S T U D Y Aff
_
CAUSUAL TYPE
“Well, i feel like buying today.”
GAMBLER TYPE
L O T T E RY TYPE
“I MUST win!!”
“If I buy this, I’m more likely to win.”
one ¥ buy
users
2 __A FAff FINITY DIAGRAM
needs
strategies
group activity
products available with limited time
share
not engouh users
find passwords
discovery
personal center
win more in the begining
address management
raise the payment ceiling
allow users to purchase
in groups
more lively to win as level goes up
not alone
product catagory
extra credit for people who share
search products
maybe when products> 300
invite friends
allow alipay, wechat, phone fee, unionpay
login in, register make the number base on products user rates
extra credit for friends buying together
A F F IANffI T Y D I A G R A M
doubt temptation recommendation gambler mentality group activity interestingness invite friends
Before participation
start activity
after announcement comment doubt invite friends share
during participation
announce winner
user friendly product attractiveness who else payment
waiting countdown history
2 _ R E Q U I R E M E N T S A N A LY S I S
frie nd s to
announce frie
share
doubt
cre
y r iste reg in / in g lo ucts provide prod service user fe edback provider we bsit e /A ch pp arg e
Campus
t
fet
ow
de
wi
nn
er
’s
dr
s
vity
cti
es
ea
ad
nc
ps
rou
produc ts bes t sa le od uc tc at ag ro y
pr
rie
d
commodity s earch
pe
ite
cr
address manage
ng
inv
er
ex
m
school ov
i lly ua us
o inv
lve
d,
ch
payment
students
en
l
oo
dp
fun
Togeter
groups
om
,c
k ec
won
contacts
group
vity ate acti
f of ow rm sh latfo re p a h s
sa
fri en sc ds en e
ate as
share
s
didn’t won
sad
particip
nd
py
ite
p ha
inv
pay me nt rec ha rg e
t
an d
en
re co mm
em
n
nc
ow
ou
td
nn
un
ra
co
me
nervous
al
fin
for
3_FIGURES MODELLED
Tao
student 21
As a big social media fan, his life largely depends on his iPhone. He is an out-going young man with a lot friends Tao has above average spending, does not really care for small money.He is willing to help friends when they are financially in need.
End Goals
Product Experience
Pain Points
Seeking
Experience Goals
Willingness to try
To kill time. New experience Not obsessed with to actually win boring activities. Wait too long Never win Interaction with friends A lot of surprise
beginner
practical
weak
expert
fun
strong
“Small money to buy happiness.”
Yun student
19
Technology lover, a ig fan of Apple products. Yun would love to have the new iPhone plus but she has very limited money
Behaviors
1. saw the one yuan buy campus on the app store 2. downloaded the App instantly and spend 30 yuan 3. Tell and invite friend the same day
Needs & Goals
Can’t afford new iPhone determined goal to take a chance
Product Experience beginner
expert
Seeking practical
fun
Willingness to try weak
strong
Gambler mentality
Mei
student
20
Mei loves shopping online, almost all of her clothing were bought online. She would love to try new things when in good mood.
Behaviors
Mei was shopping through mobile phone, when she saw the One Yuan Buy Campus advertisement during the payment. She added one yuan, and paid together. She then downloaded the app, check the announcement few days later
Product Experience beginner
practical
fun
Willingness to try weak
Emtion determined action
expert
Seeking
strong
4_FLOW WORK detail picture
product
buy
account
detail
related
current main page
announce
main interface
start activity participate
cards
yes no
pay
information
winner
information
users
comment
winner
share
share to
fill in
comment
related user
starter
no yes
success
detail
starter
participator
detail
invite friend
invite
mine
detail
yes
activity other winner
no fill in
invite page
account
invite friend
log in
web bank
participator
account
recharge
future history
advertisement
alipay
success
pay
success
yes
my product
detail nickname
register avatar
related user
comment
share
share to
comment
take
change no
choose
chose from add address
address friends
add
yes
fill in
phone facebook
grade
detail
list
comment invite
comment
review
recharge
cards alipay ebank
reply
fill in
5 _ I N F O R M AT I O N A R C H I T E C T U R E step5_
product
Information arc announce
advertisement
start
main page
participate
activity
TOGETER
my account
avatar
my product
share
mine
arrangement
log in/register
my activity
friends
account
detail
address
recharge
6_WIREFRAME
Main Page
Product Detail
campus
campus
One Yuan Buy
product
1
One Yuan Buy
announcement
AD
picture
Apple MacBook Pro MD101LL A 13.3-Inch Laptop
2
total need: 6233 people 5609 participated
624 left
BUY
3
4
Apple iPhone 6 - Unlocked (Gold) ,16GB total need: 5468 people 3245 participated
2223 left
BUY
Sony ICFC1 Alarm Clock Radio Black
main page
1 2 3
activity
My
Show the most popular product, can be different depends on the levels of users. Product information, people needed. Click to buy.
pictures,
Apple MacBook Pro MD101LL A 13.3 Laptop 5609 participated
market price
our price
¥6233
¥1
6 7
5
amount
1
＋
BUY
about us
4
share
624 left
－
contact
feedback
Product detail, including market price, our price, information. Allow more than one buy.
6
When the payment is available, the buy will be successful.
7
More detail.
5
6_WIREFRAME
Announcement
History
campus
campus
TOGETER
product
TOGETER
announcement
history Zhang
Your buy
Apple iPhone 6S - Unlocked Gold 16GB
Apple MacBook Pro MD101LL will be annouced
1
(No.125) participate time: 2015-12-25 02:13:24 winning
0
0 : 2
0 : 0
3
time: 2015-12-30 02:13:24
chat
Yue Apple iPhone 6S - Unlocked Gold 16GB (No.125) participate time: 2015-12-25 02:13:24 winning
Apple iPhone 6S - Unlocked (Gold) ,16GB
2
2016.1.13 18:00 total people: 2023 return rate: 800
0
0 : 2
time: 2015-12-30 02:13:24
0 : 0
Apple iPhone 6S - Unlocked Gold 16GB
3
(No.125) participate time: 2015-12-25 02:13:24 winning
Sony ICFC1 Alarm Clock Radio Black 2016.1.13 18:00 total people: 2023 return rate: 800
main page
1 2 3
awaiting 3245 participated
activity
3
time: 2015-12-30 02:13:24
chat
Shiyu Apple iPhone 6S - Unlocked Gold 16GB (No.125) participate time: 2015-12-25 02:13:24 winning
time: 2015-12-30 02:13:24
chat
My
Providing product countdown, which can relieve buyer’s anxiety. Products countdown and details. Swipe up to see history .
chat
Sun
countdown
4 5
History announcement provide the winners’ nicknames, raise the sense of credibility for users. Add the social factor, allow the communication.
4
5
Activity
Apply to Activity
campus
Start an Activity
campus
TOGETER
campus
One Yuan Buy
TOGETER
1
New Year Eve Dinner Shanghai
picture
4
Press to upload picture
New Year Eve Dinner Shanghai
New Year Eve Dinner in downtown Shanghai! Trip to Tokyo for Six Days Shanghai University total need: 10 people 8 participated
APPLY 2 left
Address:
West Sihao Road No.66 Shanghai
Call Us:
999-867-2018
We Need:
30 people
26 participated
Laser Strike in Downtown
8 participated
4 needed
Starter: Chang (Donghua University)
Nanking University total need: 10 people
Activity:
Address:
read before apply
Participant (26/30)
APPLY 2 left
APPLY New Year Eve Dinner Shanghai Donghua University Shanghai
about us main page
activity
contact
2 3
5
Call Us:
6
Time: We Need:
2016-1-10 people
about us
feedback
apply rule
START
contact
feedback
My
1 2 3
Detail information. To show the currunt situation. Strangers have to apply first.
4 5 6
Activity’s name, address starter’s information.
and
The starter has to make the reservation in advance. More information.
My Profile
campus
campus
TOGETER
My friend
1 2
campus
TOGETER
my friend
Yun Level 1
Yun
friends
Yun participation
password
win
register
Bian
my friends
login
Level 4
my address
Lei
my account
log from
3
Aman
my activity
Level 3
forget password?
Level 1
Zoe
log out
Level 1
Yun main page
activity
My
My Participation
Apple iPhone 6S - Unlocked Gold 16GB
－
1
＋
A Six Days Trip to Tokyo & Nagano
4
participate time: 12-25 announce time: 12-30
－
＋
(No.125) participate : 2015-12-25 win
time: 2015-12-30
SHARE
friends’win
(No.125) participate: 2015-12-25 win
time: 2015-12-30
－
1
＋
Friends are buying Apple MacBook Pro MD101LL A 13.3-Inch Laptop total need: 6233 people 5609 participated
624 left
BUY
5
campus
my account
6
(No.125) time: 2015-12-25 02:13:24 location: 2015-12-2:13:24
time: 2015-12-30
Invite
What’s hot A Six Days Trip to Tokyo & Nagano Shanghai University
7
total need: 10 people
APPLY
Yun 22.00
recharge
2015-12-25
Apple iPhone 6S - Unlocked Gold 16GB
-10.00
2 left
2015-11-25
Panasonic 154-RM Mp3 Player (No.125) participate: 2015-12-25 win
My Account
Shanghai Po New Year Eve Party
8 participated
Amy
participate time: 12-25 announce time: 12-30
My
balance
CHAT
Sony ICFC1 Alarm Clock Radio Black (No.125)
activity
my activity
Sony ICFC1 Alarm Clock Radio 1
main page
campus
win
Apple iPhone 6S - Unlocked Gold 16GB
Tong
(No.125)
My
My Activity
campus
participation
announce time: 12-30
activity
My Win
campus
(No.125) participate time: 12-25
main page
CHAT
Laser Strike in Downtown A Six Days Trip to Tokyo & Nagano
Nanking University total need: 10 people 8 participated
-1.00
APPLY 2 left
2015-10-24
Wuyi
Apple Ipad Pro Limited Edition (No.125) participate: 2015-12-25 win
time: 2015-12-30
Trip to Tokyo for Six Days Shanghai University
CHAT
total need: 10 people 8 participated
APPLY 2 left
Sony ICFC1 Alarm Clock Radio Black
2015-09-11
-50.00
1 2 3 4 5 6 7
Add friends. Level was base on user’s viewing history and product winning. Friends’ avatars, levels, click to communicate with friends. The user can raise the amout even the product was bought. Showing what friends are buying to ease the doubt, and promoting. Allowing the winner to share can attract more users. Invite friends to the activity you started.
APP QUICK UNLOCK As an iPhone user, I tried to find a solution to reduce the unnecessary process when using app.
0-1 ADD FINGERPRINT
campus
campus
Cancel Cancel
campus
Cancel
Place Your Finger
Success
Lift and rest your finger on the
You now can quick unlock App on your iPhone now
Home button repeatedly.
0-2 ADD APPLICATION
campus
campus
Finger 1
Cancel
Place Your Finger
Lift and rest your finger on the
Home button repeatedly. Add unlock App
campus
0-3 UNLOCK
campus
campus
campus
LOGIC FLOW
add again
no
add fingerprint
success
yes
add application
choose application
turn on / turn off
delete fingerprint
C N . E N G A D G E T We b t o a p p
14:01 PM
BELL
BELL
100%
14:01 PM
100%
BELL
search
14:01 PM
100%
search
product
article
my channels
headline
Sony will ensure 'The Banner Saga' comes to PS Vita 作者： ERIC CHAN
12 月 23 日 1:30
'Super Mario Galaxy' lands on the Wii U Virtual Console 作者： ERIC CHAN
12 月 23 日 1:30
laptop
software
media
laptop
software
media
computer
web
wearable
computer
web
wearable
phone
internet
health
phone
internet
health
game
flat
interview
game
flat
interview
machine
store
column
machine
store
column
camera
science
transport
camera
science
transport
product
audio
tractable
product
audio
tractable
TV
houseware
outer
TV
houseware
outer
便携多媒体
This is why 'Prince of Persia' has the legacy it does 作者： ERIC CHAN
12 月 23 日 1:30
The playable poetry of 'That Dragon, Cancer' lands in 作者： ERIC CHAN
news
evaluate
topic
12 月 23 日 1:30
gallery
video
Web navigtions are news, evaluate, topic, gallery and video. Using tabs, to help the users to access the information efficiently, and able to switch easily.
more channels
更多频道／点击
audio
media
health
台式电脑
软件应用
flat
wearable
interview
笔记本电脑
网络产品
news
evaluate
topic
gallery
video
news
evaluate
topic
佩戴产品
gallery
Searching is one of the most commonly used on the web version , it is on the top right, so I place it the same in the App version. Searching is devided to product and article, as it is in the web version.
video
14:01 PM
BELL
100%
BELL
14:01 PM
100%
BELL
14:01 PM
100%
to a more serious consumer -- the picture
easy, rounded corners of the old Me MO Pad 7 have been replaced by.
Asus ZenWatch 2
The square shape, mix of plastic
headline Author: ERIC CHAN
23.12 1:30
and glass and tiered back panel are Just by looking at the device, you 'Pokken Tournament' controller coming to China after all 作者： ERIC CHAN
The fate of a Picasso is in the Internet's hands 作者： ERIC CHAN
12 月 23 日 1:30
Evaluate Asus ZenWatch 2
作者： ERIC CHAN
to a more serious consumer -- the easy, rounded corners of the old Me MO Pad 7 have been replaced by. The square shape, mix of plastic and glass and tiered back panel are
12 月 23 日 1:30
Evaluate Huawei Mate 8
作者： ERIC CHAN
know ASUS is trying to make appeal
12 月 23 日 1:30
true to the clutch-bag design the com pany's aiming for. A wealth of bezel
12 月 23 日 1:30
true to the clutch-bag design the com pany's aiming for. A wealth of bezel above and below the display -- which can get seriously bright if you need it Just by looking at the device, you know ASUS is trying to make appeal to a more serious consumer -- the easy, rounded corners of the old Me MO Pad 7 have been replaced by.
above and below the display -- which can get seriously bright if you need it
news
evaluate
topic
gallery
video
App version has less distraction than web, providing this “immersefeeling for the user.
On App version, the articles are usually short, there is no need to go back to the top, but have to able to comment and share without breaking “immerse” feeling. So when users slide up, there is a floating toolbar for comment, share, like, and go back.
BELL
14:01 PM
100%
gallery what’s hot
14 pics Windows Gaming
Due to the difference of Web and App, less pictures can be shown on the phone, so I chose the way to show the most pictures without sliding down.
more
10 pics
15 pics
Logitech G9 Spark set
Meizu MX4 pro
Windows 10
Huawei MX9
news
14:01 PM
BELL
100%
evaluate
BELL
topic
14:01 PM
gallery
video
100%
my Amy beginner
当日头条 headline
RSS order
Amy beginner
According to Pareto Law, the less used information is put aside, combine with personal information, to satisfy the needs of the advanced users.
about Sony will ensure 'The Banner
0 collect
Saga' comes to PS Vita 作者： ERIC CHAN
contact us
12 月 23 日 1:30
'Super Mario Galaxy' lands on the Wii U Virtual Console 作者： ERIC CHAN
12 月 23 日 1:30
This is why 'Prince of Persia' has the legacy it does 作者： ERIC CHAN
12 月 23 日 1:30
The playable poetry of 'That Dragon, Cancer' lands in 作者： ERIC CHAN
新闻 news
评测 evaluate
专题 top
12 月 23 日 1:30
图集 gallery
video
setting
recent view
what’s hot
1 comment
1 like
p a re n ti n
g app
Little Sun
M I_N DAffM A P
B A_C K GROUND Aff
A
Parenting has become more important than ever in today’s Chinese family. In nowadays, China has the one-child family of about 1,500 million, and parenting is a collaboration of parents, babysitter, even grandparents, thus appears the “Little Sun” phenomenon. What most people care about the kid is mostly 4W , where, who, when, what.
small is beautiful
SIMPLIFY
简
less is more
O N LY CHILD
one child policy
_R EAff SEARCH
独生子
for the young parents
FUN
elder care
over protective
we
Who takes care of the kid more?
grandparents
孝 filial piety
CHINESE
FA M I LY
传宗接代 carry on the ancestral line
家
pe
ri
r
ex
he
和
ot
no
en
ce
Why?
harmony
work
?
FIGURES MODELLED _
Aff
Liu Jiaqi & Yang Yuzhen 65 & 70 Jiaqi and Yuzhen both retired and live a life of leisure. For them, nothing is happier than spending time with their five-year-old grandson Beibei. However, as many other aged people,sometimes they forget things like to take Beibei to piano lesson on thursday...
Yang Nana & Chen Niu 28 & 29 Nana and Niu are both busy with works. When working overtime, they always worried about if Mingming is taken good care of, is he home now, or he’s out with grandparents today...
R E Q U I R E M E N T S A N A LY S I S Version 1
where is he/she now
map based
where is he/she doing
easy phone call
location
activity name
family
bracelet device on bagpack iwatch?
easy phone call
aged users
APP-small and simple voice message voice message
reminder medicine
healthcare Beibei’s lessons voice message
WIREFRAME
UI DESIGN C1EDEB 9E9E9F
ff73a5 I use warm and vivid color to creat a happy atmosphere.
FF6E00 ff73a5
EEEEF3
717071
ICONS cute & easy to recognize
TYPOGRAPHY easy to read suitable for flat design
方正兰亭细黑_GBK
U S E R I N T E R FA C E
Carrier
8:08 AM
100%
8:08 AM
Carrier
�退
100%
8:08 AM
Carrier
12:15 Monday
100%
12:15 Monday today
Huangpu People Square
07:00 supermarket
Starbucks
-10
08:15 breakfast 13991919898
12:00 Beibei
-5
0
kindergarten
19:30 Beibei drawing
07:00 breakfast 08:15 Beibei
kindergarden
12:00 take medicine
-10 -5
0
-20
07:15 supermarket
20:30 Beibei
homework
0
08:15 breakfast
20:50 Beibei
milk
0
09:30 Beibei
tomorrow
kindergarten
future
12:00 take medicine
task main page
repeat 2.3
2.1 8:08 AM
Carrier
100%
Carrier
12:15 Monday
8:08 AM
100%
12:15 Monday today
today 12:00 take medicine
0
19:30 Beibei drawing
-20
08:00 supermarket
0
08:30 breakfast
-5
20:30 Beibei
homework
0
09:30 Beibei
20:50 Beibei
milk
0
12:30 Beibei drawing
0
20:30 Beibei
0
12:30 Beibei kindergarten 07:00 breakfast
-10
tomorrow
kindergarten
homework
every week every month
fututre
others
duty
repeat 2.3
duty
repeat 2.3.1
-20
8:08 AM
Carrier
100%
Carrier
12:15 Monday
Back
Back
20:50 Beibei
milk
task
20:30 Beibei
homework
start
19:30 Beibei piano 16:15 Beibei
kindergarten
08:15 Beibei
100%
OK
Carrier
Back
8:08 AM
12:15 周一
2014年11月11日 08:30
end
2014年11月11日 09:30
repeat
once everyday everyweek
task
14:15 take medicine
8:08 AM
12:15 Monday
together
new task medicine breakfast buy milk supermarket
kindergarden
07:00 breakfast
12 Hour time mode 24 Hour
to kindergarden
all read
deleted 2.4 100%
Carrier
12:15 Monday
Back
everyday
ring
8:08 AM
2.6 100%
12:15 Monday
OK
task
everyweek 一
reminder
2.5
8:08 AM
Carrier
vibrate
drawing cash piano lesson
start
14:30 Beibei dancing
-30
三
19:30 Beibei drawing
五
21:00 Beibei homework
0
六
20:30 Beibei piano
0
日
10:00 Beibei English
every month
-20
-20
2014年11月11日 08:30
end
2014年11月11日 09:30
repeat
once everyday everyweek
task
new task
Q W E R T Y U I O P A S D F G H J K L Z X C V B N M
others duty
repeat 2.3.2
123
space
return
100%
OK
PRODUCT DESIGN
BUTTON PLUG-IN Did these two problems ever bother you while using the usual plug-in, always forget to press the switch buttons after using, besides, feeling really hard to unplug? The new button plug-in solve the two problems easily, by pushing the button, the inside spring will push the plug out. Pulling out plugs becomes easier, and the power will cut off in order to prevent accidents.
User Friendly
Safe & Easy & Fun
RENDER
MODELS
GRAHIC DESIGN
POST AE ff R D E S I G N One Youth Talk
O N E Y O U T H TA L K , 2 0 1 4
JIANGHU BAR,2013
POST AE ff R D E S I G N
S H A N G H A I D AY & N I G H T, 2 0 1 3
S H A N G H A I D AY & N I G H T, 2 0 1 3
ALBU AM ff C O V E R
D
U
CO
FFEE H O
U SE
H
Lakeside
s
L O G O fD E S I G N
THANKS