黑马家族 产品体验日记 第 61 期

往期点击底部左下角“阅读原文”

-------------------------------------------

Avalise

深圳 | UI设计师

学会深入思考每个产品相关设计的意义，也是了解设计背后的产品的开始呀~

01.【美团】外卖评分人性化弹窗提醒

关键词：#人性化 、#减少误操作

产品体验：

选择美团外卖某个待评价的订单，点击评价。按照五星的标准对“商家/菜品”的总体、口味、包装进行星级评价。而在提交评价时，这三项中如果总体评分很高，其他两项有出现“差”的评分时，在用户提交评价后，会弹出温馨提示的弹窗，提示用户三项评分差异很大，是否为误操作？用户可选择进继续提交或者修改评分，整个流程十分人性化。

设计思考：

相信大家都有过，想给好评却不小心给了差评，想给差评却不小心给了好评的情况。美团外卖弹窗提醒，给大家预留了一个修改的机会，减少了用户的误操作，更加人性化，可以更真实的反映商家的餐饮及服务水平，便于用户更好的进行外卖商家挑选。

02.【闲鱼】每日签到之百币夺宝

关键词：#用户粘性 #贪婪心理

产品体验：

从闲鱼首页左上角点击签到按钮进入活动，用户可通过签到、闲鱼兑换或者做其他任务来获取一定数额的闲鱼币。在签到首页，百币夺宝活动模块位于首屏正中，丰厚的奖品十分醒目的呈现，点击“100闲鱼币夺宝”按钮，用户才真正进入夺宝列表。每个夺宝，100闲鱼币可兑换1个幸运号，投注越多，幸运号越多，中奖概率越大，可无限投注。

设计思考：

闲鱼的签到夺宝和支付宝100积分参与抽奖类似。商家通过免费提供奖品来吸引用户参与夺宝抽奖，为自己的店铺获得更多的曝光。而中奖后的参与者可获得高额的回报，对比淘宝的下单才能金币抵现，高额奖品的吸引力更为直接，利用用户的贪婪心理，期待小的投入获取高价的回报，来提高用户的参与度。

无限投注则有效的消耗了用户的闲鱼币，Push用户通过做任务、签到等来获得闲鱼币，从而有效的增大了用户的浏览概率和粘着度。

03.【当当】商品加入购物车之商品推荐

关键词：#提高曝光转化 、#用户体验

产品体验：

进入当当APP，如果用户是对某个商品进行第一次加购，会上拉出一个弹窗，弹窗提示加购成功，并推荐出6个根据已加购的商品属性所挑选的商品，每个商品可单独直接加购；推荐商品最底下是前往购物车的按钮，如果是对推荐的产品不感兴趣或想继续浏览，便可以关闭该弹窗。若用户多次添加同样的商品，则该弹窗不会显示。

设计思考：

商品添加购物车成功后，利用弹窗进行更多的商品推荐，为平台的商品提供了更多的曝光机会。而仅仅只是商品第一次加购才会出现该弹窗，避免产品过于商业化，使用户产生厌烦心理。

而在实现加购后，推荐弹窗底部添加的前往购物车功能，则让用户直接跳转至购物车，进行商品的编辑或结算，可让用户直接拥有完整的购买体验，用户体验良好，在一定程度上也能提高页面的转化率。

04.【易稿】小程序首页快速登录注册

关键词：#快速获客、#减少干扰

产品体验：

进入易稿小程序，在未登录的状态下，登录注册模块贯穿所有页面，始终置于页面底部。

设计思考：

大家都知道，登录注册模块是产品账户体系的核心模块，易稿在用户未登录的状态下，将登录注册始终置于页面底部，并贯穿于所有页面，如此强调登录注册的重要性，一是缩短产品与用户之间的路径，帮助产品快速获客，二是覆盖标签栏的样式，能让用户更聚焦于产品的核心内容，减少其他标签栏目带来的一些信息干扰，要知道，大部分用户是不喜欢注册很多账号被获取个人信息的，在了解产品核心内容下的登录注册用户，往往会更加真实有效。

05.【微信】朋友圈删除后的重新编辑

关键词：#人性化、#减少重复操作

产品体验：

新发布的朋友圈点击删除后，微信会提示用户删除了一条朋友圈，并提供给用户重新编辑的机会，点击重新编辑，用户之前发布的内容会完整的恢复在编辑区。

设计思考：

朋友圈既是记录自身生活的一种方式，也是向他人展现自我的一种渠道，不少人发朋友圈都特别用心。

而面对用户删除状态，需要从0开始编辑的使用场景，微信的重新编辑有效的避免了用户多余的重复性编辑操作，节省了时间和输入成本，重要的一点是不需要用户重新回忆文案，人性化的消解遗忘所会带来的烦躁情绪。

06.【淘宝】主题换肤下拉沉浸预览

关键词：#即时预览、#沉浸体验

产品体验：

进入淘宝的主题换肤，选择一款皮肤查看详情，下拉主图进入预览，左右滑动体验该皮肤的运用效果，上滑即可退出预览。

设计思考：

看腻了淘宝默认的主题皮肤？淘宝的主题换肤既为用户带来各种新的视觉体验机会，也为皮肤创作者们提供了创作的平台，创作者在宣传自己作品的同时，也能为淘宝带来一定的流量。

在交互上，一般情况下，用户总是希望点击和阅读屏幕中间的内容，主题换肤的上下滑动切换状态、左右进行预览、屏幕中央进行点击使用，均可在屏幕中部完成操作，交互友好便捷。预览模式模拟皮肤真实的运用效果，为用户带来沉浸式的体验。

07.【每日优鲜】购物车优惠满减结算

关键词：#损失厌恶、#目标趋近效应

产品体验：

在“每日优鲜”选择物品加入购物车后，购物车结算栏则会固定悬浮于底部标签栏之上，每添加进一份物品，优惠门槛提示也会随之更新，不断吸引消费者进行凑单选购。

设计思考：

对于配送费，一般情况下，大家平时下单一般优先选择没有配送费或者配送费很低的店家，毕竟谁也不想多花钱。每日优鲜通过设置购买金额门槛减免配送费，当用户看到自己离达到门槛所差不多时，往往愿意付出更多的“代价”去达到目的，这种也称之为“目标趋近效应”。而当用户选购完所需的商品后，发现自己只需花几块钱就能实现更多的优惠，这时，用户会产生一种损失厌恶的心理，刺激用户再次进行加购，提升转化率。

而购物结算置底贯穿页面，让用户更清晰的感知到“优惠价值”，在交互上也便于用户随时结算，点击操作。

08.【滴滴出行】锁屏查看接驾信息

关键词：#信息简化、#人性化

产品体验：

在滴滴出行打车后，将手机锁屏，仍可查看详细的接驾信息，信息呈卡片化展示，具体包括：接驾路线地图、司机与乘客的距离、大概的抵达时间、以及车辆的车牌、型号及颜色等信息。卡片下方提示用户滑动即可解锁。

设计思考：

在滴滴打到车后的信息界面，辅助功能及相关信息基本是很全面的，例如：报警、取消订单、打电话、发消息、司机状态等。而简化版的接驾锁屏建立在用户锁屏后的动作展示，意味着用户在等待过程中暂时没有其他的使用需求，在这样的一个使用场景下，滴滴提炼出重要的接驾信息成为锁屏界面，可以避免其他信息在视觉上对用户产生的干扰，让用户更清晰的了解当前的一个打车状态，十分人性化。

可以深思的是，在产品中，同个功能，不同的使用场景，信息的优先级不一定相同，所以在设计时，需要考虑的更加全面，努力为用户带来良好的产品体验，这样才能更好的提高产品留存率。

09.【微信】聊天个人表情包管理

关键词：#便捷操作

产品体验：

在微信聊天界面，点击个人收藏的表情包，选择一个表情，长按出现一个小气泡弹窗，表情包被放大，用户可选择将该表情包移到前面或进行删除。

设计思考：

微信添加表情包，最新添加的置顶向左排列第一个，继续添加，则依次向右向下推进。不过微信的单个表情包收藏是有数量限制的，上限为300个。但是随着时代的发展和当下的潮流，表情包层出不迭，表情包收藏需求往往会超出限制，因此用户需要对表情包进行删减才能重新添加新的表情。

同时，在表情包列表里，前3栏可以说是用户最便于点击和高频操作的区域了，再往下则需要用户向上滑动，进行浏览挑选，若是用户使用频次高的表情包排列在底下，相应的时间和操作成本也会变大。

所以针对用户的表情包管理需求和考虑到用户使用的便捷性，用户长按表情包出现的放大的表情包可以让用户更加明确目前操作的主体，减少误操作，移到前面的功能也可以让用户更便于使用经常使用到的表情包，降低操作成本，删除则利于表情包的淘汰和新增。

10.【有道云】笔记模板帮助高效整理要点

关键词：#高效性

产品体验：

点击悬浮的“+”按钮，上拉出弹窗，可以选择直接从模板新建，也可以选择新建一篇笔记后，进行选择笔记模板。目前有道云的笔记模板有21种类型，选择其中一种，就可以以该模板的格式进行笔记的记录。

设计思考：

在生活中，无论是学习还是工作或者开始某项计划，大多都需要用到记录。在线上，也有很多种记录的软件，但是记录笔记的操作使用效率绝对是用户选择该软件的重点之一。有道云笔记的笔记模板为一定需求的用户提供了简单的笔记框架，帮助用户搭建清晰的笔记逻辑。从个人使用到向他人分享，笔记的清晰结构，可以省去用户整理框架思考及操作的时间，提高了用户记录的效率，同时也便于他人获取重要信息；在交互上，操作路径短，仅需3步就可以让用户进行模板的浏览和选择；在视觉上，图标的辨识度很高，界面干净简洁，整体体验良好。

不过值得一提的是，有很多用户期望笔记模板支持自定义创建，这样用户的可发挥空间更大，未来，也许这个功能会上线吧。

结语：

设计师的经验沉淀，不仅仅需要从书本中获得相应的专业理论知识，更需要多体验产品，联系相关理论，去解读产品并思考背后的逻辑和技巧，长此以往，可以帮助我们输出更有灵魂与价值的设计。