YE YIWEN DESIGN PORTFOILO Design Research Interaction Design 2010-2015
MAIN DESIGN WORK Interaction Design
Form design
The design of the integration and innovation products: smart travel
Information product design
APPdesign-Quest Liuhe pagoda
Business case
China Telecommunications －“Travel assistant” concept design
1.孩子已经在回家的路上了呀 2.看看他的成绩如何 (点击导航-打怪-恭喜-点关闭-跳到下一个图）
1
1.Service Model
1
2.Design Task
Hongxin Field Assistant Concept Design Competitor analysis. user journey diagrams. brainstorm. conceptual design
2015.6ďź?2015.7
Competitor analysis
1. Analysis thinking 1.1.Service Model 1.2.Design task 1.3.Design object 2. Product positioning and information structure 2.1.Product positioning 2.2.Information structure 2.3.Product differentiation positioning 3. Analysis of competing products 3.1.Office management 3.2.Field service 3.3.Effective communication 3.4.Performance dimension 3.5.Incentive mechanism
GOAL This project hopes to better meet the field management by optimizing mobile office. Task transmission, task implementation, task report
Personnel dispersion, field office has low enthusiasm, does not has timely feedback.
1 3.Design Object Operation mechanism analysis work Workflow attendance check
Communication
management
data
task check
Build relaxed working atmosphere:
handleďź? change task
results check
domestic business
communication
Foreign business
Communication
management
data
Prediction precision user expectation
relaxation
Clear goal
Clear itinerary
Adequate preparation
Efficient record Simple and timely
Performance audit
Applicable to more working scenes:
sense of personal achievement domestic business
Risk resolve
Foreign business
involve
Design key points
Office management
functional requirement
applicable to multiple industries. Self-defined functional area, cannot lose direction due to multiple functional modules.
Communication
management
data
Visiting process
notice the synchronism of information communication between field people and the company.
Put emphasis on efficiency communication: Communication efficiency
Performance dimension
excitation mechanism Content Methods
domestic business
Foreign business
self-defined fussy working process, which enables users to conveniently implement. In the working process, it enables users to check and comment, and realize efficiency communication.
Communication
data
2 1.Competitive product positioning
2.Competing product information architecture
quqiďź?sales assistant The sales tool which meets relaxed field work of employees Quqi sales assistant puts emphasis on helping sales people to manage the sales work, various management of field business and real-time display of dynamics inside the company, and enables field people not to disconnect with the company.
Field Assistant VS
Field 365 Personalized self-management tool for field people It has many cooperative enterprises, mainly bases on daily work management of field people, with deficit function classification. It has self-defined working table, which makes app more customized, it is properly assigned with the computer functions, and the cooperative webpage terminal is managed.
domestic business
management
1+n product structure, classify the terminals per industry: Foreign business
it puts emphasis on the display design of data sheet because of inborn industry module advantages.
Pocket assistant The mobile office tool which puts emphasis on efficiency communication and efficiency office. Put emphasis on communication function, high quality and high efficiency of task treatment, users can participate in the communication and comment during the reporting and checking process.
Red circle marketing Personalized sales management tool which is customized for the industry It solves the basic problems of enterprise sales management, besides, successfully develops the standard solutions for the industry based on characteristics of various industries.
2
3.Product differentiation positioning
3
3.Page office management
Customization
It has checking-in reminding.
Function continuity
Function separation
Avoids the loss because of the forgotten checking-in of the users
The classification of tasks is explicit It lets users fast correspond the relation between tasks and users.
Automatic checking-in Avoids the loss because of the forgotten checking-in of the users
Calendar work plan
Strict checking-in
It helps field people to conveniently complete planned and rhythmic work.
It is another kind of monitoring measure for management people, besides the gps positioning.
General utilization
3 Customization
design customized service according to characteristics of different industries, more suitable for the usage of users in specific industries.
General utilization
provide more basic functions in order to meet the demands of more users.
Functionalization
focus on functions, rather than the process, the overall functions have flattening display.
Process
meet the task implementation consistency of users, strengthen the connection between functions.
4.Page - performance dimension
from content
office work
field work
attendance
clients order
ranking
business opportunity mileage
Data extraction Positioning
Contract ... payment
score task Put emphasis on personal motivation
Analyze performance
Put emphasis on visit statistics
Put emphasis on the statement
Synthesize accurate performance work conditions in multiple dimensions and multiple expression methods.
Display the statistics results in the form of multiple dimensions and diagrams.
Make histogram comparison of visit statistics of field people.
Visually represent the 外勤 statement statistics in the form of multiple diagrams.
from time
day/week/month
3
How to help users to carry out field visits smoothly?
5.Page – field visit service process
Before the visit
Horizontal tile of functions task cross page
Travel card the form of card is more plentiful than the information displayed by the list.
The record can be saved the visit record can be uploaded or saved temporarily, which provides more operational choice space for users.
Put emphasis on the visit process
Most fluent customer visit process the visit record can be uploaded or saved temporarily, which provides more choice space for users.
multiple visit record methods, which provide more record choice for users
during the visit
function Customer contact
Customer positioning
Colleague contact
Travel plan
Customer data
photo record
visit history
feedback
related news
voice record
navigation
3
after the visit
sharing
add customer Visit evaluation
6.Page-excitation mechanism
Main functions of existing motivation mechanism method
Provide sense of achievement Scoring mechanism Ranking list Mileage statistics Statistical work schedule Diligence guidance
Increase work performance Chicken soup for the soul Data statistics comparison Non-treated work Current conditions of colleagues
Details of display of self-achievements
Strong collective work atmosphere
Diligence helps users to real-time monitor self work schedule
Display the positions and business of colleagues in the form of waterfall flow
Work clock Represent the uncompleted work in the form of process, which enables users to fast know the step they are in.
Put emphasis on statistics comparison of the statement
Work diary and task assign
The content of statement is the data comparison of all the field people.
sharing work diary with colleagues
plan
execution
gathering
management
Customer summary Input system
4
journey map
5
brain strom
make up a plan
confirm
attendance check
select clients
keynote
feedback
on duty
Attendance
urgent Sharing process
task list
guide
working plan administration
Execution process
task in plan
off duty
working platform
extra task
I
application
app
summary
mine
my comment my dynamics Set view permissions
My dynamics company news
history
news working platform
Attendance statistics
scene
submit personal management
my management
I
View, comment
all
current work
Non urgent
Supplementary process
Day task summary
Custom add delete
log in
management
work summary
my contact
tool client contact Data maintenance colleage contact
edit my working platform scene alart Display mode Route template Upload mode
6
concept design
First page:
My task
Working table
Make the route
Customer visit
Report new customers
Check the ranking, the assigned task on the implementation day, and the schedule task on the implementation day.
Implement the visit by checking the visit task on that day, and implement the visit according to the planned route.
The total column of internal and field work, self-defined adding or deletion the working column by pressing the plus sign
Make the visit plan on that day independently, and make personalized customization according to the shop characteristics.
Submit the order to the delivery company during the customer visit period, with one key checking-in.
Be able to report new customers once finding new business opportunity, make estimate judgment for customer scale and visit.
Integration and innovation products Intelligent travel design Product introduction Character archetype Story board lo-fi app design Scene animation
User Research 1 PERSONA
2
EXPERIENCE FLOW
sleeping
get up
dress up
have breakfast
doing sport
have a nap
weekend
name: Xiao Hao age: 8 years old family member： father,mother.(His parent’s are busy )
mor ning
Economic situation： A well-off family, living in a house of more than 150 square, the monthly income of parents have reached 6000 yuan.
handcraft
show awards
read cartoon
play games
have dinner
after noon
toys
Life environment: He lives in a comfortable environment, the only inconvenience is that his parents often busy working but have no enough time to accompany him.
night
Living habits： "Every day eat breakfast at home, drink milk , eat bread and eggs.And then my father and mother sent me to the class have lessons”
study
sleeping
relatives
Hobby: “I like watching cartoons, and also like play with classmates, and now I have a lot of new friends, our class will play online games, it is now very popular.” .
Life wish: “I want to stay with my mom and dad. They can play with me on the weekend. I would like to go to the amusement park and water park.”
school party
have some snakes
have lunch
play
play
3
STORY BOARD
“Click it to know the way home. Also it can notify parents, mom will not worried about me”
“Dad are so busy working , so sad”
“they are not funny”
The APP can set the function of treasure
“Received my son's message, the car has GPS and Positioning system, I am very happy”
“Play in the park can find the treasure, everywhere can find surprise!”
Easyto tofind findthe theway way Easy
Jungle Treasure
Game mode
4
lo-fi
通知信息
路线导航
第一次点
输入地点
搜索地点
显示信息
设置成功
系统消息
打怪游戏 登陆游戏
查看历史
新建游戏
放置宝箱
评分机制
进行游戏
Treasure hunt
History Record
New game
Input location Place the chest
Show route
Start game
Continue the last game
adventurer
Monster game New game
Set the amount of monster
Navigation
View trajectory
Route setting
Start game
Game over
Show score
Game over
Show score
Ener Game
Add new spot
Select route
Search route
ADVENTURE APP DESIGN
page2 See the record of treasure hunt
page3 Click to add new game
page4 Input the location of chest
page6 Drag the icon to add chest Place the chest
page5 app is searching the route
page8 page7 page9 Start the game to see progress Finish the game to get results View return route and time Check the remaining number of chest
Finish the game
back
ADVENTURE Filming !!
First set the location，click the navigation
Lots of jumpy beasts，Aim at one, shot, and it dies.
!
children get out of the house，and car starts the navigation. After two turns，children arrive at the park.
Mom received the kid’s location and check.
Children start hunting the chests. Go forward and find the chests around the corner
1. Children are on their way back home 1.孩子已经在回家的路上了呀 2.See how the results are 2.看看他的成绩如何
Exploration of Pagoda Design goals: West Lake tourist navigation game APP User goals: Young people who love to travel. Reason: According to our research, there is little APP used in the elderly, but there are few young people go to Liuhe Pagoda. APP main user is young people, and young people are more tend to go to interesting places . Liuhe Pagoda seem too old for them,because there is no fun. Design direction: In the game's way of doing tours, make the boring scenic ancient architecture becomes popular in the young people.Driven young people to travel, while spread classical Chinese culture.
1
2
Application Features:
Experience Mode:
start map enter
Bring the scenic and cultural presentation, service information, activities into the game settings,allows users to get recommend of tourism routes, catering services and other basic information in the course of the game experience.
Invisible technology service, enabling users to maintain full quest sense of curiosity, initiative and capable to receive information
Exploration of Pagoda
no introduce
yes
Destination
3 RESEARCHďźš
Liuhe Pagoda
To better understand the needs of users, in order to meet the application services. We designed a questionnaire. Survey: Most people travel to the Liuhe Pagoda is more than 20-year-olds.Characteristic of this group is easy to accept new things. Familiar with the various types of software.
1 2 3 ... 7
Pray bell
Scenic A
Simulate bells Brick
Patterns Plaque Riverview
start game
Tracking Drawing
Framing photo
Passing
get scores
20-30
30-40
40-50
50-60
Judgment choice
See the text guess diagram
not Passing
no score
4
DESIGN FLOWďźš
5 LO-FI：
Preliminary Interface : The navigation bar: Integral (bell, discount information, drop down menus, service information); return
Waiting Page
Under the navigation bar: return home, settings (music, sound, push, effect switch); Share (message box, links); contact us (message, phone, email, confirmation)
Touch to unfold
Cloud moves
from left to right
Simple fun interactive game.The game is not mandatory, use the introduction to guide the user to the game in the process.
Map
Current
Inside Bubble is the introduction
flows indentedly
Standby Animation Paddle swings
Game ideas:
The game here is not necessarily to allow users to play, but the situation becomes more interesting, the user must find the answer to win the game in a tower. Points earned can be converted into the discount coupons and vouchers, improve user enthusiasm.
Buildings appear dimmed when they are touched If intereted in some, click onto it
Interactive mode:
Back
Exploration of Pagoda
风景 录像
The bubble box pops up Photo Score button Pop up discount info.
Click and navigation bar appears
Game page
Find the names of Brick carving according to textures
For Services and activities
6
HI-FI： Exploration of Pagoda
The game interface - timing tracing 1.Game description page that tells the user patterns of history and gameplay 2.Start the game, press the START , finished draw the patterns within the stipulated time. 3. When tracing mascot who will give you refuel. 4.Timing up, the correct path and the path will be in comparison. 5.When the fit is more than 96% judged as successful, and add 200 Points。 6. When it is judged that the rate is less fit is failure, you can do it again。
Game interface - Figure photographs 3. Game description page, the user must find the same landscape photographs in a floor. 4,. start the game, the election of the box is the frame, according to the same angle we can take photo to compare. After comparing if successful will automatically earn points.
The game interface - judge selection 1. The game description page, the user must go to find the floor in accordance with the real picture. 2,. start the game, there is introduction next to real landscape and then select the correct landscape name. If you select the right will automatically earn points.
The game interface - Service Set up Share it Suggest Click into the integration page, points can be exchanged for a free chance to ring the bell, you can also use points to exchange for discount coupons and vouchers.