魔鬼藏在细节中
年底了总结下平时工作中陷入的坑，扒一扒，填一填～
一个好的产品可以降低用户犯错的概率，并且能有效提升失误被挽回的效率。通俗点说就是帮助用户避开操作过程中的坑，即使用户掉进坑里，也能引导他们很快的爬出来。魔鬼藏在细节里，因此就需要设计师要将细节方面做到位，必须要考虑到容易被大家普遍忽略的部分。
1.主次按钮
之前有去参加一个设计方案研讨会，效果图由投影仪投到墙上展示，设计风格是简约风红灰白三色搭配，设计者结合PPT讲解过程中，次要功能按钮始终模糊不清（如图1）。也许当时光线较强，灰色的次要按钮与白色背景的对比较弱，但外界因素不能成为设计师的挡箭牌，用户在使用产品的过程中，会由于易读性差而犯错误。主按钮和次按钮固然要分清主次，但是也不能忽略主按钮和辅助按钮之间的对比度。如图1、图2所示：
图1 图2
说到这里不得不提另外一个细节，大多数情况下，在进行有一定风险的操作时，会有模态框提示用户必须要确认一下，那么问题来了。确定按钮、取消按钮的位置规范怎么定？
2. “确定在左，取消在右”or“确定在右，取消在左”
让用户远离危险操作
首先我们要先考虑下企业或商家的诉求和希望的是什么，“确定/保存”等代表完成当前任务并进入下一环节，“取消”代表拒绝不接受当前操作，企业和商家肯定是希望能够引导用户沿着他们设定好的路径去操作，避开危险操作，并且最后能够顺畅的完成企业、商家设定的目标，保证盈利。从视觉角度和用户操作习惯分析，居左远离用户，相对而言，居右更靠近用户。所以“取消”按钮在左边，“确认”按钮在右边，是否更加符合产品的理念呢？
古腾堡法则
古腾堡图指人们在浏览页面的时候，人的眼球移动规律趋向于从上到下，从左到右。左上角是视觉的第一落点区，而右下角是视觉最终落点区，右上角和左下角则是视觉盲点。用户的视觉中心往往在页面的左上方，而结束浏览时视线往往落在右下角，所以合理利用这个法则可以帮助用户更好地获取内容并采取行动。
“上一步”与“下一步”的操作习惯
对于确认与取消这两个操作来说，确认意味着执行该操作，即进入到下一步；而取消按钮则是放弃该操作，即返回到上一步。 按钮的位置，映射到用户阅读和浏览从左到右的顺序，右边是前进，左边是回退。而按照现有一致性的布局，“上一步”一般放在左边，“下一步”则放在右边。根据上一步和下一步按钮的逻辑来说，确认在右边，取消在左边，更加符合用户的心理预期。
3. 7±2 法则
4月初接到了顶级导航菜单改造方案的需求，需求方提出在原有的8个节点的基础上另外增加3项内容，并且后期根据需求可能还会增加，当时产生了极大的困惑，直到了解到被应用在交互设计上的神奇数字 7±2 法则：
1956 年乔治米勒对短时记忆能力进行了定量研究，发现人类头脑最好的状态能记忆含有7（±2）项信息块，在记忆了9 项信息后人类的头脑就开始出错。PC 端导航或选项卡尽量不要超过9个，应用的选项卡不会超过5个。尽量使得网站导航少于9个会让用户对于网站的内容一目了然，更快捷也更加有效。
如果导航或选项卡内容很多，可以用一个层级结构来展示各段及其子段，并注意其深广度的平衡，如图4-参照阿里云。
图3-最初方案
图4-阿里云
4.带下划线的超链接
之前做页面设计时，会涉及到链接的内容，也见过其他案例，当时有点儿不能理解，为什么链接文字的内容和普通文字已经用颜色分开来，还要额外的增加下划线，从而影响视觉效果，知道前段时间读到了一篇文章《走心的技巧！为色盲用户提升网页可用性的实用设计技巧》。
据Colour Blind Awareness的统计，总人口的4.5%是色盲。如果目标用户多数是男性，则这个比例还要上升到8%。之前从没有想过全世界有8%的人是色盲。这可是一个非常庞大的人群，足足5.6亿人口。设计师们常常忘了为色盲设计，因为多数设计师不是色盲而忽略了这个重要群体。
在日常设计场景中，色弱或者色盲者经常被设计师忽略的一个群体，对于他们而言，仅仅是改变链接文字的颜色是远远不够的，很有可能他们无法辨别出文章中的链接文字与普通文字的颜色区别，就差过了文章中重要的链接，这样的话，文章作者添加链接时的本意也就无法被这部分读者获知。
除了链接外，延伸另外一个设计中的细节，通常信息提示的成功、错误信号都是通过绿色和红色来进行表达区分的。然而这两种色彩又正好让色盲用户很难区分，这样一来，他们压根无法区分信息的对错与否。因此增加相应的图标来说明，用户就可以更加直观的了解信息了。
图5
结语
细节之中藏有魔鬼。而细致到位的细节能够让你的设计更上一层楼，细节并不只是细节，它们是成就设计与用户体验的重要因素。小小一个按钮、搭配一个简单的图标或者动画，由于牵扯到与用户互动的部分，就会牵扯出这么多的细节出来。虽然追求细节相当耗费时间，大多数情况下恐怕都会被认为“这个不影响产品功能”、“这个不是产品的核心”、“细节问题下个版本迭代再加吧”等等而被忽略。但就像著名的设计师Charles Eames说过：“细节本身并非细节，而就是产品的精髓”。
