一个好的界面设计应该注意的75个原则.docx

一个好的界面设计应该注意的 75 个原则 时间 2015-12-24 11:41:32 PMCAFF 产 品 经 理 社 区 原文 /article?id=2000000000007855 主题 用 户 界 面 设 计 一个好的界面设计应该拥有高转化率且方便用户使用，换句话说：既能达到商业目的又能满足方 便易用的要求。 有一个设计咨询公司根据自己的客户案例，总结了 75 个经过实践证明的原则： 之前国内流传这篇文章的前 40 个规则，后 35 个是我熬夜翻译的，这个网站会不断的更新添加新 规则，建议收藏。 1. 使用单栏布局代替多栏布局 单栏布局能够让用户对全局有更好的掌控，对内容一目了然。而多栏布局可能会分散用户注意力。 最好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮。 2. 使用礼品诱惑代替生硬的推销 例如可以给用户提供礼物来表达你的友善姿态。更深层的讲，送礼是一种基于互惠原则的有效说 服策略。显而易见的好处是让你在往后的活动进展中更加顺利。 3. 合并重复的功能避免分散 随着时间的推移，不可避免的你增加了很多模块、元素，而且功能相同。碎片化的界面会增加用 户的学习曲线，所以需要合并重复的功能，重构你的界面。 4. 用户的评价好过自卖自夸 用户好评是另一个可以提高转化率的说服策略。当潜在客户看到其他人对你的服务给予好评时， 项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。 5. 重复你的主行动按钮 多次重复主行动按钮的方法适用于界面很长或者分页的情况。 6. 区分开可点击和已选择的样式 视觉风格，如颜色、深度和对比度都可以当做可靠的线索以帮助人们了解你的导航界面：我在哪 里，我能去哪里。为了让用户清晰，可点击元素（链接，按钮）、已选择元素（选择的菜单）、以 及纯文本的样式应该是彼此明显不同，而且在界面上要保持一致性原则。在视觉上，我们一般认为 蓝色表示可被点击，黑色表示已被选择或是什么。 7. 给出推荐而不是让用户来选择 当列出许多选项时，给出一个重点推荐项是个不错的做法，尽管推荐的设置无法满足所有用户， 但这么做是有理论依据的：当面临的选择越多时，用户就越难做出决定（决策瘫痪）。所以你可以 高亮某个选项来帮助用户做出选择。 8. 使用恢复功能代替弹出对话框 假设你刚点击了一个链接或者按钮，撤销操作可以让操作流畅自然，也更符合人类的本能。而每 次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。其实只有极少 数情况下才会发生误操作。所以，为了防止误操作而设计的确认窗口其实是不人性化的，用户每次 操作都需要进行毫无意义的确定。所以请考虑在你的产品里实现撤销操作来提升用户的操作友好度 吧。 9. 明确产品适用人群而不是面向所有人 你是想把产品做成大众化的还是有精确的适用人群呢？答案是：在产品定位上你需要更精确些。 把产品定位得精确的风险就是可能缩小了目标潜在用户的范围，但这种更专业的精神却反过来会赢 得信任、权威。 10. 直接果断而不是犹犹豫豫 你可以通过不确定而颤抖的声音来表达传递自己的意思，也可以通过很自信的方式表达。如果你 在界面中的表述多以问号结束，比如”也许”，”可能”，”感兴趣？” 或者”想要试试么？”，那么你完全 可以把语气变得更坚定一些。不过万事无绝对，适当放松措词让用户有自行思考的余地也是可以的。 11. 界面要对比鲜明让人容易区分 把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明 暗色调的对比来突显。通过为元素添加阴影、渐变等效果让界面富有层次感来张显主题。最后，你 甚至可以在色相环上专门选择互补色（比如黄色与紫色）来设计你的界面，以达到突出重心的目的。 综合所有这些，最后得到的界面会使你的主要意图与界面其他元素有明显的区分，得到完美的呈现。 12. 个性鲜明胜过普通 介绍你自己或产品时附带上名称、图片或原产地可以让与用户的交流沟通更加的个人化，当你在 界面设计中实现这点时，让人觉得非常友好。同时指明区域也会隐形提高产品的声誉，好上加好。 13. 精简表单填写内容 人本性懒惰，没人愿意填写一大堆表单字段。表单中每个字段都会有失去用户的风险。多想想是 不是每个字段都是必须的。如果你确实需要一大堆信息让用户填写，试着将它们分散在不同页面， 在表单提交后还可以继续补充。 14. 暴露选项而不是隐藏 你使用的任何一个下拉框都会对用户造成信息的隐藏，需要额外的操作才能显示。如果这些信息 是贯穿整个操作所必需的，那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期， 省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。 15. 把界面做得环环相扣要好过