UI设计师的产品体验日记「2020.08」

天天酱Titi

北京/UI设计师/4年前/790浏览

版权

天天酱Titi

哈喽大家，好久不见鸭🦆

前言

这里是我的第一篇用户体验日记，大都是生活中使用产品的过程中无意发现的设计亮点，于是我把它们一一记录下来，希望通过细节的沉淀与整理，让它们有一天也可以成为我的设计之光。

1.01【支付宝】财富有料文章详情页-快速查看评论和正文

体验流程：

用户打开支付宝的理财资讯详情页后，可以点击底部的评论icon快速跳转到评论区，此时评论icon会变成正文icon，再次点击正文icon可以跳转回到正文部分。

设计思考：

用户在查看投资的分析文章内容会想要看其他人的评论帮助思考，但是这类文章内容会比较长，每次查看评论都要翻好久翻到底部才能看到其他人的评论，同样，在看了很久的评论时，可能会对文章中某个点产生遗忘，所以需要回到正文中去重温内容。

为了解决这一问题，支付宝在查看文章内容时在底部浮动栏为用户提供了快速跳转评论区的锚点，在评论区时这个锚点又可以快速回到正文。这种方式减少了用户来回翻阅的焦躁感，对于提升用户好感度有很重要的作用，同时简化了用户评论的操作步骤，提升了用户的评论量，营造出网友们热火朝天讨论的活跃局面。

1.02【支付宝】财富有料随机创建昵称

体验流程：

用户打开支付宝的理财资讯后，首次点击评论框进行回复，会弹出随机创建昵称的弹窗，用户可以使用随机出现的昵称，也可以去修改成自己喜欢的昵称

设计思考：

支付宝作为第三方支付平台，具有一定的权威性和私密性，对于安全性要求很高，虽然它的账户数据中是存有用户的真实姓名的，但是在讨论区进行评论时，还是默认为用户生成了一个网络昵称，这一操作符合支付产品的安全诉求，给用户带来了安全保障，让用户可以大胆发言，各抒己见，带动社区气氛，可谓是非常友好。

1.03【支付宝】财富有料文章详情页-趣味性的点赞

体验流程：

用户在阅读完财富有料的分析文章后，可以通过文章底部的图标进行表态，点击小图标会弹出不同的动画效果

设计思考：

各大平台都有点赞的功能以增强人与人之间的互动，提高活跃度，但是竖起大拇指的点赞已经远远不能表达用户心中的想法，在支付宝的分析文章下，则采用了趣味化的不同状态的图标联动点赞，并配以微动效使点赞更有趣，让严肃的理财文章活泼了起来，刺激了评论欲望，有助于用户在表达态度时处于轻松愉悦的心情，提高了用户的参与度。趣味性有感染力的表达方式有利于消除人与机之间的距离，所赋予的情感表达也可以使用户产生共鸣，建立良好的联系。

2.01【抖音】搜索乱码时搜索结果为低龄视频

体验流程：

在抖音上搜索栏上敲入一行乱码进行搜索时，搜索结果会出现低龄视频

设计思考：

相信有孩子的家庭都曾出现过家里小朋友拿手机乱按的情况，大部分产品在被输入一串乱码后都会显示无搜索结果，抖音则独树一帜，在搜索一串乱码时搜索结果均为低龄化的视频。这是因为抖音搜索在接收到一串乱码时会判定搜索人为低龄儿童，会为低龄儿童推送适合他的视频内容，错误的输入不应该意味着用户需求的终止，为使用者提供不同的解决方案，满足多样的需求才更能带给人惊喜感，这也符合抖音打造面向全年龄短视频平台的宗旨，在一定程度上可以提高视频的播放量，同时有趣的卡通视频也可以在一定程度上吸引低龄儿童的注意力，防止儿童继续乱按为机主造成其他的损失，抖音正是以这样贴心有温度的操作，提升体验、深得人心。

2.02【抖音】快速引用好友的视频进行私信回复

undefined

体验流程：

在抖音好友发的作品下，好友的头像位置会出现一个纸飞机的图标，点击纸飞机可以快速引用好友的视频进行私信回复

设计思考：

抖音为了加强人与人之间的互动，在好友头像的位置增加了快速引用该视频，私信回复的功能，用户可以点击表情快速回复，也可以在输入框输入自己想说的话，减少了输入时间和操作负荷，让用户可以通过表情快速的表达自己的感受，维系好友之间的关系，被回复的发布者也会受到激励，在加强了软件的社交属性的同时刺激发布欲望。

2.03 【抖音】拍摄页操作图标的短暂文字提示

体验流程：

在刚刚打开抖音拍摄视频的页面时，可以看到操作图标旁边会短暂的浮现文字提示，五秒后，文字提示会消失。

设计思考：

抖音的发布视频页有剪辑视频等复杂功能，抖音用特定的icon图标代表了这部分操作，但是这些图标没有很强的普适性，用户对于图标认知会有很大的不同，用户无法一眼认出它的含义，需要点击一次进行试用后才能确定其功能，这样的设计方式对于用户来说理解成本和试错成本较高，用户在点击的过程中会出现短暂的疑虑，在旁边浮现提示文字则很好的解决了这个问题，人们可以快速的了解图标所代表的功能，降低编辑视频的难度，可以燃起用户的发布和剪辑视频的信心。激发用户发布视频的动力，提高视频上传率，提高转化。

同时用户进入发布编辑模块页面，最新照片以缩略图的形式在下方展示，也是为了方便用户快速编辑，减少用户的操作步骤，进而提升用户在发布内容过程中的操作效率，为用户创造一个更好的体验感。

2.04 【抖音】删除作品时的最后挽留

undefined

体验流程：

用户在上传视频后对视频不太满意的话可以对视频进行删除，在操作面板上用户需要向左划到头越过其他操作最后才能找到删除按钮，点击删除后，会出现确认弹窗，此时除了一个确认是否删除外还提供了是否设为私密作品的选项。

设计思考：

抖音是聚焦创作的视频内容型社区，用户上传的视频量决定着产品的稳定与未来，所以在用户想要删除视频时挽留措施是必不可少的，抖音将删除按钮埋到很深的地方，需要用户左划到头才能找到它，加大了用户删除的操作路径和成本。

其次在点击删除后，确认删除的文字使用红色字体起到了很强的警示作用，可以有效的防止用户误选，不仅如此，抖音还为用户在确认删除下面提供了第二种的解决方案-设为私密，这一操作让用户思考当前的删除决策是否为最优方案，这一操作有效的减少了删除量，通过新的解决方案来达到留存，避免用户流失。

3.01 【悦跑圈】弹层广告可以快速撤回

体验流程：

在要起跑时打开悦跑圈，马上去点击【开始跑步】按钮，可以中断正在从底部弹出的弹层广告，app会继续执行【开始跑步】的操作。

设计思考：

悦跑圈是一款记录运动的工具型产品，很多用户场景下用户是在马上起跑前或刚刚起跑时启动它，出于对软件的熟悉会在app打开后快速的去进行【开始跑步】操作，而这时正在从底部弹出的弹层广告会非常“懂事”的撤回去，为主流程让行。如果此时弹层广告照例出现，就会误操作点开弹层广告或被黑色遮罩层遮挡，这种操作虽然有利于运营目标的实现，但是中断了用户的操作流程，这对急于使用工具的用户来说非常不友好。而悦跑圈则充分的让使用体验贴合了用户的使用场景，对用户着急起跑的心情做了理解，好的体验永远离不开场景特征与诉求，而满足用户特定的诉求，对用户的行为进行预判，是体现一个产品是否聪明的重要特征，悦跑圈则站在用户的真正场景下，为用户解决了在使用过程中一大痛点。

4.01 【知乎】视频号评论的快捷弹幕

体验流程：

知乎的视频号评论区下提供很多快捷弹幕，包括表情和文字弹幕，懒得打字的用户可以通过点击快捷弹幕对视频内容进行表态。

设计思考：

以往的发送弹幕是需要用户自己去编辑文字进行表态，但是有很多想参与讨论的用户会出现“想说却不知说些什么”，而这一功能设计则方便了这些想参与讨论但不知道如何表达的用户参与弹幕发送，在用户观看视频后，可以通过快捷弹幕发送自己的心情，以最短的路径和最短的速度降低了用户侧的输入成本，减少了用户的输入负荷，而且快捷弹幕大都是正向情绪以及提出问题，有助于正面氛围的烘托，形成了评论区大家热烈互动的场面，一举两得。

4.02 【知乎】赞同与反对

体验流程：

在进入知乎某作者的个人信息页时可以看到该作者曾经发布的回答列表，在回答下只能选择支持回答，如果想要反对回答的话需要进入回答详情下面去进行反对。

设计思考：

在某作者的个人详情页只能对回答进行点赞支持，想要进行反对需要进入回答详情，这样的设计一方面有效的延长了用户的反对操作路径，可以降低反对量，给答主带来被认可的激励效果，由于反对成本的上升，另一方面也可以避免出现用户对某一答主恶意的批量反对，对于整个社区建设友好的氛围有积极意义。

另外在进入详情页后，会看到点赞的热区大概是反对的3倍，根据费茨定律，移动到某个位置的时间与距离他的距离和面积大小有关，目标面积越大，我们定位到目标的所花费的时间就越短。知乎也遵循了这一原理，将点赞的面积放大，用户可以快速的移动到点赞的位置对回答进行点赞，点赞率相对就非常高。这样的设计引导性强，无形中为用户缩短了用户的点赞操作链路，让积极正面的操作流程更自然，以设计助力业务。

5.01 【优酷】热血综艺的节奏弹幕

体验流程：

在使用优酷app观看这就是街舞4这类综艺时，可以进入节奏弹幕模式，用户发送的弹幕会跟随视频节奏跳动

设计思考：

【这就是街舞】这个节目是颠覆所有传统舞蹈节目模式，想要借街舞的内核重新定义年轻人的潮流文化，优酷在这类节目比较热血的部分增加节奏弹幕，看起来非常酷炫，这一设计增强了场景感，可以让用户拥有沉浸式的视听体验，与舞者一起享受节拍，增加用户观影的代入感和愉悦感，提高用户的观影体验。同时这样的设计新颖有趣，别出心裁，用户看到新奇的弹幕形式会分享给好友，为平台带来新的流量，也可以加深用户对产品的印象，强化品牌记忆。

（毕竟这个功能就是我男票看到的觉得很有意思分享给我的😄）