当前位置:文档之家› 一个好的界面设计应该注意的75个原则

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

一个好的界面设计应该注意的75个原则时间 2015-12-24 11:41:32 PMCAFF产品经理社区原文.pmcaff./article?id=07855主题用户界面设计一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。

有一个设计咨询公司根据自己的客户案例,总结了75个经过实践证明的原则:之前国流传这篇文章的前40个规则,后35个是我熬夜翻译的,这个会不断的更新添加新规则,建议收藏。

1. 使用单栏布局代替多栏布局单栏布局能够让用户对全局有更好的掌控,对容一目了然。

而多栏布局可能会分散用户注意力。

最好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮。

2. 使用礼品诱惑代替生硬的推销例如可以给用户提供礼物来表达你的友善姿态。

更深层的讲,送礼是一种基于互惠原则的有效说服策略。

显而易见的好处是让你在往后的活动进展中更加顺利。

3. 合并重复的功能避免分散随着时间的推移,不可避免的你增加了很多模块、元素,而且功能相同。

碎片化的界面会增加用户的学习曲线,所以需要合并重复的功能,重构你的界面。

4. 用户的评价好过自卖自夸用户好评是另一个可以提高转化率的说服策略。

当潜在客户看到其他人对你的服务给予好评时,项目机会会大增。

所以试着提供一些含金量高的证据证明这些好评是真实可信的。

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

6. 区分开可点击和已选择的样式视觉风格,如颜色、深度和对比度都可以当做可靠的线索以帮助人们了解你的导航界面:我在哪里,我能去哪里。

为了让用户清晰,可点击元素(,按钮)、已选择元素(选择的菜单)、以及纯文本的样式应该是彼此明显不同,而且在界面上要保持一致性原则。

在视觉上,我们一般认为蓝色表示可被点击,黑色表示已被选择或是什么。

7. 给出推荐而不是让用户来选择当列出许多选项时,给出一个重点推荐项是个不错的做法,尽管推荐的设置无法满足所有用户,但这么做是有理论依据的:当面临的选择越多时,用户就越难做出决定(决策瘫痪)。

所以你可以高亮某个选项来帮助用户做出选择。

8. 使用恢复功能代替弹出对话框假设你刚点击了一个或者按钮,撤销操作可以让操作流畅自然,也更符合人类的本能。

而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。

其实只有极少数情况下才会发生误操作。

所以,为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。

所以请考虑在你的产品里实现撤销操作来提升用户的操作友好度吧。

9. 明确产品适用人群而不是面向所有人你是想把产品做成大众化的还是有精确的适用人群呢?答案是:在产品定位上你需要更精确些。

把产品定位得精确的风险就是可能缩小了目标潜在用户的围,但这种更专业的精神却反过来会赢得信任、权威。

10. 直接果断而不是犹犹豫豫你可以通过不确定而颤抖的声音来表达传递自己的意思,也可以通过很自信的方式表达。

如果你在界面中的表述多以问号结束,比如”也许”,”可能”,”感兴趣?” 或者”想要试试么?”,那么你完全可以把语气变得更坚定一些。

不过万事无绝对,适当放松措词让用户有自行思考的余地也是可以的。

11. 界面要对比鲜明让人容易区分把主要功能区从界面中突出显示出来效果会好很多。

使你的主要口号醒目有很多种方法。

通过明暗色调的对比来突显。

通过为元素添加阴影、渐变等效果让界面富有层次感来显主题。

最后,你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面,以达到突出重心的目的。

综合所有这些,最后得到的界面会使你的主要意图与界面其他元素有明显的区分,得到完美的呈现。

12. 个性鲜明胜过普通介绍你自己或产品时附带上名称、图片或原产地可以让与用户的交流沟通更加的个人化,当你在界面设计中实现这点时,让人觉得非常友好。

同时指明区域也会隐形提高产品的声誉,好上加好。

13. 精简表单填写容人本性懒惰,没人愿意填写一大堆表单字段。

表单中每个字段都会有失去用户的风险。

多想想是不是每个字段都是必须的。

如果你确实需要一大堆信息让用户填写,试着将它们分散在不同页面,在表单提交后还可以继续补充。

14. 暴露选项而不是隐藏你使用的任何一个下拉框都会对用户造成信息的隐藏,需要额外的操作才能显示。

如果这些信息是贯穿整个操作所必需的,那你最好把它展示出来做得更显而易见一点。

下拉框最好用在选择日期,省份等约定俗成的地方。

对于程序中重要的选项最好还是不要做成下拉形式。

15. 把界面做得环环相扣要好过直白的排版一个平淡无奇行文无疑会让用户失去兴趣而放弃继续阅读。

单列滚动的长页面是不错的,但是我们应该适当地设置一些小节,并且环环相扣,来提高用户的兴趣使其继续阅读。

但需要注意的是节与节之间的留白不要太大。

16. 不要放太多分散用户注意力为了满足各式用户的需求,在页面上放些链到这里、链到那里是常见的做法。

如果你的主要目的是想让用户点击页面最后那个下载按扭什么的话,就需要三思了。

因为用户可能点击了其他离开页面了。

所以你需要注意页面的数量,把导航和操作用样式区分开,尽量移除页面不需要的。

17. 将操作的状态或者进度呈现出来现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标,比如有已读或未读的状态,电子帐单有支付或未支付的状态。

而在界面上呈现这样的状态对于用户来说是很有必要的。

这样用户就可以知道某些操作是否成功,接下来准备进行怎样的操作。

18. 使用获利按钮(好处说明)代替普通的按钮试想界面上有这样两个按钮:一个是”帮你省钱”,另一个是”立即注册”。

我敢打赌大多数人会点击第一个,因为第二个按扭让人感觉不到有利可图,并且”注册”让人联想到填不完的表单。

也就是说让用户感受到获利的按钮更有可能被点击。

这种让用户感到好处的文字信息也可放在按钮旁边,不一定要做为按钮的标题。

当然,正常的按钮还是有用处的,一般用于重复性操作频繁的地方。

19. 使用直观的操作而不是缺乏上下文关联的菜单直接在元素身上进行操作是更直观明了的方式。

比如在一个列表中,我们想让用户对每个条目进行操作那么就把按钮放到当前条目上,而不要把放到列表之外。

再比如就是直接点击元素就进入编辑状态(比如页面上的地址信息点击后可以进行编辑)。

这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。

当然,对于一般性的操作本身就不需要有什么上下文的,就没必要这么做了,比如页面上的前进,后退按扭。

20. 尽量直接显示表单而不要额外页面在一个足够大的宽屏界面上最好还是直接给出表单,这比点击按钮再弹出表单要好很多。

首先减少了点击操作,流程变得简洁也节省了时间。

其次,直接呈现出表单可以让用户知道表单有多长,其实也是在告诉用户注册花不了多少时间。

当然,这条规则适合注册表单非常简单的情况。

21. 让界面平滑显示而不要死板地呈现用户进行操作过程中,界面上的元素会经常出现,隐藏,打开,关闭,放大缩小移位等。

给这些元素增加些自然的动画,淡入淡出效果不但美观,也更符合实际,本来元素尺寸位置的变化就是一个需要时间的动画过程。

但要注意动画时间不要设置过长,那样会让想尽快完成操作的用户不耐烦。

22. 使用逐步的引导代替突兀的注册与其让用户马上注册,何不让用户先进行一些体验式的操作呢。

这个体验过程可以展示程序的功能,特性等。

一旦用户通过简单几步的操作了解了程序的价值所在,那么它会更愿意填写注册表单的。

这种循序渐进的引导可以尽量推迟用户注册的时间但又可以让用户在没注册的情况下进行个性化设置等简单操作。

23. 减少边框避免浪费注意力过程边框会喧宾夺主。

不用说,边框确实在划分区域进行版块设置时有很大的作用,但同时其明显的线条也会吸引走用户的注意力。

为了达到划分版块又不转移用户注意力的目的,在排版时可以将界面上不同区域的元素通过空白进行分组,用上不同的背景色,将文字对齐方式进行统一,还有就是为不同区域设置不同的样式。

当使用所见即所得的界面设计工具时,我们经常在界面上方便地拖出很多区块来,这些区块多了就会显得杂乱无章。

所以我们又会到处放些横线来分界。

一个更好的做法是将区块垂直对齐,这样做不会让那些多余的线条来扰乱视觉。

24. 展示产品带来的好处而不要罗列产品特性市场就是这样的,用户永远只关心自身利益而产品特性对他们来说倒不是那么重要。

只有利益才更直观地体现出使用产品所带来的价值。

Chris Guillebeau在他的著作《100美元起家》中指出,相比压力,冲突,烦心事和未知的未来,人们在乎得更多的是爱,金钱,认同感和自由支配的空闲时间。

所以我相信在展示产品特性时回归到利益上是必要的。

25. 要设计好没有数据时的展现界面上经常需要呈现不同数量的数据,从0,1,10,100到10000+等。

这里存在个普遍的问题就是:在程序最开始使用的0条数据到过度到有数据之前,该如何进行显示界面。

这也是我们经常忽视了的地方。

当程序初始没有数据时,用户看到的就是一片空白,此时用户可能不知道该进行哪些操作。

利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序,在程序中创建数据。

力臻完美永远是我们追求的目标,界面设计也不例外。

26. 尝试默认选择将界面做成默认用户选中想要使用你的产品,意味着如果用户真的需要使用,那么可以直接点击确定而不需要额外点选了。

当然,将界面设计成默认选择的样子多少存在点争议,有点强迫用户的感觉。

如果你想道德一点,你可以要么把让用户选择的文字写得模棱两可,要么使用双重否定这样不那么直白的描述,这两种方式都可以让用户觉得没有那么强的感觉是被强迫选择使用产品的。

27. 保持界面一致性,不要增加用户的学习成本自从Donald Norman的一系列著作面世后,界面设计中尽量保持一致性成了一个普遍遵循的准则。

在设计中保持一致性可以减少用户的学习成本,用户不需要学习新的操作。

当我们点击按钮,或者进行拖拽操作,我们期望这样的操作在整个程序的各个界面都是一致的,会得到相似的结果出来。

不过在让界面变得一致之前,记住一点,适当的打破整体的一致性也是可取的。

这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。

所以世事无绝对,我们应遵从一致的设计准则,但适当地打破这种常规。

28. 使用合适的默认值,减少用户的额外操作适当的默认值和预先填充好的表单字段可以大量减少用户的工作量。

在节省用户宝贵的时间上面,这是种非常常见的做法,可以帮助用户快速填完表单或者注册信息。

29. 遵循惯例避免重复造轮子界面设计中遵从惯例跟之前的界面一致性准则很相似。

如果我们遵从了界面设计中的一些约定,用户用起来会很方便。

相反,不一致和没有遵从惯例则会提高学习成本。

有了界面设计中这些约定,我们想都不用想就知道界面右上角(大多数情况下)的叉叉是关闭程序用的,或者点击一个按钮后我们能够预测到将会发生什么。

相关主题