2022年第六期｜交互细节剖释，产品体验日记
2022年第六期产品体验日记「间隔最长的一期」
“l 间隔最长的一期其实在一个月前就够了，懒得整理，大概的写了点，因为主要目的也不是记录，了解了优秀的产品是怎样做的，或者是怎样试错的就够了，见证了知乎、喜马拉雅、B站等应用一次次的改版又回到改版前。不断的完善。当自己遇到相似问题的时候可以立马想到也许可以这么做，有前辈这么做过～足矣”
2021年 ｜第六期目录
76.「bilibili」移动版显示观看人数优化
77.「知乎」首页模块比重改版
78.「网易云音乐」切换歌曲无按键提示
79.「盒马」再来一单/我常买
80.「支付宝」今天吃什么小程序
81.「哔哩哔哩」视频完播之后的问卷调查
82.「App Store」信息展开与折叠
83.「高德地图」多方位全面服务
84.「淘宝」结算页面优化
85.「猫眼」证照信息
86.「爱奇艺」视频预览
87.「知乎」首页Tab栏优化，时效性改版
88.「哔哩哔哩」动态视频展示89.「WONDER」一明确的广告提示
90.「WONDER」二保留的分类Appbar
76.「bilibili」移动版显示观看人数优化
设计体验：
设计体验：移动端优化了观看人数的显示位置，使其更合理，更明显
设计思考：
bilibili在网页版一直是有观看人数显示，观看人数也就是实时在线人数对于创作者来说代表了视频质量与热度对于观看者来说能够烘托一种氛围，形成一种共鸣。特别是学习类视频更是如此，能够显著提升视频的完播率。移动版的改版将观看人数“置顶”显示，使其不论在全屏还是非全屏时都能直接看到
77.「知乎」首页模块比重改版
设计体验：
知乎首页改版将原有分类具体的单AppBar改为了以主3加副标题的双行方式。
设计思考：
知乎的本次改动与淘宝之前的改动同为开拓产品方向，淘宝拓展至社交分享，知乎是转向更为火热的短视频方向，并为视频做了视觉优化，并将首页展现的选项减少为3个，保留主体推荐和能引导用户的热榜，相比于之前的众多的AppBar能有效的提升用户的选择效率使其更专注于推荐内容
78.「网易云音乐」切换歌曲无按键提示
设计体验：
网易云音乐主页切换歌曲取消了按键转为滑动切歌
设计思考：
已经很久没有使用网易云音乐，在切歌时竟然找不到了按钮，试着左右滑动正在播放的歌曲名称，竟然可以滑动切歌。说明没有必要一味的提示用户或者想着用户不知道如何操作，在一些用户已经习惯的部分，可以尝试做一些精简
79.「盒马」再来一单/我常买
设计体验：
盒马可以在购物车中选择我常买的物品，也可在订单中选择再来一单
设计思考：
疫情之后各种买菜团购形式层出不穷，蔬菜不同于其他产品也不同于水果，它有较快的消费频率对与新鲜程度的要求也很高，要求进货出货周期短，为了缩短周期就要促进消费，由于蔬菜季节种类有限，有很大的重复购买性。为此盒马在购物车加入“我常买”在订单中可以直接“再来一单”。减少用户的选择时间更快决策
80.「支付宝」今天吃什么小程序
设计体验：
支付宝入驻了一款可以随机选择菜品的小程序
设计思考：
偶然看到支付宝《今天吃什么》的小程序的广告，让自己眼前一亮，想起大学时期点外卖的纠结和现在下班做饭种类的单调。但是打开之后却让自己失望，随机的选择确实解决了选择困难的问题，但并没有自己所想的可以查看菜谱，可以在盒马购买食材，更像一个不成熟的试验品。也有疑问为什么迟迟没有这么一款系统，难道这仅仅是我自己独特的需求吗
81.「哔哩哔哩」视频完播之后的问卷调查
设计体验：
哔哩哔哩完播后显示问卷调查，用常见的表情代替文字选择
设计思考：
哔哩哔哩将弹幕氛围的问卷调查置于视频播放完之后，并用常见的图标表示用户的满意程度，更为形象具体。同样的场景在诸多调研中同样常见，人们图形化的识别速度高于文字识别
82.「App Store」信息展开与折叠
设计体验：
在查看App Store应用信息时，发现内容展开后不能收回，但其他应用却可以收回
设计思考：
以知乎朋友圈支持展开收回的内容与不支持收回的商店内容比较，知乎朋友圈为UGC平台，内容信息不可控，长度不可控，重要程度不可控，为了不影响用户滑动操作则支持收起。而App Store和淘票票的剧情简介都是固定的官方内容，内容可控，重要程度可控。所以则不需要收起
83.「高德地图」多方位全面服务
产品体验：
设计体验：高德地图对于搜索目的地按照类型进行内容展示区分
设计思考：
高德地图对于景点目的地，显示购票页面和经典详情，在景点中地图切换为插画导航，烘托气氛，使目的地形象更清晰。还可以选择目的地停车场，避免对于不熟悉的位置，停车困难，浪费时间的问题。旅游应用都在向着全流程的服务出发，像携程、去哪儿等，但是对于自驾方面，高德有先天优势可以与导航结合，解决用户多个应用切换的不便
84.「淘宝」结算页面优化
设计体验：
淘宝在11月份左右对订单结算页面进行了布局优化
设计思考：
结算页面在未增加新功能、新内容的情况下，设计师对页面信息、结构进行了重整。将重要信息放大现实，删除了大部分的不重要信息和干扰信息并将优惠信息着重表示。使整个页面更加整洁，信息层次更明显，提升阅读效率，用户关注点更突出从而加快用户付款的速度与决心。
85.「猫眼」证照信息
设计体验：
猫眼将证照信息常驻在首页左上角
设计思考：
虽然是很小的细节设计，但是很少见这种展现方式，也使品牌信赖度更高
86.「爱奇艺」视频预览
设计体验：
爱奇艺在多个分类页面支持自动预览、长按预览功能
设计思考：
最初相似的预览功能出现在iPhone的相册中，随着网络发展，视频占比越来越大。特别是电影电视，仅仅通过标题和图片无法很快的吸引用户，而通过将视频精彩内容直接播放给用户，能够帮助用户更快的判断是否完整观看此视频，提高视频的播放率
87.「知乎」首页Tab栏优化，时效性改版
设计体验：
自上次改版后不久知乎又进行了优化，具体为副tab栏的露出和时效性的大改版
设计思考：
知乎上一次的改版将首页tab栏进行了层次划分，但改版后副tab栏需要用户自行发现，就造成了模块露出的不确定性。这次知乎进行了十分巧妙的设计，当进入时会刷新首页内容而副tab栏内容也会跟随“推荐已更新”出现，虽然时间很短，但足以被用户捕捉。而且tab栏在呼出后则无法再收回。
对于时效性，知乎进了了较大的改版和优化，首先在首页顶部加入了“正在发生”“知乎热榜”卡片区域，并滚动显示。将搜索栏展开显示，搜索默认内容滚动显示。其次，将原有的“我的”页面更改为“刚刚”里面包含了10分钟刷新一次的“热搜和大篇幅的“正在发生”。现在对于某件事情的热度总是很快就过，所以UGC平台必须把握热度，保证事件的第一时间露出
88.「哔哩哔哩」动态视频展示
设计体验：
作为B站全勤重度用户，看着B站一点点改变，B站加入了动态视频，并在综合中提供区别于投稿的展示方式
设计思考：
动态视频区别于正式投稿，更像是一种分享，视频只能关注者看到。在动态中将动态视频以横向排布的方式，区分其特殊性，也为纵向的瀑布流增加呼吸感，适当缓解用户滑动时的枯燥感
89.「WONDER」一明确的广告提示
设计体验：
偶然发现一款浏览器软件，以年轻快捷的形象展示在眼前，在每个方面都给人眼前一亮的感觉，首先是搜索完成时的广告提醒
设计思考：
浏览器作为免费的应用，广告收入是很难避免的，以最为熟悉的百度为例，虽然已经强制加入广告提醒，但是广告名称还是以各种方式诱导用户点击。在wonder中对广告与词条有明确的区分，而且有防范风险提醒，并且可手动设置短时间屏蔽广告。用户感受到的关怀值显著提升
90.「WONDER」二保留的分类Appbar
设计体验：
初次使用wonder显然对标的为夸克游览器，所以用两款游览器分别搜索相同词条进行对比分析
设计思考：
wonder的搜索词条放置在左上方，且保留了分类的App bar，在滑动时两者固定。而夸克则将词条放置上方中部，且无Appbar，跟随滚动。wonder的方式的方式更适合用户浏览时满足不同需求的切换
我们是科技的翻译者，科技应该为人人服务
