产品体验日记

1.1 “优酷”人性化提示时间区段

关键词：#人性化#  #深夜了#

产品体验：

点击视频观看，手机横向全屏展示。顶部展示当前时间，例如：下午 15:22。

设计思考：

简单设计细节可以使用户得到温暖的体验。使用手机全屏看视频的时候是看不到当前时间，需要点击屏幕查看，而全屏幕展示这种沉浸式的体验又很容易让用户遗忘时间的概念。相信多数人有一种看视频感觉只有一小会，但是却已经过了2小时的心理。加入早上、下午、晚上、深夜了这些词语可以让用户更直接的明白现在是时间区域，尤其是“深夜了”三个字，提醒用户该休息了。我认为简单化细节化的设计更让人打动。

1.2 “B站”、“爱奇艺”、“斗鱼”发布动态界面对比

关键词：#暗示#

产品体验：

B站：点击动态频道，从发布按钮进入发布界面。

爱奇艺：点击发现频道，点击加号按钮进入发布界面。

斗鱼：点击鱼吧频道，点击发布按钮进入发布界面。

设计思考：

对比三者，需要抛开具体的需求为前提，单纯从进入发布界面考虑。

B站：进入发布界面，会自动弹起加选照片的面板，并不是键盘。这个细节对比大多数产品是比较特别的，多数产品的现状是用户只发布文字，并没有发布照片，这样的操作可以心里暗示用户先加选照片，以免编辑完成文案后放弃发照片的情况。

爱奇艺：进入发布界面后，照片的入口仅为icon，并不是十分的明显，会有用户忽略这一功能。而且在输入文字后，发布按钮高亮状态可发布，有可能会造动态区内容不丰富的情况。

斗鱼：在进入发布界面后，抬起了图片视频投票的合集窗口，对比B站的选择图片多一步操作路径。

以上是在不考虑功能前提下我的体验，如果加入功能考虑比如斗鱼，在实际的使用中主播会经常发投票活动，那么从这个角度考虑，斗鱼的发布界面也是合理的。

1.3 “keep”更清晰的功能排布

关键词：#整合#  #细化#  #区分#

产品体验：

更新keep后，我的界面中商城的订单相关的内容移走，采用了抽屉导航放在界面的左上角按钮中整合收起。

设计思考：

今天在购买会员时发现keep将订单部分做了重新的功能划分，准确的说是将功能与服务做了细化和区分。摆脱了从前混乱的情况，让购买商品的消费者更清晰的找到自己的信息。同时整合了相关的内容收纳起来，在多个板块漏出增加曝光，不需要频繁切到我的界面中寻找。也摆脱了之前几个版本中，物流信息入口在商城界面中的突兀设计。

1.4 “最后一卷胶卷”中有趣的通关方式

关键次：#任务#

产品体验：

进入产品后是照相机的基本操作，可以选择不同的胶卷拍照，有不同的效果。

设计思考：

对我来说这款产品最有趣的地方不是交互，不是界面设计，是开通众多胶卷的方式。

· 开通PRO会员限定。开通会员这个很常见的一种盈利模式，也是最快的到这些效果的方法。

· 通过与产品与目标人群契合高的任务，完成开通新胶卷。对于这种小众，专业的app多数是专业用户进来使用，提供一套好的通关任务可以有效的留住用户，并且提高使用。这个产品通过完成上一个胶卷的拍摄量，来开通新胶卷。除了我自己以外，也拿着该app去做了简单用户调研，结果都反应出对这套任务很感兴趣，尤其是针对摄影爱好者以及摄影专业人士，尝试新胶卷的拍摄效果是他们完成拍摄量的最初动因。

1.5 “微博”中对用户心态的细节把握

关键词：#评论# #用户心理# #点赞# #心情#

产品体验：

浏览微博向下滑动，看到自己感兴趣的内容停下查看，5-6S后展开评论框提醒评论。长按点赞可以选择点赞的心情是好还是不好。

设计思考：

首先是评论框的停留出现，按大多数产品，这种用户展示方式是不会出现评论框这样的功能，只有一个评论入口icon点击。但是小小的icon并不明显，而且点击后才能评论，如果不是特别感兴趣会有因为操作路径长而放弃的情况出现。这样会减少用户之间的互动，久而久之用户黏性降低就不好了。微博在这里做了停留等待出现评论框，本身停留的最大可能就是对内容产生了兴趣，给一个这样的动作会增加用户对该功能的注意，也许会下意识去点击评论，产生后续的用户行为。

其次微博承载着很多社会话题，这些话题并不是人们都认同的，有赞成就有反对。长按点赞出现的这个功能解决了一部分用户对话题的反对意见权利。

1.6 “玩吧”百变的产品形象

关键词：#视觉风格# #品牌意识#

产品体验：

进入玩吧app首页后，可以看到“一起玩吧”这个区域，点击更多进入可以看到视觉风格统一的小游戏列表。

设计思考：

在视觉上，玩吧的风格偏向卡通、轻松的画风。小游戏列表采用了产品的卡通形象，在卡通形象的基础上做了符合每个小游戏核心的造型。用户在使用的过程中不断的看到该卡通形象，但是没有重复的观感，反而强化了品牌意识。同时app的应用图标也是卡通形象的元素，做到了前后呼应，给用户带来强烈的品牌认知度。

1.7 “斗鱼”首页优化快速开播按钮

关键词：#优化# #动画# #开播#

产品体验：

进入斗鱼首页，可以看到一个视频icon的悬浮按钮，点击按钮进入待开播页面。

设计思考：

在斗鱼app中，上几个版本首页的快速开播悬浮按钮都是一个“+”的icon。在互联网的用户潜意识中，加号代表更多的含义还是发布内容的属性，开播这个动作还是与发布有一定的区别。

目前版本将加号优化，启动app进入首页后第一眼可以看到悬浮按钮上直接是“开播”文案，直接展示按钮的功能。随后变化为摄像机形象的icon。我认为这样的优化要更明确按钮的功能，首次进入app的文字向icon转变的非循环动画也更容易抓住用户的眼球。这种优化也有利于非主播点击查看详情，潜在有提高入驻新主播的情况。

1.8 “网易云音乐”K歌视频的展示

关键词：#引导# #用户心理#

产品体验：

进入网易云音乐K歌频道，点击用户发布的K歌内容进K歌详情收看用户的歌声、影像。

设计思考：

在进入网易云音乐K歌详情中的视频展示是占据屏幕的1/2 - 2/3之间，最大程度展示视频内容，也就是用户表演的区域，视觉向下延伸的时候会有作者的信息、内容简介、相关的赞和礼物数量、评论和最后悬浮的功能标签栏。不会存在全屏展示视频没有引导向下的问题，用户向上推动时视频展示区缩小到正常的16：9比例大小，评论下的内容可以有展示的空间，看到用户之间的交流内容，增加产品的用户黏度。这种设计既保证了视频的展示满足了用户的表演心里，又解决了全屏沉浸式的缺少向下引导，毕竟K歌功能在于欣赏发布者的内容，不是像短视频节目浏览般的丝滑向下。

当然也有其他产品也采用了这样的交互方式，比如小红书的图片展示、bilibili中舞蹈区视频这样的交互更多、快手查看评论的交互也类似，不过有细微的差别。

1.9 “MONO”文章列表表明文章出处

关键词：#来源#

产品体验：

打开MONO后，浏览首页内容，以天为单位区分每一天用户的发布内容。其中每个用户发布的来源在列表的右上角表明。

设计思考：

2021年的今天，我们对著作权版权的重视与往日不同，作者们除了关注点赞量、评论之外，也开始关注自己的作品是否被侵权。MONO在表明出处上做的就很“大度”，从浏览来看，文章作品等有出处的均在列表处就注明，进入底层后依旧有更详细出处说明。如果文章没有来源则会分类到不同的门类中，如社会、摄影、音乐等。好的内容载体要更尊重作品，更要尊重每一个背后辛苦付出的作者。

1.10 “谷歌翻译”强化用户交互触点

关键词：#触点# #动效# #实用#

产品体验：

进入谷歌翻译首页，点击底部标签切换，会有触点扩散的效果。

设计思考：

在主流的底部标签栏处理效果以动效的、线面切换为主，目的都是为了强化选中与未选中，但都局限在icon本身做文章，例如爱奇艺底部切换动效，微博底部切换线面的变化。谷歌翻译在底部标签切换则做了区域性触点反馈，用户可以更快的明白有没有点中的问题。除此之外，采用面性icon用户也容易识别。单独对比底部标签效果，谷歌翻译的效果要比其他部分app更实用。这一点击触发的效过也在谷歌其他产品也有体现，例如谷歌艺术。

不过加上产品本身的需要实际考虑，并不是每一个产品都适用这样的交互方式。也不是其余产品不适合自己现有的交互。

1.11 “mars”首页的信息展示

关键词：#生活应用#

产品体验：

进入mars，可以看到日期、天气、首推、热点、活动、排行、用户发布等内容。

设计思考：

作为一款城市生活应用，相比用户人群更为小众，对比信息处理更明确（个人感觉）。首先是头部的地点搜索，占位比例更大，与竞品对比将天气下放与日期、人数、文章数、航班资讯整合在一起，这些基础出行和产品的信息第一时间被关注到。banner宽度缩小，但是占据屏幕的比例并没有变小视觉上没有违和感。依次向下是热门的文章链接推送，金刚位的功能区，用户们的今日热议，关注玩什么的活动、展览、店铺排行。最后是用户的发布Feed排列。首页整体将用户登录生活类app的主要目的都呈现出来，配合视觉的上的特殊设计，让整个app有别样的使用体验。

1.12 “虎牙”“斗鱼”客户端弹幕对比

关键词：#窗口# #全屏# #成组#

产品体验：

斗鱼：非全屏模式弹幕铺满整个屏幕。全屏模式下弹幕成组排列。

虎牙：非全屏模式弹幕只在对话框显示弹幕。全屏模式弹幕从上至下展示。

设计思考：

直播最大的乐趣之一就是可以和主播实时互动，但事情总有正反面，不是每一个观众都愿意互动，总有只想默默看直播的观众。在小窗口下，斗鱼弹幕但直播间铺满划过展示，同时在对话框中也在刷新展示，同时有两个区域展示用户与主播互动的内容。虎牙则没有在直播图像区域展示，仅在对话框展示。对比斗鱼我跟倾向虎牙的设计，保证了观看节目的效果，在斗鱼大主播的直播间通常弹幕可以遮蔽主播的直播内容，很影响直播效果，需要多一步的操作来关闭。

在全屏模式下，斗鱼是成组的斜向下，排列划过。虎牙是按发布时间，从屏幕最上方向下累计弹幕划过。斗鱼的成组划过让弹幕在直播间显示更饱满，又因为成组又显得不乱。虎牙这样的弹幕排列规则会明显的区分出大主播与小主播之间的差距，同时在弹幕中间穿插打赏信息，支持用户打赏主播。

1.13 “UI中国”专题的弹幕提醒

关键词：#弹幕#

产品体验：

PC打开UI中国后，浏览内容，会从屏幕右侧飘出一条弹幕，点击弹幕进入专题页。

设计思考：

网页中通栏的banner通常是很有视觉效果的表现，也是根据交互原则来做的设计。但是这么长时间的发展后，用户对banner中的内容也有了潜意识，无非是有偿推荐、广告等一些内容，那如何增加这部分内容转化是一个问题。

例如在自如app中banner的特殊处理，将信息层和背景层分开达到趣味性、强化信息的作用。UI中国也为pc端提供了另一种可能性。banner总归是要划走的，用户停留在内容区的时间要大于停留在banner的时间。为了增加banner部分的转化，增加了内容区的弹幕形式的表达，既不会向上面说到的大规模弹幕阻碍用户正常的浏览，动态的形式又起到了强提醒的作用，会有效的增加转化。

1.14 “网易云音乐”歌曲相关音乐视频界面

关键词：#弹幕评论# #用户# #相关#

产品体验：

网易云音乐点击歌曲进入歌曲详情，点击更多按钮，选择相关视频观看歌曲相关影像。进入视频后界面被大致分为三个区域：评论弹幕区、视频区、视频信息区

设计思考：

网易云音乐的视频将用户评论以弹幕的方式呈现，客观上解决了短视频软件中查看评论对视频内容的影像，不论是起弹窗查看，还是缩小视频，都对内容有影像。弹幕的方式除了解决了增加操作路径的情况，也避免了大多数观众看评论遮挡内容的问题。当视频区视频为16：9的比例时，可以再屏幕右侧看到一个半透明的全屏播放按钮，这个按钮既满足了部分用户对视频观看质量的需求，有解决了全屏按钮过重带来的频繁操作使用户离开。同时界面向下滑动可以看到更多视频创作，最下方的相关歌曲也有收藏按钮，用户不用为找不到BGM所困扰。

1.15 “大众点评”首页右划增加发布评论、笔记等快捷发布

关键词：#快捷# #整合#

产品体验：

大众点评进入首页后，页面停留在推荐标签上的内容。右划内容区变更为关注内容，继续右划推出抽屉式的快捷发布导航。若在非内容区右划直接推出快捷发布导航。

设计思考：

此次10.40.1版本的迭代增加了快捷发布区。将需要发布的内容入口通过交互原则、用户体验等整合在一起，为用户提供快捷的发布，缩短用户发布路径，增加用户产品黏度。这样的整合也让非深度用户了解到了产品又那些可发布内容。就我个人而言，之前并未注意到有“问大家”这个功能，通过这样的整合可以使产品功能更加清晰，明确。

1.16 “马蜂窝”笔记发布页面的用户引导

关键词：#引导# #用户体验#

产品体验：

马蜂窝首页点击发布笔记按钮，进入照片选择页，选择完下一步编辑照片，完成编辑后进入发布界面，填写标题、话题、地点等内容。

设计思考：

马蜂窝在发布页面中大量使用引导语。引导用户如何填写，怎么填写，填写后有什么好处等。类比一些没有引导语的内容产品，会增加用户的填写率，因为有详细的说明引导，用户发布的优质内容也会增加，发布后的效果不论是从用户体验还是视觉效果都会更好。随着时间的积累，有效的优质内容越多，越容易吸引新用户的增加。

1.17 “微信”视频号观看完整视频提示

关键词：#长视频# #1分钟#

产品体验：

进入微信，点击发现视频号，浏览用户发布的视频内容。超过一分钟的视频为长视频，列表展示1分钟内的内容，列表中的视频时长即将播放完时显示提醒观看完整视频。

设计思考：

微信中的视频号以列表的方式展示，在列表中播放1分钟以内的视频内容。由于近年短视频的火爆，用户习惯短视频的观看方式。长视频混在短视频中，如果没有足够吸引的内容，有可能会被划过而看不到后面的精彩内容。在视频号中列表内容在1分钟快结束时弹出“观看完整视频”的提示信息，这样的提示会增加用户对长视频的点击观看。可以让用户看到更多创作者的内容，也是对创作者更好的鼓励。