一个好的界面设计应该拥有高转化率且方便用户使用，换句话说：既能达到商业目的又能满足方便易用的要求。

之前国内流传这篇文章的前 40 个规则，后 35 个是我熬夜翻译的，这个网站会不断的更新添加新规则，建议收藏。

使用单栏布局代替多栏布局

单栏布局能够让用户对全局有更好的掌控，对内容一目了然。而多栏布局可能会分散用户注意力。最好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮。

使用礼品诱惑代替生硬的推销

例如可以给用户提供礼物来表达你的友善姿态。更深层的讲，送礼是一种基于互惠原则的有效说服策略。显而易见的好处是让你在往后的活动进展中更加顺利。

合并重复的功能避免分散

随着时间的推移，不可避免的你增加了很多模块、元素，而且功能相同。碎片化的界面会增加用户的学习曲线，所以需要合并重复的功能，重构你的界面。

用户的评价好过自卖自夸

用户好评是另一个可以提高转化率的说服策略。当潜在客户看到其他人对你的服务给予好评时，项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。

重复你的主行动按钮

多次重复主行动按钮的方法适用于界面很长或者分页的情况。

7. 给出推荐而不是让用户来选择

当列出许多选项时，给出一个重点推荐项是个不错的做法，尽管推荐的设置无法满足所有用户，但这么做是有理论依据的：当面临的选择越多时，用户就越难做出决定（决策瘫痪）。所以你可以高亮某个选项来帮助用户做出选择。

8. 使用恢复功能代替弹出对话框

9. 明确产品适用人群而不是面向所有人

你是想把产品做成大众化的还是有精确的适用人群呢？答案是：在产品定位上你需要更精确些。把产品定位得精确的风险就是可能缩小了目标潜在用户的范围，但这种更专业的精神却反过来会赢得信任、权威。

10. 直接果断而不是犹犹豫豫

你可以通过不确定而颤抖的声音来表达传递自己的意思，也可以通过很自信的方式表达。如果你在界面中的表述多以问号结束，比如” 也许”，” 可能”，” 感兴趣？” 或者” 想要试试么？”，那么你完全可以把语气变得更坚定一些。不过万事无绝对，适当放松措词让用户有自行思考的余地也是可以的。

11. 界面要对比鲜明让人容易区分

把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影、渐变等效果让界面富有层次感来张显主题。最后，你甚至可以在色相环上专门选择互补色（比如黄色与紫色）来设计你的界面，以达到突出重心的目的。综合所有这些，最后得到的界面会使你的主要意图与界面其他元素有明显的区分，得到完美的呈现。

12. 个性鲜明胜过普通

介绍你自己或产品时附带上名称、图片或原产地可以让与用户的交流沟通更加的个人化，当你在界面设计中实现这点时，让人觉得非常友好。同时指明区域也会隐形提高产品的声誉，好上加好。

13. 精简表单填写内容

人本性懒惰，没人愿意填写一大堆表单字段。表单中每个字段都会有失去用户的风险。多想想是不是每个字段都是必须的。如果你确实需要一大堆信息让用户填写，试着将它们分散在不同页面，在表单提交后还可以继续补充。

14. 暴露选项而不是隐藏

你使用的任何一个下拉框都会对用户造成信息的隐藏，需要额外的操作才能显示。如果这些信息是贯穿整个操作所必需的，那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期，省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。

15. 把界面做得环环相扣要好过直白的排版

一个平淡无奇行文无疑会让用户失去兴趣而放弃继续阅读。单列滚动的长页面是不错的，但是我们应该适当地设置一些小节，并且环环相扣，来提高用户的兴趣使其继续阅读。但需要注意的是节与节之间的留白不要太大。

16. 不要放太多链接分散用户注意力

17. 将操作的状态或者进度呈现出来

现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标，比如邮件有已读或未读的状态，电子帐单有支付或未支付的状态。而在界面上呈现这样的状态对于用户来说是很有必要的。这样用户就可以知道某些操作是否成功，接下来准备进行怎样的操作。

18. 使用获利按钮（好处说明）代替普通的按钮

19. 使用直观的操作而不是缺乏上下文关联的菜单

直接在元素身上进行操作是更直观明了的方式。比如在一个列表中，我们想让用户对每个条目进行操作那么就把按钮放到当前条目上，而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态（比如页面上的地址信息点击后可以进行编辑）。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然，对于一般性的操作本身就不需要有什么上下文的，就没必要这么做了，比如页面上的前进，后退按扭。

20. 尽量直接显示表单而不要额外页面

21. 让界面平滑显示而不要死板地呈现

用户进行操作过程中，界面上的元素会经常出现，隐藏，打开，关闭，放大缩小移位等。给这些元素增加些自然的动画，淡入淡出效果不但美观，也更符合实际，本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长，那样会让想尽快完成操作的用户不耐烦。

22. 使用逐步的引导代替突兀的注册

与其让用户马上注册，何不让用户先进行一些体验式的操作呢。这个体验过程可以展示程序的功能，特性等。一旦用户通过简单几步的操作了解了程序的价值所在，那么它会更愿意填写注册表单的。这种循序渐进的引导可以尽量推迟用户注册的时间但又可以让用户在没注册的情况下进行个性化设置等简单操作。

23. 减少边框避免浪费注意力

过程边框会喧宾夺主。不用说，边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素通过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时，我们经常在界面上方便地拖出很多区块来，这些区块多了就会显得杂乱无章。所以我们又会到处放些横....