发现并记录日常好的设计。以下是1月份的产品体验整理，欢迎交流。

1、躺平

躺平是阿里旗下的生活方式分享社区APP，最吸引人的是它生动有趣的IP形象（躺躺) 和幽默的文案，非常符合现代年轻人的喜好。躺躺喜欢躺着思考人生，APP里躺躺的各种宅的动作无处不在，这样的IP设定拉进产品与用户之间的距离，赋予了产品情感和体验，使产品有了温度，就像是有着这样一个朋友与我们一起记录所发生的一切。

IP+微动效

APP里很多地方采用微动效+IP插画的表现形式，生动趣味，无形中给人惊喜和感动，深入人心，强化品牌调性。

例1：个人中心的合辑内容为空的时候，躺躺躺着蹬腿左滑的动作，还配着“啥也没”的文案，形象又有趣。

例2：圈子的入口，将IP形象模拟人慵懒惬意的状态（百无聊赖的就躺在那里专注转动+号)，趣味性十足，快速吸引用户的注意，引导用户点击加入。

例3：圈子类型选择页面，默认状态是等大的圆内加文字的样式，点击某个类型，圆变大同时出现该类型的躺躺小插画，圆与圆间产生挤压的动态效果，形象趣味；顶部也有文案提示如何操作，降低用户的认知成本。

例4：发表动态的界面，“+”和“x”的转换微动效也是细节，交互简洁易理解；除了发表动态类型的选择，顶部设置了随机的文案“不记下来你能记住吗反正我不能”、“翻翻相册，发发躺平”等等，激励用户多去分享。

情感化设计

APP界面里躺躺这个IP形象无处不在，渗透在整个APP中：图标、头像、缺省页等等，躺躺各种慵懒的夸张的动作搭配诙谐的文案，生动形象又有趣，贴切生活，深入人心。

设计思考

情感化设计能够引发用户认知愉悦从而为用户带来积极的情绪体验，能够强化品牌感。怎样让用户在情感上获得不同的体验？设计时可以通过IP形象、插画、微动效、交互反馈、文案表达、场景氛围等表现形式，在视觉上激发情感，行为过程中强化情感，满足用户内心的情感诉求。

2、Soul的播放控件

Soul的动态广场页面，语音内容按钮非常明显，点击按钮立即播放语音内容，并出现播放控件：默认出现长条播放控件，过几秒钟自动收起，只显示主播放控件，单击则又出现长条播放控件。拖动播放控件，底部出现“拖动到此区域关闭”的提示，拖进红色区域关闭，语音也随之关闭。

设计思考

这种关闭操作，相对于类似「得到」APP的播放控件的关闭操作(直接点击右上角关闭按钮)，难度是增加了的。

为什么要增加难度？个人觉得「得到」作为知识付费产品，用户目标性相对较强，会根据自身需要摄取信息；soul更偏向陌生人社交，自由度高，更希望用户多去浏览其他用户的信息，增加和陌生人的交流从而提高活跃度。对播放控件的灵活控制，强调社交属性，符合产品调性（好玩、有趣、有互动）。因此设置难度，或许是为产品目标主动设置的阻碍。所以也可以看出，对产品的操作成本、认知成本、效率等考量是相对的，需要从产品的属性和用户的调性等不同角度去衡量和思考。

3、有车以后

有车以后APP，一站式汽车服务平台，专注为用户分享买车经验。

3D看车

新出的3D看车功能，给用户身临其境的看车体验。

视觉上，模拟车内仓的外形和质感，精致细腻的质感，体现其科技感和高级感；功能上，对车的各个部分都可以查看细节或视频，颜色、车型、场景，还可以进行改装、性能实测等，新颖的观车视角，让用户全方位身临其境看车，相信爱车者应该对这样的观车体验爱不释手吧；整体的交互体验也很顺畅，左侧菜单，右侧操作的布局也符合用户的操作习惯。

如今3D技术的应用越来越广泛，技术也越来越成熟，多见于电商、智能家居、汽车等领域，为人机交互增加了趣味性和互动性，带给用户模拟真实的体验，帮助用户更好的理解产品，也会让用户有所期待，吸引用户。

车型对比

车型对比页面，将多个车型的详细参数进行罗列展示，让用户高效的进行车型对比和了解。如何在有限的画面中显示更多的数据，采用表格的形式展示数据，车型作为表头固定，左滑添加车型，上滑查看具体参数，一级参数标题滑到固定位置会自动吸附固定，二级参数通过滑动进行查看，二级参数若不相同则用颜色区分，层级清晰。还可以通过隐藏相同、钉住等操作进行筛选查看，也可以横屏浏览（横屏时没有对有刘海的机型做处理，部分文字会被挡住)。整体的信息层级在竞品中相对清晰。emm… 其实车型标题处放上图片是不是更明了。

4、喜马拉雅

喜马拉雅的音频播放页面，底部的评论互动区域的背景采用毛玻璃的表现手法，信息层级做的特别明显，吸引用户的注意力，希望用户多互动，强化社交属性。

特别有意思的是，在发表评论页面，评论有了更多的表达方式，除了文字外可以添加图片，还可以定位到某个时间点，查看评论的人点击时间能直接跳到该时间点听音频，比较新颖的体验；增强社交感及用户间的互动感。

5、微信阅读

微信阅读APP的阅读界面有一个划线的功能，文章内的划线部分是阅读者对该内容的标记和想法，从众心理，我们看到有划线就会不自觉的重视这段话，点击会出现评论浮框，以及划线的人数，可以查看别人对这句话的解读和想法。这一功能不仅可以提高用户之间的互动性，也有利于用户表达自己的想法，提升用户的体验好感度。“划线速览”可以快速跳转查看书籍里所有划线的部分。方便不想细读的用户可以快速浏览书籍，获取书籍的重要观点。

6、飞猪

飞猪的订票页面，在查询同路线情况下，重新进入时会记录你上次浏览最多的那趟车次，置顶显示，方便用户快速二次查找。

车票预定页面，付款方式默认情况下是收起的，点击立即预定才会出现付款方式。根据奥卡姆剃刀原则“如无必要，勿增实体”，每一步操作只显示当前最重要的信息内容，便于用户决策。

7、考拉海购

若商品详情页的第一张轮播内容是一个视频，当滑动商品主图时，视频的播放按钮会贴在屏幕左侧，用户点击可直接观看视频内容，无需用户再滑动返回才能播放视频，操作更快捷。

在商详中，将产品的套装组合选项，做成tab的形式，点击选项即可清晰看到每个组合的产品、功效、活动、价格等信息，便于用户高效了解产品及决策，增强专业感和信任感的传递。区别于其他电商平台，商详这类寸土寸金的页面，考拉作为内容电商，更注重产品内容信息的传递，对于大量的产品内容信息造成屏效低和让用户清晰了解到产品的用途功效这两者之间的取舍，考拉选择了前者。

8、微信8.0

1月21号微信8.0版本更新，大动作啊，不知大家体验了没有（哈哈反正我扔了很多炸弹，放了很多烟花~)

闪屏，有点QQ的味道~

我的页面，可以添加“状态”功能，手动更改状态还可以拍照片作为背景图，添加文字或者话题、位置等。还可以看到跟你设置相同状态的好友。

动态表情包，聊天时发送炸弹，会有爆炸的动态效果，头像和聊天内容都会震动，emmm…还记得那时的QQ超级会员表情包吗…

新的浮窗，去调了原来的折叠小圈圈，现在固定在左上角，也可以左侧右滑动查看，但要在聊天列表页才能操作。

还有下拉菜单、直播、短视频页面等好多其他功能的更新，整体体验下来除了新增了很多功能外，最大的体验是整体的社交属性、人与人之间的互动感更强了。好了好了点个赞 赶紧体验吧

Powered by Froala Editor