淘宝2017 - 即时性回复设计(原创文章)

发布时间：2017-04-15 09:00:38 来源：PS教程人气：0

前言：视觉历史遗留，过于年代感、不够年轻化，没有淘系特色；Push 灰白色背景层与内容融合度高，用户不易直接被发现，无层次感，不醒目；缺少结构化展

视觉历史遗留，过于年代感、不够年轻化，没有淘系特色；

Push 灰白色背景层与内容融合度高，用户不易直接被发现，无层次感，不醒目；

缺少结构化展现，形式展现繁多，扩展性不强；

过于与系统保持一致，易误导用户认为是系统级的Push，容易收起操作，使用户忽略其应用内的重要信息内容；

回复信息操作不明确，下拉操作与系统类似，没有手淘独立视觉风格语言，系统性区分过弱；

弱渐变提示视觉上会让整体略显些脏；

强烈的黑色提醒层过重，影响到阅读，不够轻盈，与手淘整体视觉语言不符；

相邻色渐变依旧会出现双11大促时与系统栏相融合的情况；

Push界面不附加过多个性化颜色，避免与大促氛围融合，毛玻璃的视觉效果在不同场景下都可做到易识别；

视觉上与系统本身 Push 略做区分, 让用户理解属淘系应用内的推送；

整体与手淘2017新品牌视觉语言保持统一性；

去掉易误导用户下拉收起操作视觉提示，增加输入框、明确回复操作点击；

在当前页面即时回复，减少页面来回切换跳转的不佳体验；

可以延续完整聊天界面的相似度，后期在发送图片、宝贝等时不会出现与整体脱离的异常状态；

有扩展性，可点击进入完整聊天页面操作，对方在线状态也可以透出。

这样做给业务带来的价值是什么？

1：提升消息产品在手淘多链路上沟通效率，给产品带来更好沟通流畅度

2：改善Push提醒信息，避免重要信息被遗漏

3：减少页面跳转，加载上减少操作负担

这样做给用户带来的好处是什么？

1：效率上用户不用反复跳转切换沟通

2：操作上用户不用在跳转回复，在当前页面可即时回复

3：展现上用户不会在遗漏重要信息

4：信息结构上保持一致，给用户带来统一的认知

这样做设计改变和思考是什么？

1：设计上减少用户操作中的页面跳转感，从而增强用户回复效率

2：UI表现层上醒目透出，避免重要信息被遗漏

3：视觉改善上贴合淘系2017新品牌设计，年轻化展现

4：保持设计一致性，减负认知

| 设计驱动产品创新

依旧是老话题，设计师不能简单的把自己定位在执行层面上，要站在用户和产品的角度去思考问题，主动求变，推进改善体验。每次接手的一个产品都是发现并改善体验机制的机会。这次设计提案并驱动产品改善应用内回复大大减少了用户来回切换页面操作成本的问题，而临时回复消息也变得更自然。

谢谢阅读！

长按图片识别图中二维码关注我们的公共账号

淘宝2017系列文章：

《淘宝2017－大公司里的“小产品”设计》

《淘宝2017－店铺体验和商业价值的设计升级》

《淘宝2017-可能是最懂你的“我的淘宝”》

《淘宝2017-商品详情改版设计》

《淘宝2017-提示信息的情感化设计》

《淘宝2017设计升级》

本文来自PS教程网www.46PS.com，转载请注明！关键词：GUI GUI教程原创自译教程