文/@近邻刘规划
前两天在古典老师的文章看到这样一个故事。
在瑞士日内瓦湖边，有一条长地道，投入使用的时分，工程师遇到一个问题：许多车主在地道开车时，会翻开车灯，可是出了地道，一看到好的风景就会停车摄影，回来发现电量耗光了。工程师决定在地道出口立一块牌子提示我们关车灯。“请封闭车灯”。可是这样做，会有别的一个问题，许多车主是晚上进出地道的，如果他们看到这个牌子，关掉车灯，又可能会遇到风险。
有人说，牌子写上“如果是晚上，请保持灯翻开；如果是白日，请出地道后封闭车灯。”
我幻想了一下场景，给这个场景配了个图：
这个答案看似很周全，如果当时的车速是 120 公里/时，等你看完这么多字，再反应一下，估计现已撞车了。
工程师最终把牌子变成了一个发问：“你的灯还亮着吗？”
对，你没有看错，就是这么一个简略的答案创造性地供给了一个解决方案。如果是白日，那这块牌子就是提示车主关灯，如果是晚上则是提示车主开灯。很精简的一句话，这也是我们今日要评论的主题
在你实践工作中，经常会遇到这样的问题：
为什么我精心做的页面，用户不知道怎样用？为什么我做的页面转化率这么低？
其实就像上面讲的高速路上你来不及看的路牌，问题就出在了不知道要点在哪？
作为一名规划师，或许我们有时分没办法改动信息量的多少，可是我们能够把握用户接纳信息的方法，废话不多说了，举一个栗子：
这是一个会议室预订的确认页面，当你看到这样一个页面的时分什么感觉？
崩！溃！
满是文字，你需要仔细阅览每一个字才干确保信息的正确度，看的时分相当费力，太耗脑子了。
那我们一同剖析一下这个页面的问题：
1.整页信息毫无要点，不知道这个页面想让用户看到什么？视觉的差异性不显着；
2.层级不显着，仅仅做了一个预订信息和会议室信息的简略分类，太抽象，文字阅览起来很困难。
我们看到了问题，那我们站在用户的视点应该怎样去规划这个页面呢？让我们一同理清思路：
1，让你的页面看起来更有层级性，把内容相关联的放到一组，使用亲密性，让整个页面的逻辑看起来更清晰；关于同类信息要确保一致性，不同信息要表现出来差异性，否则会形成误解，人们天然觉得款式一样的信息是相关联的；
2，将要点信息突出展现，清晰用户想看到什么？你又想让用户看到什么？不要太高估用户的留意力，关于要点信息，应该扩大十倍去对待；
3，文字太单调，能够将文字图形化，易于信息承受。
所以，上面的页面还能够这样来展现：
改进了 3 点：
1，用不同的间隔标明页面内容的层级关系，使页面看起来更有层次感，同一组的元素彼此接近间隔为20px，不同组间隔分隔间隔为50px，划定固定高度；
2，将要点信息进行要点展现，关于预订会议室的公司来说，会议室名称，与会时刻，谁预订的是最重要的部分，所以将重要信息进行了字号，颜色改变的处理，将时刻元素用相似日历的方法展现出来用区别的颜色把积分展现出来，用户对信息全盘快速承受；
3，将会议室设备用图标的方法展现，一望而知。
相似的比如，我们平常经常会看到，例如：
1、脉脉
关于个人信息选用模块化的方法，主要内容和非必须内容显着分隔，每个模块之间的区别也很显着，每个功能的进口选用图+文结合的方法，这样使得页面显得灵活多样，突出特征模块，缓解用户的阅览疲劳，直切主题。
2、Airbnb
这是Airbnb中房源预订概况页面第一屏显现的内容，在简练的白色布景上，不同层级的标题选用了不同的字号和颜色，层级越高字号越大，房间内部摆设经过图标+文字表达，页面底部的预订按钮在整个页面突出可见，比照激烈，毫无疑虑引导着这个页面的主要操作。
3、 163 邮箱
这是 163 邮箱的收件箱页面，关于用户来说，未读的邮件更为重要，所以关于未读信息和已读信息在字体粗细和字体颜色做了显着的区别，已读信息弱化，此外在未读信息前还加了蓝色点标明，已读信息则去掉。让用户在检查邮件的时分能够第一眼看到重要信息。
许多时分，当我们拿到产品原型的时分急于去展现信息，而忘了考虑我们拿到的信息这么多，关于用户来说他想看到什么？而你又想怎样展现重要信息，要害时分记住这几招：
这或许就是为什么百度只要一个查找栏，IOS11 中大字体盛行的原因。
微信：boxiangchina