用户体验日记-1

目录

001.支付宝收钱功能的微交互

002.支付宝的聊天转账&截图

003.iOS系统的音量UI样式的变化

004.夸克和百度的对比

005.今日头条的无痕搜索模式

006.不同网络状态下的QQ音乐

007.不同网络状态下“36氪”的发现

008.考拉海购的“礼券红包”的小红点

009.“今日头条”首页取消推荐的奇妙设计

010.“自如”重力感应轮播图

011.“自如”个人中心背景图的差异性

012.泡泡玛特自助购物机的交互体验

013.极简待办的删除流程

014.滴答清单的防错误操作

015.极简待待办的时间识别

001.支付宝的收钱功能的微交互

产品体验：

旋转手机的角度，收款金额，说明文字会有一个镜像旋转的变化，“清除金额”，“保存图片”功能被若弱化！

设计思考：

通过微交互，显示位置的变化，文字的变化，功能的弱化来达到更好的用户体验！

1. 通过文字角度的变化，收款金额，“支付宝扫一扫，向我付钱”，收款方与付款方都能清晰识别

2. 通过弱化“清楚金额”，“保存收钱码”，“收款记录”避免付款方误点来提高用户体验！

 好的设计是基于一定的用户场景，考虑不同状态的用户需要什么，不需要什么，怎么提高这功能的高转化率！

002.支付宝的聊天转账&截图

产品体验：

在支付宝跟好友聊天，如果输入的是数字，支付宝会有一个墙体是“给对方转账xxxx元”；当这个数字是6位数以上（10w以上），则是没有提示要给对方转账，大概就是数字太大不是转账，而且支付宝本身每天也有一定的金额限制。

在转账页面截图，会出现一个黑底白字的“求助反馈！

设计思考：支付宝毕竟是个支付软件而非聊天软件，输入得是数字则有一定得概率是转账，出现“给对方转账xx元”则是给了一个快捷入口让用户迅速达到某种目的从而达到更好的用户体验！

此时此刻用户截图，估计是碰到什么问题了，出现在个“求助反馈”的入口，让用户能以较快的时间得到解决！毕竟跟钱相关的东西......

站在用户的角度，分析用户的每一个行为的动作的潜在的意义是设计师该考虑的东西！

003.iOS系统的音量UI样式的变化

产品体验：

新版的苹果系统的音量键限时出现一个较大的音量键，后续以较快的时间（0.5s），切换成较小的竖条的音量键；早期版本的苹果系统，调节音量则在中间出现一个较大的音量图标！

设计思考：

通过音量键的UI样式的变化，前后对比！新系统是比较友好的用户体验，不仅能够在用户操作时，提示用户这是在增减音量，而且还能通过图标的变小，从而打扰用户在当前页面的操作；而早期那么大的音量icon，增减音量会影响用户的体验！

如果在刷知乎，刷微博，刷新闻，刷短视频，出现如此的一个较强提醒的音量icon，遮挡正在浏览的内容，还不容易沉浸其中，一下子被打断了，影响用户当前的体验，通过优化小的细节来提高用户体验，增加用户的沉浸时间！好的设计就是在这样的细节上体现出来！

004.夸克和百度的对比

产品体验：

夸克浏览器的搜索输入框位于键盘的上方；还自带输入网址常用的前缀/后缀

设计思考：

交互的原则1：“少即是多”。夸克浏览器的定位是简约好用，没有像其他的搜索引擎那样，满满的热门推荐，热点推荐。夸克的定位是简约为主，用户使用夸克浏览器多数是有目的的搜索，因为没有什么热点推荐来干扰用户！

交互的原则2：提供选择而不是提出问题。通过提供些常用的网站前缀&后缀，能够提升用户完成搜索的速度，更好的提升了用户体验！

交互的原则3：菲茨定律，距离目标越近，用户点击越快。所以我们通常会缩短当前交互元素和目标元素的距离，来提高用户的使用效率和交互体验。简单理解为，重要功能放置于手指容易触碰到的地方！

而百度作为搜索的老炮，由PC端到移动端搜索输入框则是一直位于顶部，遵循用户一直的使用习惯；也有较多的热点内容推荐！设计没有绝对的好坏，只有符合自己的定位作出相应的调整！

005.今日头条的无痕搜索模式

产品体验：

开启了无痕搜索模式，出现一个大的橡皮擦图标，搜索的icon也变成了橡皮擦的样式！ 

设计思考：

这是由用户的心智模型决定的，橡皮擦代表的是抹去，能较好的提醒用户，您已进入“无痕迹浏览模式！”

006.不同网络状态下的QQ音乐

产品体验：

网络状况正常，进入的是首页，根据用户的喜好来推荐各种音乐；当用户在非联网状态，系统无法完成音乐的推荐，进入的则是“我的”，让用户听已下载好的歌曲，或者已缓存好的“最近播放”的音乐！

 

设计思考：

设计是为用户服务的，需考虑用户在不同状态，时间下需要的是什么功能！QQ音乐这个细节就做的很棒！根据用户的喜好来推荐音乐，这是这些音乐平台留存用户最重要的手段，如果每次进来都能听到我自己喜欢的音乐，这是多么美妙的一件事。

007.不同网络状态下“36氪”的发现

产品体验：

当手机连接的是运营商的数据的状态下，进入“发现”页面，当前页面下的视频不会自动播放，点击去才能观看视频；当手机连接的是无线网络（wifi），进入“发现”页面，每个视频均会自动播放！

设计思考：

极其细节的改变早就了更好的用户体验。连接的是运营商网络，一分流量一分钱，用户无目的浏览“发现”页面，只有碰到自己喜欢的内容，才点进去，进去了才有相应的视频播放，这是在为用户节省成本和更好地展现方式做权衡，当然在当前页面播放了视频，内容更容易吸引用户，但也增加了用户的成本。

如果连接的是无线网络，就没有流量方面的顾虑，在当前页面直接播放......当然这是默认的，用户也可根据自己喜好在wifi状态下依然选择不播放！

而"微博"无论是在数据状态下还是wifi状态下，都是直接播放当前视频......(感兴趣的可以自行测试)

008.考拉海购的“礼券红包”的小红点

产品体验：

礼券红包数量为0时，依然有小红点，点进去则可领更多好券！

设计思考：

有新增内容，或者新增消息，需要提醒用户点进去查看才有相应的小红点作为一个弱提醒！数量为0常规的操作是不做提醒的！

但是增加一个小红点作为弱提醒，用户会不知不觉点进去查看---“领更多好券”---“促成购买”！

可能就因为一个小红点，订单转化率会高了不少！

009.“今日头条”首页取消推荐的奇妙设计

产品体验：

如果对内容不感兴趣要，需要费劲才能点击到“x”来取消，然后到下一步才能完成取消；分享就很容易点击到！

设计思考：

这是“今日头条”比较鸡贼的地方，希望用户能多分享，就把分享icon放在容易触及的地方，而取消推荐，按钮小，颜色浅，位置不好触碰，通过这样的操作来减少用户的取消推荐！

也是遵循交互设计的基本原理“费茨定律”

从任意位置快速移动到一个目标位置所需的时间由2个位置的距离和目标大小有关。

010.“自如”重力感应轮播图

产品体验：

通过手机位置的变化，轮播图的主视觉&文案有相应的位置的平行移动的变化！

感兴趣的童鞋可以下载“自如”来体验一下！

设计思考：

这也是设计的一种尝试，由纯静态图-动态图-重力感应的图，也算是一种全新的尝试，说不定能提高用户的访问量！PV的数值有所提高！具体啊还是要用数据来衡量！

设计就是不断尝试，如果这样新的尝试能提高PV，更好的解决问题，这就是一个很好的形式，通过优化设计样式来达到更好的数据！

011.“自如”个人中心背景图的差异性

产品体验：

个人中心的背景图白天和晚上是不一样的，白天是阳光明媚的暖色图；晚上则是出现一只夜猫。

设计思考：

将用户的体验设计到极致，细致化的设计。白天的图则是和自己的主色符合，符合品牌元素又不失美感；晚上就是用夜猫子来提醒用户已是深夜！

012.泡泡玛特自助购物机的交互体验

产品体验：

选好产品，购物机的吸盘爪子会直接移动到你所选购的玩具，再到支付，完成购物流程！

设计思考：

这种自助购物机的购物流程还是很鸡贼的！刚选好产品，那个吸盘爪子就马上移动到你要买的东西，箭在弦上，加速用户完成支付流程！一定程度提高购买的概率，减少反悔率！

对比一下常规的自助饮料购物机，购物流程是，选好产品-支付完成-商品出来！跟泡泡玛特的购物机购物流程不一样！是由以下的因素决定的！

一是用户购买饮料都是有动机的，带有强烈的目的性，反悔的概率大大降低；而玩具类的购物则是很多偶然性的因素，刚好看到有喜欢的玩具，想买，用户可能随时反悔，可能是价格，可能是没有自己喜欢的款式...

而是饮品对于出行在外口渴的人是刚需，因为低廉，反悔的概率较为低；而玩具不是生活必须品，只是提高人物质生活的而已。

有点像这样的一个场景，我们去买水果，刚问小贩这个多少钱一斤，小贩就已经拿起袋子，给你往袋子装进水果。价格都已问了，不好意思拒绝；人家都已经帮你把水果装好了，更不好意思不买！

013.极简待办的删除流程

产品体验：

划动出现icon，点击图标出现弹窗，选择删除，底部提示永久删除，若点击则可撤销整个操作！

极简待办是制定目标类的事件，单个事件是当作目标去完成。永常规的左滑出现删除按钮，点击删除，即刻出现弹窗，让用户选择，这是以防用户的错误操作！

点击确认后底部出现个中度提醒，提醒用户这是永久性删除的！这是用户自定的目标，再次让用户确认要删除了，这是让用户有一个反悔的操作！如果不做任何操作则删除完成！若点击下方红色区域则是恢复刚才的任务！

目标计划类的是一个大任务类，需要耗费时间精力，对用户的主观能动性要求高！弹窗是防止错误操作，下方的红色提醒是让用户再三确认，提示永久删除，是否要反悔，给用户提醒

014.滴答清单的防错误操作

产品体验：

在深夜十二点制定计划“”明天上山打老虎“会有个黑底白字的中度提醒”别把今天当明天“

设计思考：

凌晨12点过好，新的一天即将开启，往往这时候容易出现错误，印象里还是今天而时间概念里已是下一天了，跟人的固有印象相违背，导致不少人在在涉及到指定明天计划；

某吸入订房类的APP没有强有效的提示，用户明明是想订今晚的房；实际订到的却是明天的房，😅😅😅😅😅😅😅😅！

本来这个深夜十二点过后，人就容易混淆今天和明天的时间概念！如果不做提醒用户就人容易犯错，虽然系统的是没问题，但是如果设置这种提醒就让用户用着更舒心！

015.极简待待办的时间识别

产品体验：

当输入的计划目标含有今天，明天，xx点等具有时间概念的目标，系统会给出个弹窗！识别到时间......

设计思考：

人机交互其实就是要预判用户接下来的操作习惯，行为，会遇到什么样的问题，如何才能给出个最优解！给出选择而不是让用户自己去操作，这也是交互设计的原则之一！

制定目标，什么时候执行，执行完成，删除任务，完成一个完整的闭环！