portfolio of UX design-Dandan Yu

Page 1


2012.09 - 2013.09 北理工工业设计班11级 团支书

校园

获奖

职务

2012.09 - 2015.06 北理工文科学部文学社 编辑部部长

2011.09 - 2015.06 北京理工大学 设计与艺术学院 工业设计系 本科

于丹丹 131 - 6720 - 8923 764927698@qq.com 交 互 设 计 师

2011 2013 2013 2014

北理工文科学部优秀学生干部 北京理工大学“五四评优”优秀团员 北京理工大学 优秀学生 北京理工大学“五四评优”优秀团员

2012、2013、2014年三次国家励志励志奖学金 大学时期两次一等人民奖学金;五次二等人民奖学金 专业课程:设计表现、设计构成、交互设计、人机工程学等


2015.09 - 至今 同济大学设计创意学院研究生学生会 宣传部长

2013.09 - 2015.06 北京理工大学节能车队 外壳组组长

2016.09 - 至今 同济大学设计创意学院第三党支部 书记

2015.09 - 2018.06 同济大学设计创意学院 设计学 硕士 “4T”赛车获2014 Formula-E级方程式国际方程式设计锦标赛成绩认定; “全球鹰越野之鹰” 获2013年杭州“市长杯”工业设计大赛吉利分赛场优秀奖; “虎头蛇尾”2013年北京理工大学群众路线主题漫画一等奖; “简便穿脱鞋”获2012年大学生创新项目成果验收。 2014 ISDW UX Design of Relaxing 四国夏令营成绩认定; 2013年 Honda 节能竞技大赛节能车电车获成绩认定; 2013年设计学院首届手绘大赛二等奖; 2013年北京理工大学人文知识竞赛三等奖;

2016年光华奖学金 2017年优秀学生干部 2017年“同济大学卓越工程师法国行”优秀学员 “鱼烬” 获2016年全国海洋文化创意大赛优秀奖; “生态渔网” 获2016年全国海洋文化创意大赛优秀奖; “安全鱼钩” 获2016年全国海洋文化创意大赛优秀奖; “玄鸟” 获2015年首届大学生家具创意大赛优秀奖; 专业课程:用户研究、用户行为与认知、交互设计、人因工程等


2016.08- 2017.05 携程旅行网 技术运营中心UED 交互设计师

2014.06 - 2014.09 北京普修设计公司 交互设计师

独立完成某些模块及功能的交互框架及任务流程设计 研究用户行为和使用场景,优化并解决现有产品的设计缺陷 利用竞品研究、用户反馈和数据分析, 对产品进行可用性与易用性研究。

产品需求探讨、设计产品交互框架、用户研究。 完成订球场APP“大满贯”、医护交流APP“医科”等项目。

在“程管家”综合OA app中完成“亲子园”模块、“审批处理”模块、 程管家新版本首页交互与icon再设计、IT小助手等。

2016.11 -至今 丁兆科技 鹰眼AR-HUD创业项目 交互设计师 2014.11 - 2015.03 搜狐网络技术有限公司 搜狗地图 交互设计师

探究AR-HUD在通信、娱乐、设置、道路障碍捕捉等方面 的人机交互方式。

依据埋点测试搜狗地图APP可用性与易用性、 独立完成小模块的交互框架设计以及任务流程设计。 经历搜狗地图从6.0.0到6.4.0的版本优化和改进。 独立完成乘公交到站提示、收藏方式再设计、 路况上报桌面端后台等项目。

实习

UE

UI


业余时间 业余 写手 课程项目中的小组长

大腿

课程项目中的节点推进者

XMind

Adobe XD

Axure

AI

严格把控每一个关键

学东西很快 普修设计的第一位员工 搜狗地图UED交互部众人喜爱的小师妹

Flash Develop

HTML InDesign

Sketch

Photoshop 墨刀

在多家国家级刊物 发表多篇小说作品

靠谱 能吃苦 “善于把需求转化为功能” 携程程管家项目组中被夸思维活跃者 “很有说服力的小姑娘” 年年三好生 次次奖学金 谦虚 爱学

团队中的承上启下者

三个实习生的“臭皮匠”项目 学习能力强 产品经理和视觉都很喜欢我 虽然离去,仍是常常联系的好友

说点故事 个人公众号 说点设计

工作中的我

摄影、读设计相关文章、 运动、画画、云撸猫……


01

移动 应用

APP

健见

健身效果看得见

请课

线上线下,请客不如请课

UMM服务设计 共享雨伞服务设计 UMM服务设计 --网球场地订购类APP


健 见 健身看得见 以图像激励为核心的健身类应用软件


市场背景

减肥健身领域用户活跃度

运动健身

运动健康类应用行业概览 设备规模(亿台) 55.6%

46.6%

22.3%

18.7%

26.8%

增长速度(%) 28.4%

减肥瘦身

34.4%

健康管理 1.88 1.54

运动健身

1.24 1.02

1.07

1.10

0.70

减肥瘦身 生活管理

0.45 2014Q1 2014Q2

2014Q3

2014Q4

2015Q1

2015Q2 2015Q3

2015Q4

运动健康应用活跃设备规模及增速(数据来源:TalkingData 移动数据研究中心)

2015.1

2015.3

2015.5

2015.7

2015.9

2015.11

2016.1

不同类型应用月均活跃次数总量变化趋势(数据来源:TalkingData 移动数据研究中心)

由表中数据可知

由表中数据可知

当前运动健康应用设备规模持续增长,增速有增无减

运动健康类行业市场有巨大发展空间,且一直保持着稳定的增长趋势。

运动健康类应用持续受用户关注,前景开阔明朗

健身与瘦身两类在健康类产业中占绝大份额,用户关注度高。


需求分析 蛋白

哥本哈根减肥法

蛋白粉 P90 T25

越吃越瘦

热量计算

喝水 21天

跑步

肖恩

撸铁

体脂率

insanity

相关性 瑜伽

肖恩 T

120斤和100斤

强 健身房

增肌

塑 减肥 形

强 瘦

少吃

相关性 郑多燕减肥操

食谱

蔬菜

卷腹 拉伸

(数据来源:百度搜索指数)

20-29岁

搜索人群年龄分布

30-39岁 40-49岁 50岁及以上 19岁及以下

变瘦 瘦腿

用户对于健康的需求可以分为两个方面:1.增肌;2.减脂/减肥 用户对于塑形的认知绝大部分都比较科学:适量运动,注意饮食 主要用户群为二三十岁的年轻人


想 目标用户

用户画 像

减脂

增肌

年 塑形

人 健康

Alex

Alice

健身增肌尝试者 年龄28岁 身高172cm 体 重 6 4 kg

运 动 减 肥 拥护者 年龄23岁 身高160cm 体 重 6 0 kg

我 是一个又瘦又矮的程序员,至今 没 有女朋友,如果我有肌肉会变帅 吗? 我 该怎么锻炼? 我 会中途放弃吗?

每次在路上看到瘦瘦的美女就会幻想自己 变瘦的样子,给我动力,可是坚持不下来。 反反复复减肥好几次,因为见效慢,看不 到明显的效果,又放弃了很多次。大学快 毕业了,我希望自己能真正瘦下来。 希望能看到自己一步步变瘦下来的全过程。


生活中的我

调研结果 痛点

故事版

目标用户有健身需要但是坚持过程有障碍 缺少合理的健身方法 现有健身APP以数据为核心,不够直观

需求

简单直观的预期效果 松懈时的直观提醒 成就感的获得

方案

设计一款以直观的图像变化来激励健身的APP


功能框架


使用流程 首次使用

开始

个人信息录入

个人计划定制

性别/身高/体重

拍照

绑定体脂称

修改形象

绑定

手动录入

形体

主界面 勾选任务

增肌

设定完成计划时间

体脂率/代谢效率

非首次使用

生成计划

照片墙

个人信息

添加照片

点击照片

点击对比

修改计划

重新计划

选择模式

查看历史

选择照片

修改完成 计划时间

重新设定 目标形象

拍摄照片

生成拼图或动画

设定时间


低保真展示


高保真展示


首次登陆、信息录入界面


手动显瘦、直观变化、设定减肥计划


拍照、上传每日照,打卡任务


查看形体变化、生成GIF、分享变化

计划提醒、改变计划强度


“请客”不如“请课” 边学习边社交的幼稚社交型学习平台

线上预约 免费直播课 一次缴费 整套线下课 邀请好友 赠送优质课 微信搜索“请课”,进入服务号,了解更多内容


项目背景 致力于成人英语口语训练,打造“边学 边用“口语训练体系,模拟研发了上千 个真实的口语训练案例。

WE+酷窝是国内领军联合办公品牌,致力于打造高端 联合办公空间并提供企业孵化服务,空间版图拓展至 16个以上重点城市,完成近百家优质空间的布局。

中小学全科在线教育权威平台,集教育 界精英,聚焦精准考题与教育资讯,走 在教育前沿的教育新媒体。

iUnion餐谋邦立足于餐饮行业垂直服务领域,集结了 餐饮圈个领域的专业服务商,在上海拥有80家以上的 餐饮门店合作渠道。

帮助学员以最有效、最便捷的方式突破 英语听说读写的障碍,快速练就一口流 利纯正的英语口语。

+10 上海 · 复兴公园校区

旗下多家教育资源

+

上海 · 富都广场校区

所掌握的AI科技 在语音识别、文 字识别等领域都 开拓了成熟的技 术,重点帮助学 员解决读题、答 题、测算、评分 、练习的问题。

上海 · 淮海路金钟广场校区

长期战略合作

+

AI技术


目标用户 “希望学习能轻松快乐, 想要能边玩边吃边学” “想学一点职场英语, 想认识更多共同爱好的朋友” 职场白领

痛点分析

“大学生没收入啦,要是能 免费学点技能就更好了” 好学儿童

与老师互动 课后点评 课程 作业讲解 学到实用的东西

价格不要太高 线下地方近 其他 线上时间方便 线上操作方便

需求

大学生

线上

打开方便 安装轻巧 不用装APP 微信服务号 提醒开课

线下 环境轻松、优美 交到志同爱好的朋友 相同爱好 可以吃东西


解 决 方 案 (搭建于微信服务号) 直播未开始

课程介绍 最新直播 直播课程

往期回顾 线上 个人信息 个人中心

查看课程

进入课程

课程介绍

播放窗口

老师介绍

课件查看与下载

进入课程

课堂互动记录

信息更改

头像修改

会员记录

昵称修改

学习记录

手机号修改

企业用户验证

缓存清理

知识代言人 线下

提问老师

老师介绍 获取课程

邀请好友获取课程 预约课程

直播窗口

就近上课

直播已开始

直播窗口 提问老师 课件查看与下载 老师课堂互动


计划提醒、改变计划强度

即将开播

往期回顾

直播间-互动/提问

直播间-课件


个人中心与信息修改

个人中心

个人资料

昵称修改

手机绑定


会员状态

未开通会员

申请代言人

开通会员

申请代言人

申请成功


共享雨伞服务设计


现存问题

Where are their umbrellas? Why they don’t take them? Why not share an Umbrella with others?

调查研究 40%

40%的学生,知道可能下雨,也懒得带伞去上课

60%

60%的学生,出门上课前会查天气预报

80%

80%的学生,出门上课时无雨便不会带伞


MINDMAPPING


SYSTEM MAP


线下设备


线上应用


02 Internship‘s Project 实习 任务


携程“亲子园”手机端与PC端服务项目


项目背景

园方 需求

调研 结果

携程亲子园是携程员工的托儿所,内有日托班(大中小班)、晚 托班、应急班(临时托管)等班级设置。 随着入园儿童需求量的增大、报名名额的紧张、幼儿临时请假等 问题的出现,园方希望能够在有一款应用,能够让家长在线上报 名、线上请假等,方便家长与园方的同时,也能保留数据记录。

班级种类:日托班、晚托班、应急班、寒暑班 报名方式:日托晚托班一次报一学期(六个月) 应急班提前一天报,一次一天 寒暑班暂不考虑 缴费方式:线下缴费,每个月月末缴费,未交则自动取消下个月的上学名额 签到方式:签入,签出 退费方式:日晚托缺席退餐费(下午两点后到也退) 其他需求:晨检记录、请假、线上嘱托、计算退费、数据统计等


流程图 首次报名 查看 返回

家长的默认信息(手机号、微信号、邮箱可修改)

报名

宝宝信息(姓名、昵称、性别、出生日期、备用联系号码、) 保存档案

报名

家长、宝宝信息

查看园方详情

班级设置、常年班与临时班、接送时间等

联系园方

备注信息(吃药、过敏、特殊情况等)

常问问题罗列:孩子就餐、加餐内容等 园方联系方式:电话,邮件,地址

两种班的不同、详情

默认某班 切换临时/长期班

选择日期

添加入园宝贝

修改档案 付款(我已付款)

等待园方确认收到款项

确认收到

报名成功(发送通知)

付款 提醒付款

超时未付款

取消报名(发送通知)

添加

报名板块 待交学费(可复制园方支付宝账号) 待园方确认学费已缴 1.状态

前往付款(园方支付宝账号可复制) 提示:xx时间内未付款将会取消报名

返回

未付款

非首次报名

确认报名

报名成功(可查看学期日历) 上学期间(可查看学期日历) 学期结束(提醒报名,报名入口)

2.添加新的班级 3.备注(学费信息等)

难点

1.报名需要录入的信息量繁杂; 2.家长同时为不同孩子报名,每个孩子可能需要 不同的班级、不同时间,组合层级复杂; 3.平台不可线上交易,只能线下缴费,按月缴费, 按学期报名,不同的时间衡量,让“报名订单” 的状态变得复杂;


流程图 新增备注板块

难点

宝宝在学期间,新增吃药、过敏信息等 请假板块

请假

1.二维码签到:员工家长可以自动生成, 爷爷奶奶怎么用? 2.同一张二维码如何区别签入、签出? 3.退费如何计算,什么时间点以后会退费?

确认请假

选择日期 请假成功 1.宝贝上学日历 2.备注(餐费退还等) 3.提示:上月请假几天,已退还餐费xx(显示在上月日历底部)

签到板块 当天有课: 1.二维码

直接扫 他人代领

成功验证(信息提示:您已成功领走宝贝) 添加此人备注(爸爸、奶奶、爷爷)

2.签到记录 (日期、次数记录) 当天无课(信息提示:今日无课)

生成新的二维码

分享 ………… 信息推送:XX已成功接走宝贝


解决方案 首次报名

首次报名界面

家长信息填写

宝宝信息填写

确认报名信息


非首次报名

亲子园首页

订单状态

报名订单

取消报名订单

各种订单状态 及取消toast


请假与留言

签到

他人带领代送

生成长效二维码

添加代送人


后台首页

总结 1.信息层级重时,合并同类,简化流程,适量 舍弃,尽量自动给出能获得或默认的信息。 2.订单层级太多,拆分开再组合。 3.考虑每一项任务各种可能的结果,如完成、 失败、未响应、无网络、无相关信息等。 4.后台(此处未全部展现)的搭建,需要多考 虑几种分类方式,合理分配资源。 5.后台设计中,视觉凸显用户最关注的信息。 6.后台设计中表格的设计,应简单明了,避免 视觉上的错乱,提高可读性。 7.交互设计师不能替代视觉设计师。

不足 这个项目的参与者是三个实习生,我负责用研 与交互,另外两个程序员,一个负责后台,一 个负责前端。人手不足,项目经历时间比较长。 当需要较多后台支持时,应提前和后台沟通好。 做好基础的设计后,交给后台开发起来。 后台线框图


03 LOGO/Visual 视觉 设计


卓越工程师法国行 Tongji Excellent Engineers in France

草稿

Tongji Excellent Engineers in France

法国代表物: 贝雷帽

法国国旗色: 红白蓝

TE E F 工程师形象: 智慧的眼镜



“程管家”APP节日解锁页

七夕

五一

元宵



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.