作品集-用户体验设计

Page 1

体验设计师

PORTFOLIO 周凡皙

毕业时间:2021年年1⽉月 院校:伦敦艺术⼤大学UAL


Education

你好, 我是周凡皙

2019.092021.01

伦敦艺术⼤大学UAL 伦敦传媒学院 硕⼠士在读 (2021年年1⽉月毕业)

2015.092019.06

江南⼤大学 设计学院 学⼠士

2017.092018.02

托⻢马斯摩尔⼤大学 交换⽣生

服务设计

曾就读于产品设计,后选拔进⼊入整合创新实验班 EPII 交互设计

服务与室内设计

奖项

釜⼭山国际⼴广告节⾦金金奖,江南⼤大学奖⾦金金,国家留留学基⾦金金委奖学⾦金金等共5项

Experience

18861802377

2019.022019.06

微软中国 交互设计师(实习)

2019.11now

ERUASMU国际⼯工作坊 设计师

zhoufanxi1123@163.com

就职于设计部微软⼩小冰团队。参与AI技术应⽤用的「⼩小冰备忘」⼩小程序 设计⼯工作,微软⼩小冰表情包产品设计与IP推⼴广。

关注于伦敦,波兰,哥本哈根三地的具体项⽬目的服务和体验设计研究


项⽬目⽬目录

P4P20

「皇包⻋车」Android端改版设计

P21P32

「⼩小冰备忘」微信⼩小程序设计

P33P45

E-sy Checker

P46P53

微软⼩小冰表情包产品设计

P54P59

私⼈人复健头等舱-釜⼭山国际⼴广告节⾦金金奖

P60P64

其他项⽬目

⽤用户体验/交互设计/⽤用户研究/⼼心智构建

⽤用户体验优化 UX/UI优化

服务设计/⽤用户体验/⽤用户旅程再设计

产品设计/数据分析/项⽬目管理理

创意设计/视觉设计

插画/界⾯面设计/视频制作/⼯工作坊


「皇包⻋车」Android端改版设计 交互设计/信息框架/⽤用户体验 个⼈人项⽬目 时间:2019.07-2019.09 参考资料料来源:导师个⼈人⼯工作室,部分数据来⾃自尼尔森数据报告及艾瑞咨询报告 ⻆角⾊色:交互设计,前期竞品分析、⽤用户分析、产品分析,痛点总结与设计⽅方案转 换,⽤用户流程优化、产品信息架构重塑,交互⽂文档输出、⻚页⾯面结构优化

01

01


01|

皇包⻋车改版设计 项⽬目背景

/项⽬目背景

/项⽬目流程

皇包⻋车是专注于为中国出境游⽤用户提供中⽂文 境外包⻋车游预订服务的垂直包⻋车游平台。

成⽴立于2015年年,完成c+轮融资,⽬目前版本 8.8.4

⽬目标⽤用户:

1

2

前期研究 项⽬目现状 ⾏行行业分析

⽤用户研究

竞品分析

3

⽤用户需求

⽤用户画像

⽤用户旅程

洞洞察卡⽚片

设计概念 体验定位 ⼼心智构建 头脑⻛风暴暴

交互⾛走查 产品现状 服务提供者: 在海海外⽣生活多年年的当地华⼈人 承担司导⼀一体的服务

定性访谈

4

产品分析 服务使⽤用者: 出境游国⼈人

定量量访谈

⽤用户流程 信息架构 交互设计

5

⽅方案输出

规模:

1000万次+

10万+

90+

1800+

出境游⽤用户

「当地⼈人」

国家

城市

交互逻辑 ⻚页⾯面优化 品牌⾊色重塑

界⾯面设计

02


01|

皇包⻋车改版设计 前期研究

/⾏行行业背景

/竞品分析 选择原则:从⻩黄包⻋车的两⼤大功能「境外租⻋车」「境外导游」两个⽅方向分别⽐比较,⽐比较其在不不同领域的优势和劣势

915.3亿 756.2亿

2018

皇包⻋车

中国在线出境游市场保持 稳定增⻓长态势,⾏行行业集中 度较⾼高,头部效应明显

丸⼦子旅⾏行行

你来出境游

蜜柚旅⾏行行

境 外 游

2019

⾃自助游

整体出境游市场出国游 占⽐比近半,在线出境游 市场中⾃自助游增⻓长显著

43% 58%

跟团游

除公共交通外,租 ⻋车⾃自驾成为游客最 ⻘青睐的出⾏行行⽅方式

较2015年年 上升5.3%

皇包⻋车

租租⻋车

携程租⻋车

惠租⻋车

境 外 租 ⻋车

好评度:ios&android下载量量相加

/分析总结

好评度:app store 与论坛评论

功能丰富性:app内功能丰富程度

可⽤用性:同⼀一任务的路路径

核⼼心需求达成度:产品定位与核⼼心需求匹配性

趋势:境外游包⻋车的认知率⽐比较低,市场较⼤大,品牌发展相对健康 形式:⼤大多数产品以PGC主,⻩黄包⻋车和租租⻋车⿎鼓励UGC 内容:出境游类app内容偏向于定制计划,租⻋车类偏向于⻋车辆展示和租赁 体验:⻩黄包⻋车突出⽆无尽式体验,其他产品突出⼯工具感,租⻋车类app追求效率

03


问卷回收量量

50% 问卷回收率

9

平均访谈时间

2.5

已婚有孩 69%

⼦子

⼈人

⾏行行

⼈人

⾏行行

热⻔门打卡

特别活动

⻛风

家⼈人旅⾏行行

路路

线

恋⼈人旅⾏行行

⻔门

热⻔门打卡

特别活动

-2.5

⻔门

⽬目前遇到的最⼤大的问题 单身 13%

稳定伴侣 3% 已婚⽆无孩 11%

研究⽤用户倾向的信息展示和操作⽅方 式,⾏行行为促成因素、认知

⼈人

⾏行行

家⼈人旅⾏行行

⼈人

⾏行行

恋⼈人旅⾏行行

孩⼦子体验

⼦子

拒答 2% 离婚 3%

⾏行行为模式

研究⽤用户购买服务的愿意,对服务 的期待和⽬目前遇到的痛点

⽤用户群体

研究⽤用户出境游的出⾏行行习惯、频率、 平均开销、消费偏好、社交偏好

动机与问题

⻛风

价格优惠

路路

线

特别⻛风景

0

孩⼦子体验

12.5

价格优惠

0

⽤用户习惯

访谈⼈人数

25min

37.5 25

定量量访谈:问卷调研;定性访谈:⽤用户⼀一对⼀一访谈

145

5

特殊季节

/ 问卷调查&⽤用户访谈

50

特殊路路线

⽤用户研究

⼀一⼆二线城市定制游吸引因素⽐比较

定制游吸引因素

特殊路路线

01|

皇包⻋车改版设计

紧急情况 12% 安全治安 14%

语⾔言交流 16%

当地美⻝⾷食 21%

⾏行行程路路线 19% 交通路路线 19%

/分析总结 • • • •

已婚有孩是主要⽤用户群 现有⽤用户最被怎样找到地道美⻝⾷食困扰 定制游促成因素-⼩小众路路线、特别⻛风景、价格优惠和丰富孩⼦子体验 ⼆二线城市⽤用户因为特殊季节特殊⻛风景、想跟恋⼈人或伴侣体验浪漫旅⾏行行、想前往热⻔门电影/电视 剧/⽹网络综艺等取景地的⽐比例例⾼高于⼀一线城市 04


01|

皇包⻋车改版设计 ⽤用户研究

/ ⽤用户画像

/⽤用户情感梳理理维度

结合问卷分析、基础数据以及⽤用户评论得出超过70%的⽤用户符合以下形象 为处理理具体任务,达成⽬目标

消费偏好: “我们家每年年都带着⼩小孩出 国旅游,希望孩⼦子能在旅途 中开阔眼界。”

“带孩⼦子⽐比较麻烦,我 更更倾向于直接包⻋车,对 ⽅方便便、舒适更更看重”

质感 理理性

效率

个性

外观

消费偏好: • • •

任务的

享受的 掌控感

专属服务

惊喜感

专属服务

安全

⽅方便便

⾃自由

融⼊入当地

社交分享分享⽣生活

社交圈的意⻅见领袖

活跃的社交⽣生活

基本信息: 称呼:李李⼩小姐

年年龄:30

教育程度:本科

职业:⼤大学讲师

⽉月收⼊入:7k

家庭:已婚有孩

获得的享受和特别的体验

媒体接触偏好:

旅游类App

⼝口⼝口相传

对境外包⻋车的认知和使⽤用 ⼤大多数⽤用户知道包⻋车游, 但不不到⼀一半使⽤用包⻋车游

境外包⻋车在⽬目前⽤用户中的认知: ⽤用户更更多的把包⻋车当作⼀一种旅⾏行行的 交通⼯工具,⽽而⾮非旅⾏行行(⽣生活)⽅方式

境外包⻋车服务功能需求: 最顾虑安全问题

境外包⻋车服务功能需求 ⽅方便便省⼼心、出⾏行行舒适

社交类App

新闻类App

05


01|

皇包⻋车改版设计 ⽤用户分析

/ 当前⽤用户旅程分析 我们根据访谈记录和问卷得出⽤用户购票习惯和操作路路径,以叙述故事的⽅方式描述⽤用户在使⽤用产品时遇到的痛点,从⽽而提炼出产品设计上的机会点改进产品体验服务的⼀一种产品分析⽅方式 时间线索 阶段

旅⾏行行前⼀一周

达到

多平台了了解了了+选择平台

旅⾏行行前:接送&沟通

旅⾏行行第⼀一天

旅⾏行行第⼆二天

旅⾏行行第三天

旅⾏行行第N天

旅⾏行行中:做攻略略+寻找交通+景点+吃喝喝玩乐

场景

⾏行行为

同类产品对⽐比 向周围朋友咨询 做旅⾏行行攻略略

思考

不不知道如何选择平台 需要⾃自⼰己做攻略略 ⽆无法了了解特⾊色 有⼩小孩需求⽐比较特殊

与司机联系 直接打⻋车

家庭出⾏行行 景点游玩

⼀一⽇日内要逛的景点较多较远 选择打⻋车或者包⻋车

简单⽅方便便

简单⽅方便便

线路路规划不不合理理 地⽅方⽂文化不不熟悉 包⻋车司机服务不不标准

⻓长途多景点旅⾏行行 寻找特⾊色景点 对当地不不熟悉 吃喝喝玩乐⻔门票预订旅 程复杂

寻找吃喝喝玩乐购

缺少惊喜感 吃喝喝玩乐预订

情绪&痛点

06


01|

皇包⻋车改版设计 ⽤用户分析

/ 洞洞察卡⽚片

⽤用户需求

⽤用户需求

⽤用户需求

“希望在当地⼈人的讲解下,可以尽快了了解最真实的 当地⼈人的⽣生活和国家城市的情况看到更更独特美丽 的⻛风景。”

“与⽼老老⼈人、孩⼦子⼀一起出游时,需要最好的安全 保障“

“根据时间以及⾃自⼰己和同⾏行行⼈人的喜好⾃自定义旅 游重点,更更能体现旅⾏行行的价值。”

痛点

痛点

痛点

公共交通不不便便,不不了了解异国⻛风情;

攻略略太多不不知道哪个才是最适合⾃自⼰己的,不不知道 哪种路路线是最⽅方便便的

国外⼈人⽣生地不不熟,带着全家,万⼀一发⽣生紧急情 况不不知道向谁求助,出⾏行行安全得不不到保障

跟团浪费时间,更更改计划麻烦,时间不不灵活

洞洞察

洞洞察

洞洞察

⽤用户对于怎样找到最地道的当地美⻝⾷食存在较⼤大需 求,怎么安排路路线和特⾊色游玩⽅方式,存在较⼤大信 息空⽩白点

⽤用户对于对于司机要求⾼高,在当地或者司机出现 问题,能够和平台24⼩小时沟通处理理

⽤用户对司机的导游属性要求⾼高,并且希望时间 能灵活,更更好的选择感兴趣的景点制定⾏行行程

关键词

关键词

关键词

短期旅⾏行行,地道美⻝⾷食,特⾊色活动,赛事

安全,司机尽责,服务正规标准化

弹性计划,⾃自由,惊喜

机会点

机会点

机会点

平台未来可向当地吃喝喝玩乐预定、华⼈人导游和赛 事演出⻔门票预定延展

司机服务标准化,平台后勤勤保障

司机守时、随时等候,路路线熟悉,根据实际情 况对⾏行行程提出合理理建议增值服务 07


01|

皇包⻋车改版设计 产品分析

/ 产品交互分析

/ 现状分析 结构层与范围层 • • •

失去功能特性,定位模糊。社交属性占⽐比过⼤大。 结构过于单⼀一,⾸首⻚页结构模糊, 品牌特点缺失,核⼼心功能“包⻋车游”体现不不明显

框架层 • • • • •

⻚页⾯面布局混乱,不不符合⽤用户熟悉的操作逻辑 ⽤用户的视线容易易被⾮非重点的动态吸引,沉浸式瀑布流和专题式两不不靠 ⽤用户获取信息的效率低 产品功能和交互逻辑不不成闭环 主⻚页的信息不不像租⻋车平台、主⻚页不不符合需求

表现层 •

功能布局串串联

增强导流作⽤用

设计侧

业务侧

功能布局混乱

交互不不成闭环

导流性弱

产品转换率低

满⾜足⽤用户需求

增加流程⾼高效性

提升产品服务

⽤用户侧

信息识别度弱

操作逻辑不不熟悉

视觉⻛风格陈旧

⽤用户体验 • • •

原界⾯面

操作引导少 ⽤用户体验容错率低,体验不不佳(icon注意不不到,功能布局混乱,) ⽤用户活跃度低

阅读有效信息

⽤用户⼼心智养成 主要问题归为三点:效率低、结构乱、业务流程不不成闭环。 08


01|

皇包⻋车改版设计 调研分析总结

/ 痛点分析与功能转化 根据调研得出的⽤用户痛点和需求,寻找新的机会点来提⾼高皇包⻋车的服务,帮助⽤用户实现⽬目标,和确⽴立优化产品功能的⽅方向。

⽤用户反馈

深挖需求

优化⽅方向 定制游服务升级,增加业务导流—交互闭环

包⻋车游特⾊色不不突 定制游体验差

定制游服务过于依赖⼈人⼯工

平台服务单⼀一 对于旅⾏行行附加服务覆盖不不够

功能单⼀一,⽆无吃喝喝玩乐购等功能⼊入⼝口 APP 功能不不串串联且不不成闭环

新增吃喝喝玩乐购功能—新增⼊入⼝口

增加产品内功能串串联—交互减步⻓长

优化重点

新增功能

优化重点

⽤用户旅程复杂,需多次跳转 功能布局混乱,定制服务反馈效率低 平台司机服务标准化不不够 ⽤用户体验容错率低

⻚页⾯面布局混乱,不不符合⽤用户的操作逻辑

提升司机服务标准化—标准化信息显示

提升标准化,增强信任感 提升产品转换率

提升司机导游服务标准化—标签式筛选

⾸首⻚页层级优化,突出重点

09


01|

皇包⻋车改版设计 设计⽅方案 包⻋车

/ ⽤用户流程 • • •

已有旅⾏行行计划

⾸首⻚页

定制

找当地⼈人聊聊

收藏

查看消息

找当地⼈人聊聊

否 ⾸首⻚页

⾏行行程⼊入⼝口

包⻋车⼊入⼝口

已有⾏行行程

选定当地⼈人

选定当地⼈人

聊天/⽅方案修改

修改/增加⾏行行程内容 输⼊入⾏行行程信息

增加个性化定制

⽣生成⾏行行程

⽅方案定制(⼈人⼯工)

购买包⻋车游服务

是 找当地⼈人聊聊

否 选择商品

查看商品详情

预订/购买

已有旅⾏行行计划

输⼊入⾏行行程信息

选择服务

购买

原⽤用户流程

是 吃喝喝玩乐游⼊入⼝口

选择服务

⾏行行程信息

制定⾏行行程作为重要预订⼊入⼝口,选定当地⼈人(司导⼀一体)沟通和制定⽅方案。

对于导游预定、境外包⻋车、吃喝喝玩乐游游等细分领域具有显著导流作⽤用

加强各个板块之间的串串联,形成交互逻辑闭环

消息⼊入⼝口

完成

分享

购买

10


01|

皇包⻋车改版设计 设计⽅方案

/ 信息架构 ⾏行行程

• •

将信息层级减深

各个板块信息内容 尽量量均衡

新建⾏行行程

分享

⽬目的地

筛选

预算 ⼈人数

我的

⾸首⻚页

已有⾏行行程

美⻝⾷食

中⽂文包⻋车

搜索

⽴立即⽤用⻋车

美⻝⾷食套餐

出发城市

奶茶蛋糕

包⻋车天数

分享

⽤用⻋车时间

招募当地⼈人

⾏行行程⽇日期

地⽅方菜

⽇日期

出⾏行行⼈人数

上榜餐厅

景点类型

筛选排序

⽬目的地

推荐排序

接机

安排类型

旅程安排

形成⾏行行程

包⻋车推荐

演出赛事 搜索

⾏行行程计划

⻔门票购买

分享计划

当地导游预约

歌剧

完成定制

接送机预约

亲⼦子艺术

优化⾏行行程

全部订单

演唱会

推荐排序

景点玩乐 休闲娱乐

送机

单次⽤用⻋车

设置

注册

当地⼈人信息 名称 服务内容 分数

聊天 发送⾏行行程 优化标签

当地⼈人定制 搜索

⽂文化场所

华⼈人导游

第三⽅方绑定

聊⼀一聊

送达城市地点

价格

账号密码注册

筛选排序

优化⽅方案

时间

⼿手机验证

标签

出发城市地点

名胜古迹 ⾃自然⻛风光

优惠券

消息

赞和收藏 评论回答 新增粉丝 系统消息 11


01|

皇包⻋车改版设计 设计⽅方案

/ 原型设计

下滑为Feed 流

通过标签筛选符合标准的当地⼈人, 减少⽤用户查询成本

顶部按键跳转、筛选排序、下滑浏览

右滑显示系统推荐的包⻋车、⻔门票 等购买信息,降低操作成本

点击顶部“当地⼈人经验优化”系统 会⾃自动优化⾏行行程,例例如距离、排 序

点击顶部“⽂文件”和“聊天”可以互 相切换

⼀一定对话轮次后会弹出购买提示

通过标签的形式帮助⽤用户查询和 记忆

下滑展示⼤大家的点评

12


01|

皇包⻋车改版设计 设计产出

/ ⻚页⾯面优化

层级优化 主要功能⼊入⼝口升级

运营Banner降级

⾊色彩降噪 采⽤用品牌⾊色,提升品牌感

统⼀一⻚页⾯面配⾊色,提升阅读效率

升级 Banner

(滚动)

信息区优化 主要功能⼊入⼝口

新增次要功能区

减少Feed流⾯面积新增 标签和热⻔门推荐

⼩小视频⼊入⼝口

⾊色彩元素过于丰富

分散⽤用户注意⼒力力

破坏信息层级

Feed流 降级 底部栏

旧版原型

旧版⾊色彩

旧版界⾯面

13


01|

皇包⻋车改版设计 设计产出

/ ⻚页⾯面优化

卡⽚片设计 标准化信息显示

各板块呈卡⽚片式分布,层 级清晰,阅读效率提⾼高

有序展示信息、标签

提升司机服务标准化 突出个性化定制

突出排名和评价 通过标签增强⽤用户印象

增强⽤用户信赖感

添加旅⾏行行类型、景点类型 和标签,帮助⽤用户个性化 定制旅⾏行行⽅方案

减少⻚页⾯面跳转 站在⽤用户的⻆角度,降低操 作错误,反复跳转

14


01|

皇包⻋车改版设计 设计产出

/ ⻚页⾯面优化 卡⽚片设计 各板块呈卡⽚片式分布,层 级清晰,阅读效率提⾼高

对话切换 ⽤用户可以⾃自由切换对话和 ⽂文件,减少操作成本

增强旅⾏行行属性 添加内容推荐,引流⾄至 feed流,突出⽆无尽式体验

弹窗取代全屏 弹窗的跳转性较弱,⽤用户在 弹窗⾥里里即可不不间断完成景点 选择,达到沉浸式体验 信息层级优化

提升产品转化 ⼀一定对话轮次后,吸引⽤用 户持续下单,提升购买率

智能提示标签 降低思考/获取答案的成 本,引导⽤用户互动

通过颜⾊色引导⽤用户的视觉, 提升产品购买率

15


01|

皇包⻋车改版设计 设计产出

/ 品牌⾊色突出 品牌标准 是通过视觉传达强化品牌识别的重要元素,应 于各 类媒体的传播。因此要始终保持品牌标准的使⽤用 ,加深品牌 对外输出印象

改版的界⾯面中对品牌⾊色进⾏行行了了着重的重塑,突出了了皇包⻋车的品 牌识别。对设计规范进⾏行行了了进⼀一步优化

原界⾯面

新界⾯面

16


01|

皇包⻋车改版设计 设计产出

/ ⾼高保真

17


「⼩小冰备忘」微信⼩小程序设计 「⼩小冰备忘」⼩小程序MVP版本的设计与优化 最简化可实⾏行行产品设计

团队成员:4 成员背景:交互设计、产品经理理、开发 ⻆角⾊色:负责交互设计,包括对接设计需求,负责核⼼心界⾯面和功能的 UX&UI 设计优化。 通过分析⽤用户测试反馈,进⾏行行产品优化,提升关 键功能的⽤用户体验;通过竞品分析、从设计师的⻆角度引导产品功能设计 结果:⼩小程序mvp版成功上线

02

18


02|

⼩小冰备忘⼩小程序设计 项⽬目背景

/ 项⽬目背景

「⼩小冰备忘」微信⼩小程序 ⼩小冰备忘是由微软开发的基于AI技术帮 助你记录、查询备忘和体型的⼩小助⼿手。

谁是⼩小冰?

业务战略略

微软⼩小冰是由微软(亚洲)互联⽹网⼯工程院于2014年年 5⽉月正式推出的融合了了⾃自然语⾔言处理理、计算机语⾳音和 计算机视觉等技术的完备的⼈人⼯工智能底层框架。微 软⼩小冰注重⼈人⼯工智能在拟合⼈人类情商维度的发展, 强调⼈人⼯工智能情商在⼈人机交互总的价值。到⽬目前为 ⽌止,⼩小冰拥有6.6亿⽤用户和1.2亿⽉月活跃⽤用户。

⼩小冰备忘就是给予⼩小冰⼈人⼯工智能框架,打造的⼀一款 可定制的⼈人⼯工智能备忘助⼿手。

基于⼩小冰智能机器器⼈人的语⾳音识别、语义理理解 的技术背景, 通过语⾳音记录这种⾼高频的产品作 为切⼊入点开发⼩小冰备忘录,拓拓宽⼩小冰技术的 应⽤用场景,打造EQ+IQ的产品与⽤用户体验。

阶段⽬目标 1.推进⼩小冰备忘⼩小程序的成功上线 2.通过mvp版本论证⼩小冰AI技术的可⽤用性 3.参与功能设计,打造产品亮点

设计⽬目标 1.⽤用户记录的条⽬目多,频繁 2.帮助⽤用户理理解语⾳音输⼊入功能 3.参与产品迭代,基于需求设计产品功能, 产出信息架构、产品流程和界⾯面原型

19


02|

⼩小冰备忘⼩小程序设计 项⽬目调研

/ 项⽬目调研 ⽤用户场景

MVP(微信⼩小程序的⽤用户体验) ⽂文字输⼊入 语⾳音输⼊入

Yanna通过语⾳音输⼊入 记录了了周六9.00去看 ⽛牙医

Lee 通过⽂文字输⼊入 记录下了了帮朋友垫 付的饭钱

添加备忘

Yanna⽛牙⼜又疼了了,她 打开备忘列列表,发现 太⻓长了了,于是她直接 按语⾳音说:“我啥时 候能去看⽛牙医呀”

意图+内容+时间

语⾳音对话录⼊入

意图+内容+时间

⾸首屏展示最重要信息 查询备忘

对话查询

⽂文本直接记录

列列表查询 Lee ⼀一周后想提醒朋 友还钱,他想看看⾦金金 额。列列表不不⻓长他⼀一眼 就看到了了。

被提醒 时间到了了周六, Yanna⼿手机有了了提 醒,让她记得看⽛牙医

⼩小冰备忘

搜索

意图+内容+问题

删除备忘

单条删除

⽀支持提醒

收到提醒后跳转⾄至⼩小程序内

20


02|

⼩小冰备忘⼩小程序设计 项⽬目背景

/ ⽤用户数据&测试

尼尔森⾛走查

⾼高频⽤用户⾏行行为 通过前期数据反馈(user log 1000+)得出⽤用户 相对⾼高频的⾏行行为是:记备忘、提醒、搜索

「记备忘」是使⽤用频率最⾼高的⾏行行为, 但是通过尼尔森⾛走查分析和⽤用户反 馈,⽤用户还是存在理理解负担。因此 将对其功能进⾏行行优化。

1 添加备忘 语⾳音输⼊入 ⽂文字输⼊入

2 查看

2.1 提醒——被动 记录找⼈人 2.2 搜索——主动 ⼈人找记录

以添加备忘为中⼼心, ⾼高频带动低频⾏行行为

21


02|

⼩小冰备忘⼩小程序设计 任务⼀一:核⼼心功能优化

/ 任务⼀一.「添加备忘」交互流程优化 反馈主要来源于产品经理理的反馈,⽤用户测试和根据尼尔森⾃自查表进⾏行行⾃自查

主⻚页

语⾳音输⼊入识别

语⾳音输⼊入/⽂文字输⼊入

结果反馈

2

备忘列列表

4

优化⽅方向

1 5

利利⽤用清晰的提示防⽌止操作错误

系统反馈清晰

3

1 认知负担,Icon不不明显。

2 系统反馈错误,引导⽂文字错误。

三次跳转,旅程复杂

33 操作⼿手势不不熟悉,不不理理解Fab⻓长 按操作。

理理解负担,⻓长按功能不不显示。

⼈人机交互不不舒服,⻓长按按钮放置 在屏幕⻆角落。

4 信息层级不不明确,⽂文字表意不不 明,对话感不不明确。

加强「语⾳音输⼊入」「⽂文字输⼊入」 的区分性并划分⾄至同⼀一层。

任务流程和⽤用户真实使⽤用的流 程⼀一致 符合⼈人机⼯工程学

5 系统分类不不明确,多重标准 分类(时间or状态)

与业内产品不不⼀一致,隐藏头像 削弱了了对话感

22


02|

⼩小冰备忘⼩小程序设计 任务⼀一:核⼼心功能优化

/ 任务⼀一.「添加备忘」交互流程优化 AB⽅方案测试

测试结果:⽤用户因为更更熟悉 ⽅方案A的交互逻辑,更更容易易理理 解操作和流程,学习成本低。

⽅方案B: 不不改变「语⾳音输⼊入」的按钮位置 增强「语⾳音输⼊入」的视觉效果 在⽤用户出现错误操作后再增加指引

⽅方案A: 增加「⽂文字输⼊入」的按钮。 加强「语⾳音输⼊入」和「⽂文字输⼊入」的区分性和可识别性。 强化引导词,指引⽤用户进⾏行行操作。

v

v

23


02|

⼩小冰备忘⼩小程序设计 任务⼆二

/ 任务⼆二.参与产品的功能设计 在与产品经理理、开发的功能讨论会上,作为交互设计师参与功能设计,提出新想法。

“符合⼩小冰⼈人设的备忘⼯工具”

版本⽬目标:

围绕备忘⾏行行为提供更更具有针对性的功能和⼈人格化的社交场景体系

突出“语⾔言处理理”“助⼿手”“⼈人格化”等关键词,突出⼩小冰 的拟⼈人助⼿手⻆角⾊色。沉浸式的聊天体验,让枯燥的备忘变 得更更为贴合⽣生活场景 备忘类竞品分析:

⼩小⽇日常

⽔水滴清单

复杂功能

豌⾖豆清单

Siri

⼯工具型

语⾳音备忘

⽤用户需求分析:

Google assistant

助⼿手型

功能设计:

滴答清单

专注备忘领域的助⼿手 极简代办

备忘录

⽤用户体验策略略:

提醒事项

简单功能

基本型需求

期望型需求

兴奋型需求

记录备忘

查询 删除/修改

社交 娱乐

语⾳音/⽂文字输⼊入 ⽣生成备忘

备忘查询 系统状态反馈

设置助⼿手⻆角⾊色 个性化设置

通过与备忘助⼿手聊天的形式记录和查询备忘内容。 设置⾃自定义设置虚拟聊天对象,根据对象⽤用户的⻆角 ⾊色关系及场景提供备忘反馈。让备忘的机械任务在 值得期待的社交⾏行行为中顺便便完成 24


02|

⼩小冰备忘⼩小程序设计 任务⼆二

/任务⼆二.参与产品的功能设计 产品核⼼心功能流程图

产品信息架构 启动⻚页

备忘聊天

「列列表」⻚页⾯面

「备忘」聊天⻚页⾯面

「我的」⻚页⾯面

记录备忘 识别时间、 提醒、闹钟、 任务关键词

⽣生成备忘

⽤用户经常性操作 ⾮非经常性操作

根据身份与 关系回复

选择助⼿手

备忘列列表

语⾳音输⼊入

语⾳音识别

备忘⽣生成

我的助⼿手

更更改助⼿手

设定身份与关系

调教助⼿手

调教历史

添加调教

搜索备忘 编辑备忘

⼩小冰备忘

设定身份与关系 我的

完成

备忘⽣生成

删除/完成

≈ 归档/删除

⽂文字输⼊入

反馈建议 关于我们 帮助

对⽅方回复 25


02|

⼩小冰备忘⼩小程序设计 任务⼆二

/任务⼆二.参与产品的功能设计 「添加备忘」

APP 构架

添加备忘-⽂文字输⼊入

添加备忘-语⾳音输⼊入

添加备忘-语⾳音识别

列列表⻚页

列列表⻚页

列列表-完成/删除

列列表-修改备忘

我的⻚页

我的-我的助⼿手

我的-我的助⼿手-更更换

添加备忘⻚页

添加备忘-备忘⽣生成

APP总体分为「添加备忘」 「备忘列列表」和「我的」三⼤大 类。 通过明确信息框架,加强⽤用户 ⾏行行为引导的⽅方式,降低复杂度, 简化操作。

「备忘列列表」

「我的」

我的-我的助⼿手-更更换成功

我的-调教助⼿手

我的-调教助⼿手-输⼊入

26


02|

⼩小冰备忘⼩小程序设计 任务⼆二

/任务⼆二.参与产品的功能设计

视觉语⾔言 在第三次迭代中,原来的紫⾊色调改为绿⾊色调。

结合“与备忘助⼿手聊天”产品的亮点。在原有的 配⾊色基础上,弱化⼯工具感,增强沉浸式的聊天 体验。营造轻松友好⼜又专业的产品氛围。

27


02|

⼩小冰备忘⼩小程序设计 任务⼆二

任务⼆二.参与产品的功能设计

UI设计 以绿⽩白⾊色为基调,辅助少量量跳跃鲜亮的 ⾊色彩。增加⻚页⾯面呼吸感与清爽感。

在保持原有交互逻辑的基础上,增加视 觉细节,通过颜⾊色、阴影等⽅方式有效区 分信息层级。

28


02|

⼩小冰备忘⼩小程序设计 项⽬目总结

/ 项⽬目总结

项⽬目成果:

设计总结

上线时间

⼩小程序成功上线,提升了了关键功能的 ⽤用户体验。

MVP版本有效的平衡了了开发成本和设计效果。通过最⼩小 化可⾏行行⽅方案敏敏捷开发和试错,加速优化迭代。

⼩小程序:2019年年1⽉月-7⽉月 (迭代时间7个⽉月) App: 2020年年4⽉月

笔记增加17000+,⼩小冰备忘的功能的可 ⾏行行性论证了了微软⼩小冰AI技术开发的能⼒力力, 达成了了业务⽬目标。

在与开发和产品经理理的沟通过程中,理理解各⾃自出发点的不不 同。积极寻找有效的沟通办法,⽐比如快速产出低保真图、 ⼿手绘稿。

参与的功能设计成功上线。⽤用户反馈显 示聊天的真实感和沉浸感上升

设计师需要有全链路路的意识。在设计⼯工作之外驱动⾃自⼰己熟 悉业务流程,积极与上下游沟通,变被动执⾏行行为主动推进。

最终app界⾯面

29


伦敦艺术⼤大学与SH:24组织合作项⽬目

E-sy Checker

基于SH:24⼥女女性性健康⽹网站的交互&体验优化设计 团队成员:7⼈人 成员背景:服务设计、设计管理理、⼈人⼒力力资源、⽂文案策划 ⻆角⾊色:⽹网站的⽤用户痛点调研,⽤用户画像和⽤用户体验流程的建 ⽴立。参与交互⻚页⾯面的设计、⽤用户测试及体验流程迭代。 结果:获得组织⼯工作⼈人员的积极认可并获得A的成绩

03

30


03|

E-sy checker 项⽬目背景

/项⽬目背景: 校企合作项⽬目: 合作机构SH:24是临床主导的数字化性与⽣生殖健康服务,它免费为社会提供健康测试、 治疗和信息。 我们的作⽤用: 重新验证⽤用户需求和确定的痛点,并提出有关性健康的解决⽅方案。 我们的⽬目标: 契合SH:24的业务战略略。 • 使SH:24能够满⾜足在⽹网上寻找性健康知识的⼈人的需求。 • 帮助该组织扩⼤大声誉,为成为在线⽤用户熟知的组织这⼀一⽬目标作出贡献。 当下策略略: • 前期:寻找⽤用户痛点,针对⽹网站和组织服务进⾏行行优化。 • 中期:设计最简化可实⾏行行产品,通过⽤用户测试进⾏行行功能验证。 • 后期:扩⼤大与利利益相关者的合作,进⼀一步优化服务体验,通过⽤用户⼝口碑碑传⼝口碑碑扩⼤大声 誉,吸引流量量。

31


03|

E-sy checker 项⽬目背景

/产品概述:

指导⽤用户进⾏行行下⼀一步 帮助筛选信息 可靠 强相关 私密

我们相信 通过创新『关注点』和『症状』线上检查⼯工具。 会解决 由于不不知道该如何对待他们的症状和性健康问题⽽而产⽣生的焦虑。 通过 带有简单易易懂⽂文本的可视化⼯工具,可以根据⽤用户的特定症状和性健康问题,指导⽤用户使⽤用 ⽹网站的相关服务、信息和采取的措施。

⽹网站的服务和信息

E-sy Checker

⽤用户需求的信息

帮助 ⽤用户对他们的症状、疑虑做出正确反应。降低了了解释信息、评估信誉和寻找下⼀一步⼯工作的 复杂性。 流量量

声誉

新⽤用户

32


03|

E-sy checker 洞洞察分析

/ ⽬目标⽤用户分析: 为了了了了解⽤用户在遇到问题时体验如何?他们如何寻求帮助?我们进⾏行行了了⽤用户访谈和桌⾯面调研

⽤用户调研:

桌⾯面调研: • 16-24岁居住在伦敦的⼥女女性⽤用户,在遇到性健 康问题时⾸首选是在线搜索

“我会先上⽹网⾃自⼰己查询。去 医院看医⽣生会是我最后做 的事情。” —Oli,19

93%的⼈人说除了了看医⽣生 外,他们还在⽹网上进⾏行行研 究 93%

73%的千禧⼀一代在⽹网 上搜索医疗建议,⽽而不不 是去看医⽣生 33%的00后没有全 科医⽣生检查

33%

“我希望能够保持私密。因为去健 ----Lin, 21

• 然⽽而在⽹网上进⾏行行搜索时经常会感到困惑和恐惧, 尤其是在搜索某些术语或图像。

73%

伦敦在新发性传染 病的占⽐比中达 52%。16⾄至24岁 的⼈人群中,诊断率 最⾼高。

• ⼤大量量的信息和学术化的词汇仍然困扰着她们, 她们还是不不知道如何应对。

25%

康诊所我感到尴尬,和朋友或家 ⼈人交谈可能让我们感到羞耻。” —Judy,21

33


03|

E-sy checker 洞洞察分析

/ 当前市场分析: 为了了了了解他们上⽹网查询的体验是怎样的,我们查询了了英国的线上症状检查⼯工具,以查询它们⽬目前提供的服务是否满⾜足⽤用户的需求

竞品调研&⽹网站体验分析

• 描述症状是⼀一件很难的事。 ⼏几乎所有的症状检 查器器都是基于⽂文本的 • 有关下⼀一步操作的说明是通⽤用且令⼈人困惑的 • 得到“诊断”需要⼀一段时间。 现有症状检查器器中 提出了了太多与⼈人或他们的症状⽆无关的问题。 焦 虑和不不私密感增加

34


03|

E-sy checker 洞洞察分析

/ ⽤用户画像&当前⽤用户旅程

Alice是UAL的⼀一名⼤大学⽣生

痛点

她在派对上遇⻅见了了现任 男友并在稳定交往中。

她的私密部位出现了了⼩小红疹, 她⾮非常担⼼心可能是性传染病。

急需知道下⼀一步怎么做 难以寻找到在线的可靠的信息 她不不是伦敦⼈人所以她不不知道去哪⾥里里寻求帮 助 她不不了了解⾃自⼰己在⽹网上找到的医学术语 难以且羞于描述⾃自⼰己的症状

需求

简介

知道下⼀一步怎么办 获得诊断 与他⼈人交谈 了了解她的症状以及现在的状况

年年龄:20岁 居住地:伦敦 教育:⼤大学⽣生 专业:平⾯面设计

她感到⾮非常尴尬和焦虑, 不不知道该怎么办。

她开始上⽹网搜寻信息, 但是这些信息⾮非常令⼈人 迷惑和害怕,她还是不不 知道该怎么办。

她找到了了在线症状检查器器, 但准确描述⾃自⼰己的症状是 很困难的。 ⼤大量量的个⼈人问 题使她不不知所措。 她感到 暴暴露露和害怕。

指导如何筛选信息并使⽤用⽹网站

关键属性 派对动物 交往中

独居

“我感到⾮非常焦虑。当症状出现 了了,我不不知道下⼀一步该怎么做才 是对的。” 她越来越担⼼心了了,并且 还是不不知道该怎么办。

35


03|

E-sy checker 洞洞察分析

/ ⾏行行业洞洞察&痛点 洞洞察和痛点来⾃自SH:24⾏行行业报告书以及桌⾯面、⽤用户、市场调研结果。

信息难找寻难评估

⽤用户在浏览⽹网络时很难评估 信息的准确性,甚⾄至找不不到 相关的信息。

信息过多难选择

所提供的信息量量以及不不同 的⽅方向和选项过多,⽤用户 难以⾃自主选择相关的信息

信息不不私密

缺乏关于性传播感染的公 开讨论,在公共论坛中⽤用 户担⼼心隐私问题。

信息难理理解

⼤大多数性健康⽹网站都没有提 供针对性的咨询或服务。 所 使⽤用的语⾔言经常是“太医学 化”的。

36


03|

E-sy checker 策略略导出

/ 洞洞察结论&设计策略略 答案&建议 ⽆无法根据⾃自身情况甄别信息。这 导致⽤用户难以确定适合他们的情 况的下⼀一步。

直接性

直接呈现关键信息和服务, 指导⽤用户使⽤用⽹网站

隐私 ⽤用户想与医疗保健专业⼈人员交谈,但 有时在线平台不不提供这种机会。 SH:24论可以满⾜足这种需求。 但 是,公开或私下发布消息是当前不不可 ⽤用的功能。

简单易易懂 在线搜索症状通常很痛苦且令⼈人困 惑。⽤用于描述症状的词语通常过于医 学化,所显示的图像通常很难看清并 且与⼈人的经历有关。

相关信息 即使⽹网站的信息是可⽤用的,但呈 现的⼤大量量信息仍然使⽤用户迷失。 此⻚页⾯面上的医学术语常常太陌⽣生, ⽤用户需要⾃自⼰己解释信息并作评估

个⼈人化&私密化

可视化的

信息筛选&引流

可以⾃自⼰己操作完成的; 对话可以不不公开

可通过图⽂文/视频/论坛/医⽣生 线上对话咨询

通过⽤用户提供的信息引导⾄至 关联性最强的⻚页⾯面或功能

37


03|

E-sy checker 最终服务体验

/ ⽤用户流程图:

通过「选择判断」的形式,根据⽤用户的 具体情况,将⽤用户引流⾄至⽹网⻚页具体位置。 提⾼高⽤用户的使⽤用体验,帮助其获得更更精 准的信息,也提⾼高⽹网⻚页信息的流⼊入率。

流程 SH:24原⽹网⻚页page SH:24 医⽣生⼀一对⼀一咨询⻚页⾯面 38


03|

E-sy checker ⽤用户测试与迭代

/ ⽤用户&利利益相关者测试: 为了了确认⽤用户是否能理理解整个流程,以及能否在检测⼯工具的帮助下寻找的信息,从⽽而减少焦虑,我们进⾏行行了了两次的⽤用户测试

⽤用户测试-情绪版

⽤用户测试-交互模型

与SH24的专业医⽣生进⾏行行测试

通过⽤用户测试我们将“⼥女女性化+私密”调整为 “专业+信赖+洁净”

⽤用户建议: 当⿎鼓励⽤用户选择公开对话时词语应更更友好 ⽤用户对过于视觉化和抽象的图⽚片感到疑惑,图⽂文并茂更更容易易 让⽤用户理理解

Dr. Paula 从实际的医疗专业⻆角度考虑了了制定的决策 流程是否有科学,补充了了医学逻辑的漏漏洞洞 我们在⽤用户流程和服务的症状可视化部分中都融⼊入了了 她的反馈意⻅见。

39


03|

E-sy checker 设计产出

/交互设计: 使⽤用场景

交互界⾯面 ⽤用户体验流程示意

⽹网⻚页上的⾃自测⼯工具

体验⽹网址:https://xd.adobe.com/view/b75e8894d3ed-42de-7a1b-4c3ee891b940-c16f/screen/74379952c5c5-41a1-aada-e826dbf9cc30

40


03|

E-sy checker 前后体验对⽐比

/ 新⽤用户旅程:

Alice是UAL的⼀一名⼤大学⽣生

她发现SH:24提供了了⼤大量量的 知识,⽹网站上弹出了了E-sy checker的症状⾃自测⼯工具。

她的私密部位出现了了⼩小红疹, 她⾮非常担⼼心可能是性传染病。

她⼀一步⼀一步回答E-sy checker的问题,这帮助她 进⼊入到和她情况对应的⻚页⾯面。 她决定申请⼀一个检测⼯工具。

她在⽹网上输⼊入⼀一些关键词“红 肿”“红点”等。

她得到的检测结果是阴性的。 她感到很开⼼心,她没有经历 惶恐的体验

她成功的找到了了SH:24⽹网 站并决定查看。

这个⼯工具和⽹网站帮助她在后 来遇到问题的时候提供最佳 解决⽅方案。她还推荐给了了朋 友。

41


03|

E-sy checker 设计影响⼒力力

/ 利利益相关者分析图:

/ 商业画布: 关键合作伙伴

约会App

性健康诊所 • 伦敦政府 • 英国医疗系统 • 服务设计师 • 交互设计师 • ⽹网⻚页开发 • SH:24⼯工作⼈人员 •

学校

搜索引擎

志愿者 研究学者

医学组织

⽹网⻚页开发者

⼤大学

设计师

病⼈人

性健康 产品

SH:24

E-sy Checker

诊所

客户关系

在⽹网上搜索时减 少慌张感和疑惑 感 • ⽅方便便易易得 • 可⾃自我管理理的性 健康 • 安⼼心和专业 •

快递服务

社交媒体

各领域专家

独家助⼿手 • ⾃自助服务 • 社区模式 •

客户细分 在伦敦有性健康 问题的年年轻⼈人⼠士 • 当地诊所 •

渠道 • Google • 英国医疗系统 • 社交媒体 • SH:24⽹网站

经验者 护⼠士

制作团队

建⽴立症状数据库 • 吸引流量量⾄至平台 • 适应⼯工具的⽤用户流程 •

价值主张

关键资源 • 培养意识的策略略 • 组织的⼈人脉资源

英国医疗系统 医⽣生

关键活动

⽀支出结构

收⼊入来源

为医学专家(在⽹网⻚页提供咨询服务) 为E-sy checker开发者

政府的资助 推动流量量增⻓长的收⼊入

潜在的合作者

42


微软⼩小冰表情包产品设计 ⼩小冰表情包产品设计与数据反馈分析 团队成员:3 成员组成:交互设计师、美术设计 ⻆角⾊色:⼩小冰表情包的产品设计,包括⽤用户调研,竞品调研,表情包 项⽬目管理理和需求对接,追踪数据反馈并分析。参与项⽬目经验总结与 分享。 结果:⼩小冰表情包2版(共48个)成功上线,⽇日活跃⽤用户增⻓长300%

04

43


04|

⼩小冰表情包 项⽬目背景

/ 项⽬目背景

为什什么制作表情包?

业务⽬目标

由于⼩小冰的视觉形象在2018年年才最终 确定,所以2019年年初制定⽬目标:帮助 推⼴广⼩小冰机器器⼈人的形象,拓拓宽其⽤用户 群体,表情包时重要的宣传途径之⼀一。

通过表情包帮助推⼴广⼩小冰机器器⼈人的形象, 让⼤大众熟悉新形象并拓拓宽其⽤用户群体。

由需要快速上线的需求决定的。表情 包是设计部⻔门能⾃自主研发上线并且得 到数据反馈的。

≈ 设计⽬目标 通过⼩小冰表情包的上线和使⽤用,增加 ⽤用户量量和⽇日活跃⽤用户。 • 通过表情包的上线和数据追踪得出影 响表情包数据的因素和制作经验,⽅方 便便后续快速上线 •

QQ⼩小冰形象

华为⼩小冰形象

⼩小⽶米⼩小冰形象

44


04|

⼩小冰表情包 调研分析

/ 项⽬目管理理

/ ⽤用户使⽤用场景分析 微信聊天场景

表情包在对话中的作⽤用分析

策略略: 以⼀一个版本探索⼀一个影响表情 包的因素为设计策略略。 时间: • 在2⽉月上线第⼀一个版本 • 在4⽉月上线第⼆二个版本 • 在5⽉月上线第三个版本

资源池: Trello

聊天/触发词/表情栏/表情商店

45


04|

⼩小冰表情包

设计产出与数据分析

/ 第⼀一版:⼩小冰要钱

表情包的⽂文案和触发词影响表情的发送量量。 认同感强、身份感强的表情,就能造成刷屏, 增⼤大发送量量

从单⽇日数据看:⽇日常型表情包的发送量量是很稳定的,特殊型表情包的发送 量量波动很⼤大。 从总量量看:特殊型表情因为某⼀一天的爆发式增⻓长导致总量量更更⾼高。

特殊节⽇日对对应表情包的发送量量影响巨⼤大

在表情总发送量量⾼高于红线的天数中,有80%是因为整套表情中单个表情 发送量量超⾼高。 所以猜测这可能是因为“刷屏”“跟⻛风”效应引起的。

46


04|

⼩小冰表情包

设计产出与数据分析

/ 第⼆二版:⼩小冰⼟土味情话

因为第⼀一版表情包的发送量量波动⼤大,下载量量保持平稳。因此 第⼆二版表情包探索对下载量量影响的因素。 表情包的主题对下载量量有影响,⾼高下载量量 的表情包多为表达爱的主题。

通过对于微信表情商店的桌⾯面调研得出:⾼高下载量量的表情包 多表达爱的主题。所以我们将第⼆二版表情包定为“⼩小冰⼟土味情 话”

限制表情包的使⽤用场景会导致每⽇日活跃⽤用户减少。

通过⼀一⼆二版的下载量量显示:特殊主题的表情包下载量量很⾼高, 但是⽇日活跃⽤用户有所下降。缩⼩小表情包的使⽤用场景会导致每 ⽇日活跃⽤用户减少。

47


04|

⼩小冰表情包

设计产出与数据分析

/ 第三版:⼩小冰职场

针对⽤用户的年年龄段、⽤用户常⻅见的使⽤用场景 去选择常⻅见的话题,有助于提⾼高活跃⽤用户

为了了增加表情包的⽇日活跃⽤用户,我们进⾏行行了了⽤用户调研。根据微信表情 后台数据显示⼩小冰表情包的主要⽤用户群体集中在24-38岁。根据数据 我们进⾏行行了了关于⽤用户使⽤用场景的头脑⻛风暴暴。得出了了⼀一些关键词,最终 我们选择“⼯工作“作为第三版表情的主题。

⽇日活跃⽤用户得到显著提升。 48


04|

⼩小冰表情包 反馈与合作

/ 产品合作反馈

/ 数据验证

⼩小冰⼟土味情话主题的表情包和微信⼩小冰、华为⼩小冰在⼥女女⽣生节进⾏行行了了产品合作。

环⽐比数据显示,发送量量下载量量保持稳定的同时,⽇日活跃⽤用户增⻓长了了300%,男性⽤用户获得显 著增加。 拓拓宽了了⼩小冰的⽤用户群体,使⼩小冰的新形象更更深⼊入⼈人⼼心,加强了了⼩小冰“⼈人⼯工智能情商”“⾃自然语 ⾔言处理理”的印象。 ⽇日活跃⽤用户环⽐比 版本3

男性

⼥女女性 未知

版本2

版本1

下载量量环⽐比

发送量量环⽐比

在微信⼩小冰中,⼩小冰表情包被触发了了12,000次。 在华为⼩小冰中,触发了了17,000次。 产品经理理的反馈: 表情包让微信⼩小冰更更⽣生动了了,更更拟⼈人聊天了了,从调取的⽤用户聊天 log能看出⼤大⼤大提⾼高了了⽤用户的兴趣和对话活跃度。 49


04|

⼩小冰表情包 经验总结

/ 经验总结 总结提炼通⽤用性的经验模式。制作了了“表情包制作七部曲”的ppt并进⾏行行了了 演讲分享。撰写⼀一篇“Studio8 Voice-表情包产品设计”并分享⾄至微软全 球平台

整体主题设计 增加发送量量:

明显的特征与主题

单个表情设计

卑卑

视觉设计

≈增加下载量量:

常⻅见且通⽤用

尝试型

数据中得出了了⼀一个⽐比较稳定、性

表情要有⼩小冰的个性和特点

价⽐比⾼高的模型:倒⾦金金字塔形。

符合当代⼈人的潮流说话⽅方式

⽓气氛的渲染⾮非常重要

做到保证基本的下载、发送、活 跃⽤用户、

50


组织者:釜⼭山国际⼴广告节 合作:普利利复健

私⼈人复健头等舱 创新复健体验服务&宣传创意 获釜⼭山国际⼴广告节中国赛区⾦金金奖 团队成员:3 成员组成:整合创新设计 ⻆角⾊色:参与「宣传+体验」全流程的创意设计。主要负责 线下体验店的流程及物料料设计、后续引流计划的物料料设计 结果:获得釜⼭山国际⼴广告节中国赛区⾦金金奖

05

51


05|

私⼈人复健头等舱 项⽬目背景

/ 项⽬目背景

/ 创意概述

⽬目标⽤用户

创意切⼊入点

⾼高净值⼈人群 28-55岁,对⽣生活质量量与身体健康 有⾼高要求的⼈人群

在⾼高净值⼈人群的⽣生活中创造接触点和了了解的机 会,让⽬目标⼈人群在⽣生活中遇到复健

≈ 品牌痛点

设计价值

需要客户实地体验后才可以理理解复健的科学性和专 业性 |没有接触到复健的机会,没有去实地体验的理理 由和契机

对客户:通过场景营造和实地体验,建⽴立⽤用户对 品牌的 信任感,为他们提供低⻔门槛的初次体验 机会。

从⽽而导致对普利利复健品牌的认知度和接受度偏低

对品牌:普及品牌,引导受众购买品牌的服务, 还可以 通过体验店⼴广泛的收集客户的基本信息 和需求,为后续的 推进做数据储备。

⼀一个“私⼈人复健头等舱”主题快闪店 ⽤用折中的的⽅方法拉近品牌和⽤用户之间的距离,在 ⾼高净值⼈人群常去的场景,为⽤用户创造⼀一次体验难 感知服务的机会。

52


05|

私⼈人复健头等舱 流程设计

/ 流程设计

/ 前期宣传 线上预热物料料 通过线上的KO、品牌海海 报和视频为线下活动预 热, 并引流关注到线下 体验店

采⽤用乘坐⻜飞机的流程和模 式,创造⼀一个独特的体验 主题⻛风格,带来符合⼈人群 的头等舱⾼高端体验

53


05|

私⼈人复健头等舱 设计产出

/中期体验 线下体验-登机牌

在线下的体验店为⽤用户营造沉浸式的体验氛围,提 供私⼈人化的健康评估和解决⽅方案,加强 对普利利复健 品牌和复健理理念的 认知度。

⼊入场券为登机牌的形式,带给⽤用 户⼀一种特别的仪式 感。也同时作为特⾊色的物料料,供⽤用户线上拍照分享。

54


05|

私⼈人复健头等舱 设计产出

/中期体验 线下快闪店体验店

STEP 1/ 机器器诊断室 通过3D动态捕捉评估仪器器,对身体进 ⾏行行严谨专业全⾯面的状态评估 STEP 2/ 复健师问诊室 基于机器器的评估结果,资深复健师会 提供更更加专业可信的定制解决⽅方案

STEP 3/ 活动空间 在得到细致的报告和指导后,可以在 活动空间进⾏行行简单的休闲和社交,分 享独特有趣的体验

55


05|

私⼈人复健头等舱 设计产出

/后期引流 线下体验 “身体⾏行行程单”,根据 数据和问题分析, 得出⽤用户的的定制 称号和私⼈人标签。 ⽤用 户还可以分享她 的⾏行行程单到朋友圈

56


其他设计作品 插画 UI设计 视频剪辑&制作 设计研究

05

57


/ 插画

强迫症-数据可视化

58


/ UI设计

59


/ 视频剪辑

KEEP微博官博转发 团队项⽬目 ae视频制作与剪辑

电影快剪 团队项⽬目 Final cut pro 视频剪辑

⼿手绘视频 个⼈人项⽬目 Flipaclip ⼿手绘视频与剪辑

作品地址:http://v-wb.youku.com/v_show/ id_XMjQ5NTI0NTQ0OA==.html? sharefrom=iphone

作品地址:https://www.zcool.com.cn/work/ZNDcwMTI0NTY=.html

作品地址:https://www.zcool.com.cn/work/ZNDcwMTI4MDg=.html

其他视频作品:https://www.zcool.com.cn/u/22028341 60


/ 设计研究

“CO-DESIGN YOUR PLACE” ⼯工作坊 多元化,多背景团队内的分⼯工合作。

“ST-MANGO” ⼯工作坊 重点研究⽤用户旅程的建⽴立和引导⽤用户有效参与共同设计。

“BITEBACK”合作 重点运⽤用“provocation”等设计⽅方法进⾏行行⽤用户研究

⽅方法:Persona,⽤用户旅程, 5 whys, 模型测试

⽅方法:Persona, Co-Design, ⽤用户旅程, 5 whys, 模型测 试,服务蓝图

⽅方法:Lego, Provocation, Persona, Co-Design, ⽤用户旅程, 模型 测试,

61


感谢观看


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.