产品体验日记（11.16-11.30）

体验目录：

11.16 “大众点评”地图找店

11.17 “京东”搜索商品后的问

11.18 “京东”商品详情页展示图中的弹幕

11.19 “抖音”短视频快进快退

11.20 “抖音”相关阅读跳转今日头条

11.21 “爱奇艺”首页feed中穿插推荐封面的弹幕

11.22 “高德地图”首页布局的可选择

11.23 “叮咚买菜”分类导航

11.24 “知乎”闪屏广告

11.25 “36氪”的运营广告位

11.26 “红板报”顶部的利用

11.27 “爱奇艺”的更多按钮

11.28 “腾讯视频”首页布局

11.29 “开眼”广告位的尺寸变化

11.30 “喜马拉雅”进入后的青少年设置

11.16 “大众点评”地图找店

关键词：#用户体验#

产品体验：

进入大众点评，点击地图进入地图找店，可以看到选中图标弹出的弹层增加了图片展示。

设计思考：

上半月已经有写到大众店品这里的地图找店，这又发现更新后的地图在弹窗部分增加了三个固定的图片展示位，增加图片展示后可以很直观的感受到该店铺的商品效果，可以帮助用户更快的做出决定去哪个店铺，提高用户效率，减少用户在app中无尽的浏览带来的厌烦感受。

11.17 “京东”搜索商品后的问

关键词：#用户体验#

产品体验：

在京东购物时搜索目标商品，搜索结果页右下角会出现一个问字的入口，点击后进入该类商品的提问聚合页。

设计思考：

在购物时，用户有时并不知道自己想买的是不是最合适的，或者在有意向购买的时候时并不知道那种细分更好，问的出现可以解决用户在类似环境之下出现的问题，搜索结束后可以进入问看一下大家的问题都是什么，更好的帮助用户解决选择困难的问题。

11.18 “京东”商品详情页展示图中的弹幕

关键词：#商品弹幕# #引导#

产品体验：

在京东中点击商品进入商品详情，在商品图片展示区上半部分看到有弹幕的飘出，点击弹幕可以直接跳转到该商品的评论区。

设计思考：

一般的电商产品还是不会把评论放在这么高的位置，但是随着用户心态在这几年的转变，用户不在只考虑价格，品类，品牌，转入性价比更高的商品，那么已购买用户的评价就会比较重要，这会是引导新用户购买的一个重要引导，用户会从已购买用户的评价中判断这个商品是否是目标商品，虽然有可能造成刷的情况，但不可质疑的是这确实会引导用户留下来下单完成购买的一个有力手段，并且比较新颖。

11.19 “抖音”短视频快进快退

关键词：#用户体验#

产品体验：

在抖音观看短视频时，拖动页面底部的进度条时，可以看到时间点的缩略图和加粗的进度条。

设计思考：

更新前的观看短视频也是可以拖动进度条的，但是误操作的风险是很大的，比如你有没有发生过在拖动进度条的时候触发了左右划的手势操作，从推荐不知道什么时候就去关注了。在加重进度条的操作后，用户可以很明确的看到知道自己操作的部分，减少因热区过小带来的误触发生。

11.20 “抖音”相关阅读跳转今日头条

关键词：#分流#

产品体验：

在浏览抖音短视频时可以看到一些视频底部会有相关阅读的连接，点击后弹出弹窗显示是否跳转今日头条。

设计思考：

之前的版本这里应该是不作跳转的，是直接以H5的形式展示，但是目前需要跳转到今日头条才可以阅读，这样产品之间的联动对于跳转到目前产品的产品来说是引流和拉新的一个好办法，但是对于产品本身来说则是一种流量的短暂流失，不过对于自家的产品来说就不存在这样的问题了。相对比之前有体验到的懂球帝开机屏跳转饿了么，还是把流量保证在自家中。

11.21 “爱奇艺”首页feed中穿插推荐封面的弹幕

关键词：#趣味性# 

产品体验：

在爱奇艺的首页中浏览，可以看到在feed中会有推荐的电影电视剧的卡片穿插，在卡片上会飘过弹幕。右下角可以看到向上的箭头，点击箭头展开剧目的介绍覆盖在封面上。

设计思考：

很多产品在首页的浏览都选择了在两屏或者三屏后使用feed/瀑布流等无限向下刷新，个人认为这样的设计虽然可以保证产品首页的丰满度，但是也导致了用户大概率在刷新个位数次数后就疲劳感爆棚。爱奇艺在这里选择的是穿插不同的模块，并且让穿插的模块在一定程度上有趣，吸引用户从而将流量分发到下一级，让用有循环可能的开始。

11.22 “高德地图”首页布局的可选择

关键词：#用户体验#

产品体验：

下载高德地图启动后，首次开启后会提示可以选择两种模式的布局。一种为搜索框在顶部，另一种是搜索框在底部的。

设计思考：

这里可变得布局更多的满足了不同用户的使用习惯，即照顾到老用户习惯的上方搜索框，也有在下方操作集中的布局样式。个人认为利用多种布局的形式给用户不同的选择，教育用户由传统的使用方式转向体验更好的局部方式，首次展出的选择卡片有布局的框架，用户在看到没有见过的布局会有好奇心的激发尝试，会有机率将更多的用户导向更好的用户体验布局。

11.23 “叮咚买菜”分类导航

关键词：#导航#

产品体验：

在叮咚买菜的分类中，可以看到页面顶部有横向的tab导航，在每个tab下又有多级分类菜单做导航，用户可以选择具体的商品。

设计思考：

两种导航的结合可以让用户精确的找到目标品类，横向的tab加竖向的导航从视觉上看起来，并没有使得页面拥挤，尽管截图在商品展示区加上了广告位，可展示商品还是有足够的空间。在tab使用图片的icon，视觉感受上也比单纯的文字tab好很多。但是总体来看在该类产品中这样使用的效果是比较好的，并不代表所有的产品都适用。

11.24 “知乎”闪屏广告

关键词：#商业化#

产品体验：

启动知乎后会看到广告闪屏，在读秒进入首页的时间内，页面底部有提示滑动或点击区京东一起探究这样的广告跳转的提示，点击后提示跳转到广告目标产品中。

设计思考：

商业化是产品中不可避免的问题，闪屏广告是一个很好的漏出位置，更好的为广告主提供服务还是对收益有提升的，虽然这样会在流量上会有所流失。还是与很久之前体验过的懂球帝闪屏饿了么广告，那个是一个以假乱真的图片做跳转，视觉感受上有很强的欺骗性，目前很多产品与截图中的做法是一样的，不做欺骗图而是加一个按钮来强调跳转。

11.25 “36氪”的运营广告位

关键词：#运营#

产品体验：

进入36氪，在底部标签栏的中间icon，点击后进入该页面为运营专区。

设计思考：

36氪这一期更新了一整版的运营专区，这里与其他产品不同的是一整版都是一个多动，更多产品这里还是会区分出不同的区域用更多的内容填充在页面中，保证有不同的活动吸引不用的用户群来参加。36氪这里是会更大胆的使用了整版，加上活动本身的视觉夺目，效果还是很好的。

11.26 “红板报”顶部的利用

关键词：#用户体验#

产品体验：

启动红板报之后切换到第二、三个标签社区、好物中可以看到，页面顶部会有不一样的视觉设计和功能安排，在社区中顶部是个人头像和名称，点击后跳转到我的页面。在好物中页面顶部则是一句与好物有关的文案。

设计思考：

一般情况下产品在这样的界面还是比较常规的设计，会在这些比较重要的位置放置一些功能性的设计。红板报我认为比较好的一点是定部文艺范儿的处理还是挺有意思的，整体视觉从默认头像，默认文案，到两个板块的基调都很统一，使用起来很舒爽。

11.27 “爱奇艺”的更多按钮

关键词：#动态#

产品体验：

在爱奇艺首页轮播图下的猜你喜欢、热播等标题后的更多并没有使用更多箭头或文案，而是采用了不同的文案做模块的区分。

设计思考：

在首页中热播这里，后面的更多按钮设计成滚动的文案按钮，对比常规的按钮，动态的形式更容易吸引用户点击，不过这里点击之后并不是去更多，而是对应文案的相关详情页，也是直接将用户引导至目标页面，减少在列表中反复横跳导致的用户流失。同时，热播这里通常处理都是给一块空间做个性化设计，但是这里并没有过多的做同质化设计，反而可以留出空间放更多推荐的内容。

11.28 “腾讯视频”首页布局

关键词：#用户体验#

产品体验：

进入腾讯视频首页后默认在精选的tab，下面是轮播图、热播以及feed和穿插的榜单入口。

设计思考：

腾讯视频没有像爱奇艺优酷等产品在首页中铺的很满，尤其在feed中采用了单大图展示，长时间停留在该卡片可以自动播放片段，在视觉上这样的排布不拥挤，停留播放片段也可以省去用户点击进入拖动进度条观看是都喜欢的步骤，从个人的体验来说对比其他主流影音产品对更舒服一些。对于内容的丰富程度来说，这样的设计也避免了选择困难的用户增加选择的可能性。

11.29 “开眼”广告位的尺寸变化

关键词：#商业化#

产品体验：

进入开眼后，可以看到banner位是通栏的半全屏大小，在浏览内容后返回头部广告位则与内容区视频尺寸相同。

设计思考：

这里尺寸变化在我认为还是为了增加商业收益，但是又不想过多的侵占长期留在产品内用户的视觉中心，与之前说到的知乎、懂球帝等等一样，商业利益是不可或缺的一部分，有了这些才能有做下去的动力，但是又不能失衡，开眼就把头部广告位做成了可变尺寸的设计，解决广告位长期占据的空间问题。其实在爱奇艺ipad端的banner广告也有类似的设计，但是没有开眼变化这么大，感兴趣可以去看看～

11.30 “喜马拉雅”进入后的青少年设置

关键词：#情感化#

产品体验：

进入喜马拉雅后，弹出设置青少年模式的弹窗，点击设置跳转设置青少年模式，点击知道了进入首页开始使用。

设计思考：

由于整个社会对青少年沉迷网络有了新的认知，不仅仅是游戏，包括短视频，直播等等很多娱乐产品的爆发，都是沉迷的可能性，于是要求产品都要增加青少年模式，每个产品在启动基本都有相关提示，会给一个弹窗做强提示。喜马拉雅这里的提示则是做了知识分享的结合，把知识分享的文案与青少年模式设置的入口结合，会让这个步骤中非青少年用户有更多的亲切感。