UI/UE | 产品体验日记 03
学习大厂如何做设计，站在巨人肩膀上思考
如何让自己的产品在保证基本的可用性和易用性的同时，还能让界面看起来柔和、更富有亲和力？一个产品能留住用户的虽然是内容本身的质量与吸引力，但一个小小的细节却能够阻止用户的流失，成为内容转化的最后一道防线，让人眼前一亮，值得借鉴。
体验目录：
01.【微信】无处不在的“短视频文化“
02.【智联招聘】看直播拿Offer，巧妙的微创新
03.【豆瓣】统一到极致的“卡片化设计”
04.【腾讯视频】点击顶部，返回上一个应用
05.【Keep】彩色胶囊图标，风格更青春、更运动
06.【酷狗，抖音】搜索下的“热搜榜单”
07.【蜗牛读书】每个段落都有标签，点击可读
08.【BiliBili】视频播放中会有小弹窗引导追番/关注
09.【可话】简约到极致的设计风格
10.【夸克】简洁易懂的卡片化分类
01.【微信】无处不在的“短视频文化“
产品体验：
抖音快手的火爆让市场始料未及，这些年来，许多大厂也纷纷下海，连一直以小清新著称的”微信“也按捺不住开始占领”短视频“风口了，整体体验与抖音、快手无异，视频质量参差不齐，但这一个短视频功能的设计，确确实实增加了用户的留存度
设计思考：
短视频的”好“就好在传播途径广，传播效率高，最重要的是能增加用户留存时间，通过这个特点，我们是否能举一反三，在未来的产品设计中，添加一些与产品主题相关的”短视频“功能呢？
02.【智联招聘】看直播拿Offer，巧妙的微创新
产品体验：
看直播，和拿Offer本来是两个毫无关联的版块，可智联招聘却将两者巧妙地结合在一起，一方面，用户观看直播增加了用户留存时间和粘度，另一方面，直播端口的开放给产品未来盈利方式增加了多一种可能
设计思考：
这个微创新能带来的效应还有待观察，但这（两个功能板块）相结合的“新玩法”可以带给我们设计师一种新启发，由此引发思考。在未来，短视频+找工作，直播+买电影票，这种混搭设计玩法可以多多借鉴
03. 【豆瓣】统一到极致的“卡片化设计”
产品体验：
豆瓣APP中，“卡片化”风格的设计是我见过的所有软件中，使用的最多，也是最为统一的。整体感官体验来说，给我的感觉是简洁的界面，详细的信息，好看的图片，易懂的布局。是我在使用体验中不禁赞叹的优秀
设计思考：
豆瓣这么做自然有他自己的聪明之处。首先，我们要思考一个点：“卡片化设计除了好看还有什么作用？”
如果你的回答是：“好看就够了”，那么很抱歉，你需要摆脱“美工思维”。
如今许多UI设计师，在界面中，频繁用“卡片化”设计风格，却根本是为了设计而设计，毫无界面逻辑可言
设计不仅仅是为了好看的，而是要兼顾美与商业、视觉与易用的平衡
我们回归正题，卡片化设计风格最大的好处就是能“视觉聚焦+信息分类”，豆瓣作为一个拥有几百种分类，几万套电影的平台，如果不用卡片化设计，那么整个界面将会混乱不堪，所以豆瓣的设计师，将信息板块一个一个卡片的分类排版，成就了如今的简洁！
04. 【腾讯视频】点击顶部，返回上一个应用
产品体验：
豆瓣有许多通往腾讯视频的链接，点击进去后，发现腾讯视频内部的顶部有一个“点这里返回豆瓣”的图标
方便了使用，还使得两个软件之间的联系更加紧密了
设计思考：
“你给用户提供方便，用户就会对你无限容忍”，这功能方便之余，还有一个重要的功能，就是“避免引起用户的厌恶”，因为总是有用户会不小心点击进腾讯视频，假如没有这个快捷的退出口，用户会将点错的怨气全部怪罪于腾讯视频，所以腾讯视频这个“小出口”，一下就抚平了用户的怨念。
这是一个方便的设计，也是一个“聪明的设计”
05. 【Keep】彩色胶囊图标，风格更青春、更运动
产品体验：
Keep的主要用户群体是谁？他们的平均年龄是多少？其实这些问题，不用调研都能得出答案，Keep的主要用户是年轻人，而这次的彩色胶囊图标的设计，去掉了过去条条框框的死板，换上了五彩斑斓的胶囊，让这软件的设计风格更加年轻了
设计思考：
五彩斑斓的胶囊图标，像一颗颗糖果，在使用时总会有一种莫名的视觉愉悦，在未来设计面向年轻群体的产品时，可以进行参考借鉴！
06.【酷狗，抖音】搜索下的“热搜榜单”
产品体验：
用户本来只想花1分钟，找首歌，找个视频。可热搜榜单的出现，用户东看看，西看看，不知不觉中花了10分钟都不自知，不知不觉就为平台提供了可观的流量
设计思考：
在现在这个时代，人们的专注力早就被四面八方的资讯抢夺干净，在如今这流量为王的时代，各个软件都以获取用户的停留时间为主要任务，而如今，酷狗，抖音的搜索栏下，出现了“热搜榜单”，更是到处都是流量入口，这种产品设计思维不仅仅可以让平台中用户与内容之间交互更紧密，更是把用户一天中，宝贵的使用时间，牢牢地抓在了自己的手中
07.【蜗牛读书】每个段落都有标签，点击可读
产品体验：
不同于其它阅读软件，点击段落可以看别人的评论。蜗牛阅读点击段落看到的是一些专业的讲解，从体验来说，其它阅读软件，点击段落看评论的交互虽然加强了用户之间的互动，但用户评论内容却参差不齐，很容易出现评论“坏了气氛”的情况，而蜗牛读书的做法则是使标签内容“更专业”，读者也更容易进入状态
设计思考：
现在大多数小说软件都可以在段落上进行评论，但目前也仅限于小说阅读软件，那我们未来进行其它领域，在涉及文章阅读板块设计时，是否也能紧跟这种设计潮流？
08.【BiliBili】视频播放中会有小弹窗引导追番/关注
产品体验：
b站是现如今年轻人中最热门的软件之一了，而b站的许多设计也十分具有创新性，这次，我们就来说说其中最实用，也是最容易被忽视的功能，就是b站的“ 引导弹窗“，这个功能设计，看似微不足道，但是却极大的便利了用户的操作，实现了软件的”易用性“
设计思考：
上文我们提到过一个词，叫”易用性“，我们做一个产品设计时，到底是要先要好看，还是先要好用呢？答案是，先要”好用“，再去追求”好看“。可现在许多的年轻设计师都搞反了这套逻辑，刚开始就一昧心思的追求视觉的呈现，这种行为说的难听点，叫”设计自嗨“，全然忽视了”好用“的重要性，在未来的设计中，我们不仅仅要追求界面的美观，更要把产品的”易用性“做到极致！
09.【可话】简约到极致的设计风格
产品体验：
一行字，一张图，一个文本款，简洁到极致的设计风格，让人赏心悦目
设计思考：
这段时间，我一直在思考，简约到底是什么？也一直在追求自己脑海中的“简约设计风格”，可呈现出来的效果要不就是过于“简单”，要不就是在不断的增加元素中，背离了“简约”的本质。
当看到【可话】的设计风格后，我理解了何为“简约”，【如无必要，勿增实体】，这个界面是想让用户写文字的，那就一段引导文字，一个文本款，一张背景图就可以了，无需更多。谨记这个原则，可能更方便我们去实现“简约设计风”
10. 【夸克】简洁易懂的卡片化分类
产品体验：
夸克这款主打“简洁”的浏览器大家想必都早有耳闻，以简洁风格出名的软件在信息分类中也没有半点马虎，设计者很巧妙地使用了卡片化来代替一大片的内容分类，让界面分类完整之余也不显得繁杂
设计思考：
用卡片化代替内容分类，这一设计手法十分聪明，因为这样一来，避免了信息分类后的杂乱，另一方面也增加了视觉传达的效率，还保持了界面的美观，可谓是一举三得，在未来的设计中，【用卡片化设计-分类内容】这一设计手法要牢记于心，进行参考借鉴
