产品体验日志（01.01-01.07）

一个作品的产生会和用户群体、项目背景、产品业务等方面息息相关

本人抛开背后的种种原因

只是单纯从体验角度去谈自己的感受

写的不好之处望见谅

体验目录：

01.01-携程租车底部tab

01.02-招商银行掌上生活运营位设计

01.03-饿了么店铺详情页&提单页

01.04-携程机票详情

01.05-携程租车列表浏览效率

01.06-飞猪首页展示已购票信息

01.07-高德年度出行报告

春节节前出行类的app使用的比较多hah

01.01-携程租车底部tab

关键词：

#用户体验# #信息流#

产品体验：

携程租车首页，当页面上滑至一定位置的时候，‘首页’tab会变成‘回顶部’，页面回到顶部后，tab再恢复到初始tab

设计思考：

· 苹果手机系统自带连续两次点击屏幕顶部可以使页面回到顶部的能力，但是此功能比较隐秘，非互联网从业人员或手机资深玩家可能较难发现；而安卓手机用户更是系统不一样操作不一致

· 在页面内容比较长的场景，特别是信息流页面的时候，当用户滑出几屏后想回到页面顶部查看其他功能是比较常规的操作，而当有此需求时用户往往只能持续往回滑(花费时间)或选择退出页面后再重新进入

· 携程将‘回到顶部’功能和tab结合，比较好的解决了上述痛点

· 除此种方法外，常见的设计还有在页面右下角悬浮‘回顶部’icon，但个人觉得没有回顶部功能与tab栏icon结合的方法好

01.02-招商银行掌上生活运营位设计

关键词：

#运营设计# #屏幕效率#

产品体验：

招商银行掌上生活app运营位的设计，多种设计形式相结合

设计思考：

· 见惯了横向屏的banner设计，实在是审美疲劳了，乍一看这个形式还蛮新颖的

· 优点：空间最大化利用，既有图片文字集合的偏运营化的形式、也有纯文字化偏功能的形式，一横屏能展示三四个活动入口，加大了活动的曝光力度。适合运营活动较多的平台，有点好奇第一侦的转化哪种形式比较高？

01.03-饿了么店铺详情页&提单页

关键词：

#精细化运营# #用户认知# #品牌心智#

产品体验：

某一次饿了么点单，进入提交订单页面，突然发现页面变成了黄色调(找不到美团黄的那家店截图了，截图用另两张)，赶紧退出app看是不是用错了app

设计思考：

· 当一个产品成熟后，根据不同用户群体做精细化运营是比较常见的手段，但是精细化运营和过度设计之间往往只是一步之差

· 店铺详情页和提单页面根据店铺品牌色调进行展示，这个可能是产品经理和设计师的逻辑，但是用户并不一定具备这个心智。实际体验场景是当我在饿了么点外卖，进入提单页颜色突然变成了黄色的时候，我第一反应是退出了app去看我是不是点错了用了美团app

· 关于品牌风格建立起的用户认知，是不是会被不同场景的风格化设计进行打破？而这个打破后的得与失是什么？这个度在哪里值得深思

01.04-携程机票详情

关键词：

#信息层级# #用户决策#

产品体验：

携程机票列表点击进入详情，在详情页信息很多，层级也不清晰

设计思考：

· 机票详情页新的设计，信息太多了干扰太大，上/左/右三部分一时看不出层次关系

· 用户进入某航班的详情，大多数情况应该是已经在列表对时间等信息进行过筛选了才会进入详情去进行购买，而当前的设计在航班详情页又融合航班列表信息，信息逻辑混乱，而且信息太多在切换航班的时候还影响页面加载性能

· 虽然了解这样做可能是想为部分用户提供更多的选择，但感觉有些太多此一举了，反而会干扰用户决策

01.05-携程租车列表浏览效率

关键词：

#沉浸式体验# #提升效率# #icon#

产品体验：

携程租车列表，当页面往上滑动时，顶部的各项功能会最大程度的隐藏，往回滑动再根据回滑的程度再次展示出来

设计思考：

· 手机屏幕尺寸大小有限，在页面设计的时候，哪些功能该隐藏哪些该展示？该展示在什么位置？这是比较考验设计师综合能力的

· 车辆列表，在页面上滑的时候，将顶部对筛选车辆无关的功能隐藏，把页面空间最大程度留给车辆展示，可以提高用户选车的效率；而当想要对用车信息再进行筛选的时候，往回滑到一定位置又可以再展示出来（并不是只要一往回滑就马上展示出来，这样会过多打扰用户）

· 新能源icon用个绿色的小叶子表示，与主题结合比较好

01.06-飞猪首页展示已购票信息

关键词：

#二楼设计#

产品体验：

飞猪首页在购买机票后，下拉顶部二楼会展示购买航班信息

设计思考：

· 用户在购票后，机票信息对用户行程来说非常重要，而展示的度的拿捏就比较重要，直接放在页面会占据大面积影响其他功能的转化，不在首页展示又不方便用户查看

· 飞猪在这个的设计上比较合理，隐藏在顶部二楼，用户需要看的时候只用稍稍下拉就可以看到，也不影响其他功能的使用。不过这个操作会比较隐晦，不知道是否还有些逻辑判断：比如说在起飞前两天直接展示在顶部？等到时候再关注看看

01.07-高德年度出行报告

关键词：

#动效# #3D#

产品体验：

高德地图年度出行报告，将你一年内到过的地方、每个季节最远的旅程、最深夜的出行…你自己记住的或没有记住的的每个足迹它都会帮你记得

设计思考：

· 年底往往是各大平台出‘年度总结’的时间，今年高德的年度总结个人比较喜欢

· 运用了大量的3D设计语言，人物、楼房、车子…立体场景化的设计让人更能沉浸其中。明亮的色彩、丰富的动效设计，看起来是花费了不少心思的（文章居然发不了动图，不然能更好的感受）