WANGCHENQI PORTOFOLIO
AT&T
AT&T
AT&T
AT&T
AT&T
AT&T
AT&T
COLUNM CHART
in the column chart,you can zoom in and zoom out the column you want to see. When zoom out, the data will be shown on the column
the chart page semplify the data in a more visualized way. you can switch the chart type with one finger.
这款APP 的主要功能是 A 审批请假单
B 审批员工报销单
C审批购买清单
D 查看人事关系
主要设计目标是 1
即时性
一般的审批流程手续比较复杂， 通常需要经理助理收集好所有 的审批单之后一起给MANAGER 签字，中间存在延时这款软件可 以让MANAGER 在碎片时间处 理完这些审批单，帮助他们从繁 琐的事务中解脱出来。
2
一致性
用户可以轻松上手，因此软件的易用和 一致性非常重要，这款APP 在设计的过 程中，参考了SAP 当时的UI GUIDELINE 以保证设计是遵循BY DESIGN 的UX 策略的
3
快速浏览 & 快速审批
在调研的过程中会发现，在操作过程中，一般 数额较大单据的管理人员才会点开仔细看， 而数额较小的，管理人员则希望迅速批准， 追求效率。
首页架构，提供快速浏览 Leave Requests
Shopping Carts
All(14)
Home
Leave Request(9)
Shopping Cart(5)
TNT Team Send Back
Others
Rejected
Open
12,000
12,000
15 Days
15 Days
Approved
12,000
12,000
12,000
12,000
12,000
12,000
15 Days
15 Days
15 Days
15 Days
15 Days
15 Days
12,000
12,000
12,000
12,000
12,000
12,000
12,000
12,000
15 Days
15 Days
15 Days
15 Days
15 Days
15 Days
15 Days
15 Days
Trips Reset
Quick Approval
1
Confirm
2
方案一：雷达图 在这一页中，把四个功能块分为四个象限，离圆心越近，表示审批的 数额越小，离圆心越远，表示审批的数额越大
方案二：箩筐 把需要APPROVE 的（报销单，请假单，采购单）放在一个篮子里， MANAGER可以拖动ICON 来决定是否要批准该假单
方案优点：可以给MANAGER 一个直观的印象，让他大致了解需要 审批的数额总量 方案缺点： 对于初次使用的用户，理解首页框架存在一定的难度
方案优点：可以快速的看到每个申请单的详细信息 方案缺点：不同类型的假单放在一起看起来比较混乱，特别是量大的 时候。
3 方案三： 在 B 方案的基础上，增加了每日申请的总量（比如，在请假单 功能页上，可以看到每日请假的人数总量，如果有太多人请假的 话，柱状图会变红，来提示经当日请假人数过多
首页架构，提供快速浏览 Leave Requests
Shopping Carts
All(14)
Home
Leave Request(9)
Shopping Cart(5)
TNT Team Send Back
Rejected
Open
Approved
沟通后选择了方案一，因为方案一看起来更直观，相对方案二 ，操作起来也更快捷 12,000
12,000
Others
Trips
即时性
12,000
15 Days
15 Days
12,000
12,000
12,000
12,000
一致性
12,000
1
15 Days
15 Days
15 Days
15 Days
15 Days
15 Days
12,000
12,000
12,000
12,000
12,000
15 Days
15 Days
15 Days
15 Days
15 Days
12,000
12,000
12,000
15 Days
15 Days
15 Days
1
快速浏览&快速审批 Reset
Quick Approval
1
Confirm
2
方案一：雷达图 在这一页中，把四个功能块分为四个象限，离圆心越近，表示审批的 数额越小，离圆心越远，表示审批的数额越大
方案二：箩筐 把需要APPROVE 的（报销单，请假单，采购单）放在一个篮子里， MANAGER可以拖动ICON 来决定是否要批准该假单
方案优点：可以给MANAGER 一个直观的印象，让他大致了解需要 审批的数额总量 方案缺点： 对于初次使用的用户，理解首页框架存在一定的难度
方案优点：可以快速的看到每个申请单的详细信息 方案缺点：不同类型的假单放在一起看起来比较混乱，特别是量大的 时候。
1
3 方案三： 在 B 方案的基础上，增加了每日申请的总量（比如，在请假单 功能页上，可以看到每日请假的人数总量，如果有太多人请假的 话，柱状图会变红，来提示经当日请假人数过多
方案一细化，分层展示详细信息 Shopping Carts
Shopping Carts
Leave Requests
Quick Approval
Leave Requests
Quick Approval
All Requests
Shopping Carts
Shopping Carts Daniel McDonald Book
Reject
Daniel McDonald Book
Benjamin Adams
Approvals
Shopping Carts
3
Benjamin Adams
Leave Requests
3
Ryan Brown
Trips
Benjamin Adams
Others
3 3
Daniel McDonald Book
Daniel McDonald Book
Benjamin Adams
Benjamin Adams
Vacation
Ryan Brown
Illness
Michael Adams
Vacation
Shaun Parker
Vacation
Michael Adams
Total Amount
$1499
Shaun Parker Trips Daniel McDonald Book Others
Others
Daniel McDonald Book
Daniel McDonald Book
Others
把最主要的信息以列表的形式铺开，次要信息则放在第二层 只有在需要查看的时候才展看 这样做的好处是可以帮MANAGER 迅速抓住主要信息，快速做处理工作
June 5th-June 10th
Ryan Brown
Daniel McDonald Book
层级式
Apple World Wide Developers Conference
Benjamin Adams
Trips
Quick Approval
Shopping cart
Ryan Brown Leave Requests
Leave Requests
Daniel McDonalds Developer
Trips Deselect All
Approve
Reject
Quick Approval
Deselect All
Approve
查看人事关系页 1
1
MICHALE ADAMS
MICHALE ADAMS
Daniel McDonalds Developer
1
Shopping cart
1 1
1
MICHALE ADAMS
MICHALE ADAMS
MICHALE ADAMS
MICHALE ADAMS
Apple World Wide Developers Conference June 5th-June 10th
1
1
MICHALE ADAMS
MICHALE ADAMS
1
1
MICHALE ADAMS
MICHALE ADAMS
Total Amount
1
1
MICHALE ADAMS
MICHALE ADAMS
1
1
MICHALE ADAMS
MICHALE ADAMS
Reject
Quick Approval
$1499
Quick Approval
展示公司内部的组织架构，每位员工的详细信息，如果存在审批需求，也会在这张关系网上体现出来
Approve
APP改版前 原来的华安基金APP 页面存在功能太多太繁杂，架构不清晰，界面设计过时的问题，已经不能满足 用户需求， 界面急需改版来精简原有的功能，提出更合理的导航规划，来提升华安基金的品质。
APP改版前 1
8
2
3
9
10
4
11
5
6
7
12
13
14
资产总览
买入
定期定投
卖出
消息通知 全部基金
转换
收益查询 我的二维码 定期定投
添加
自选基金
交易记录
微钱宝
客服电话
我的账户 分红方式 银行卡管理 购物车
项目背景介绍 行车难，停车更难。目前上海的汽车保有量突破了250万辆，如果加上上海车主上外地牌照，这个数字超过了300万辆。与汽车数量的急速增加相比， 城市停车位的增加显得增长缓慢。于是，在寸土寸金的上海，“抢车位大战”每天都在上演。那么，哪些场所，哪些时间段，停车特别难？在停车 位不能一蹴而就的情况下，如何缓解这个矛盾？我们在出行的时候，如何避开停车难点？ 这个项目希望从调研出发，了解上海目前停车的主要难题 ，以服务设计的角度，来解决这些难点
前期调研 --
5大最难停车地点
购物中心
NO 1
三甲医院
NO 2
购物中心
NO 3
路边临时停车点
NO 4
住宅小区
NO 5
餐饮场所
问题发现
问题一：地面停车又贵又满，但附近停车库停不满 背后分析：1
不知道哪里有地下车库，地下停车库的位置比较隐蔽 2 立体车库停车难度大，对停车安全要求较高 3 不知道哪里有空余的车库
问题二
潮汐现象 商务楼白天爆满， 晚上空 小区 晚上爆满，白天空
背后原因：
基础设施不能满足需求 商务楼：目前写字楼的车位配比不足 小区：但小区配备的停车位只能够满足60%左右车辆停车需求， 很多车主的车位只能停在路边
问题解决 1 停车指南 针对目前不知道哪里有停车位的情况，为用户提供提示和导航。 并在车位比较满的情况下，帮助用户找到一些商圈附近位置比 较隐蔽，不容易被找到的停车位
2 利用潮汐现象，互换车位 利用车位的潮汐现象，帮助业主把白天小区车位出租出来， 提供给附近写字楼找不到停车位的用户。同样，在晚上的时候， 也可以把小区附近写字楼的车位出租出来，提供给小区用户。
目前暂无很好的解决方案，值得探索
满足服务的基本条件 1 办公楼和住宅楼混搭 2 办公楼/小区其中一方的停车位不足 3 小区和办公楼物业允许
目前已有很多这样的解决方案
服务故事版
???
1
小明每天都开车上班,但到了上班点 以后，停车成了大问题， 他常常找不到停车位
4
系统随即发送租客的预订信息给车位主人， 车位主人也确认了租客的请求。
2 于是他上网求助PARK SHARE 来解决这个问题
5
交易成功，在之后的一个月内，从早上9点到下午4点， 小明可以使用这个车位， 同时，车位主人也因此获取了一笔外快
3
PAKESHARE 上面有许多在他单位附近 可供出租的车位，小明预定了一个停车位 置比较方便的车位
服务故事版 12 9
3
!!!
6 使用超时 使用超时 您还有15分钟把车从车位上移开 0
9
16
24
您还有15分钟把车从车位上移开 0
1
4
小明晚上要加班，但是约定的时间已到
车位协调员把他的车挪到周边比较公空的停车位 并把停车的新地址发给小明
2
9
16
24
车位主人马上要回来了，小明没有时间也不知道 可以把车挪到哪里
5
小明下班回家后可以到新地址取车
3 他使用APP呼叫服务联系车位协调员
目标用户分类&需求分析 用户分类
车位出租者
目的 所发布的车位能够让别人看见，排名靠前 找到合适靠谱的租客 说明那些天租客可以使用，哪些天不能用 确保租客能够准点离开，自己的使用不受干扰 确保自己延迟离开不会给租客带来困扰 租金可以准时收到
电脑端场景下
手机端场景下
车位租赁者
找到合适的租位 了解租主的信用 确保自己的延迟离开不会影响到租主 了解自己哪天可以使用，哪天不可以 了解自己可以使用的时间段
电脑端场景下
手机端场景下
协调员 围观此服务 的群众
当出现一方延迟的情况，出面协调租主 与租客之间的关系，确保服务顺利进行
服务推广，让他们知道该服务的功能
小结：设计目标
使用方式 查看该租客的信用记录 在网站上了解协调员的功能，放心把钥匙给协调员进行车位协调 在网站日志上标明哪天可以使用，哪天不可以用 了解该租客的使用状态，如果过了点还没走，系统通知协调员进行车位协调 如果自己的车到了点还没走，系统通知协调员进行车位协调 查看租客信息，联系电话 钱到了有通知 查看该租主的使用记录 在网站上了解协调员的功能，放心把钥匙给协调员进行车位协调 了解车位的具体地址，并能够联系到租主 查看租主的使用状态，如果发生延迟可以做好准备 如果自己的车到了点还没走，系统通知协调员进行车位协调 系统提醒租约已到，如要续租请付款
1 怎样让大家知道车位协调员的功能 2 怎样方便租客管理自己的出租时间表 3 怎样宣传推广该服务，吸引围观群众加入 4 怎样体现租客/租主的信用 5 怎样帮助他们方便找到满意的车位 6 如果双方不满意，引起纠纷，该如何处理 7 如果出现一辆车来了，另一辆还没走，如何在 交互上进行协调，并引入协调员角色
网站首页 注册
登录
发布您的车位
注册
车位共享
车位共享
登录
发布您的车位
PARKING SHARE
PARKING SHARE
车位协调员小Q
12
12 9
9
3
3 6
使用超时
您还有15分钟把车从车位上移开
6
小明每天都开车 上班,但到了上班 点 以后，停车成 了大问题，他常 常找不到停车位
于是他上网求助 PARK SHARE 来解决这个问题
系统随即发送租 客的预订信息给 车位主人，车位 主人也确认了租 客的请求。
交易成功，在之后的一个月内， 从早上9点到下午4点，小明可 以使用这个车位，同时，车位 主人也因此获取了一笔外快
0
小明晚上要加班，但是约定的时间已到
9
16
24
车位主人马上要回来了， 小明没有时间也不知道 可以把车挪到哪里
小明下班回家后可以到 新地址取车
车位协调员把他的车挪 到周边比较公空的停车 位，并把停车的新地址 发给小明
网站第二页
注册
车位共享
登录
发布您的车位
PARKING SHARE
注册 登录
车位共享
发布您的车位
发布您的车位
注册 登录
车位共享
PARKING SHARE
PARKING SHARE
0
租用时段
长租
短租
车库类型
地下车库
地面停车
日
一
1
二
2
三
3
四
4
五
5
六
6
9：00
价格
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
50元/天
10元/天
漕河泾田林三村 联系人：王先生 9:00-15:00
16:00
租位可用时间段
9:00—16:00
漕河泾田林三村
20元/天
漕河泾田林三村
20元/天
车位描述 xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx
10元/天
漕河泾田林三村
租位可用时间段
9:00—16:00 共计
预定
20元/天
漕河泾田林三村
20元/天
租客评论 xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx
漕河泾田林三村
20元/天
漕河泾田林三村
20元/天
业主：xxxx
xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx
准点率：97%
元
确定 0
漕河泾田林三村
80
9：00
16:00
24：00
PARKING SHARE
PARKING SHARE
PARKING SHARE
车位共享
车位共享
车位共享
车位共享
PARKING SHARE
目前车位上没有车
使用超时
使用中
剩余4小时
最近的准点率 9
登录 注册
16
您还有15分钟把车从车位上移开
24
0
9
16
24
到达时间
9.7
分