一个好的用户界面设计应该注意的75个原则
一个好的用户界面设计应该注意的75个原则分享给
===首页与分页与分页之间分隔符===
一个好的用户界面设计应该注意的75个原则分享给脚本之家的各位平面设计学习者,这些用户界面设计原则主要是1. 使用单栏布局代替多栏布局,2. 使用礼品代替生硬的推销,3. 合并重复的功能避免分散等等
31. 具有层次的图形化展示优于直白的文字描述
具有层次的设计可以将界面上重要的部分与不次要部分区分开来。要让界面层次分明,可以在这些方面做文章:对齐方式,间距,颜色,缩进,字体大小,元素尺寸等。当所有这些调整运用得适当时,可以提高整个界面的可读性。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计,这样分明的设计也可以让用户放慢速度来慢慢阅读。这样也使界面更有特色一些。就好比一次旅行,你可以乘坐高铁快速到达景区(从页面顶部瞟到底部),但你也可以慢行以欣赏沿途风光。所以层次分明的设计让眼睛有可以停留的地方,而不是对着空白单调的一个屏幕。
32. 将有关联的东西分组避免杂乱无章
将各个功能项分组合并起来可以提高可用性。有点常识的人都知道刀子和叉子,或者打开文件和关闭文件是放在一起的。将功能相近的元素放在一起也符合逻辑,符合我们平时的认知。
33. 使用行内即时校验而不是提交后再告诉出错
在处理表单时,最好立即检测出用户所填写内容是否符合要求然后给出验证消息。这样错误一出现能就能得到改正。相反,提交后再检查表单会给出错误消息,会让用户感到不爽又要重复之前的工作。
34. 放宽对用户输入的要求
对用户输入的数据,尽量放宽限制,包括格式,大小写什么的。这样做可以更人性化一点,也使得界面更加友好。一个再恬当不过的例子就是让用户输入电话号码的时候,用户有很多种输入方式,带括号的,带破折号的,带空格的,带区号和不带区号的等等。如果你在代码中来处理这些格式的问题,代价也只是你一个人多写几行代码而以,却可以减少无数用户的工作量。
35. 让用户感觉需要快速做出响应而不是毫无时间观念
适当的紧迫感是个有效的战术可以让用户立即做出决定而不是等上个十天半个月。重要的是这种战术屡试不爽,因为它暗示了资源的紧缺或者活动的时间有限,今天可以买,但明天可能就无法这么低价了。另一方面,这一战术也让用户感到会错失一次大好的机会,再一次,应用了人们害怕失去的本性。当然,这种战术会被一些人嗤之以鼻,认为是不耿直的做法。不过,这只是种战术而以,并且在保持合法性的前提下应用也无伤大雅。所以请不要为了营销而在界面上制造紧迫的假象。
36. 尝试饥饿营销(制造稀缺感)
物以稀为贵。饥饿营销给出的信息就是东西不多,只剩几件,明天再来,可能没了。你去比较一下批发与限量版的东西他们的价格差距有多大就知道了。回过头来看,那些批发商或者大零售商,他们也使用饥饿营销,以获得更好的销量。但在软件行业,我们经常会忘记有饥饿营销这回事。因为数字产品是可以很容易拷贝复制的,不存在缺货的情况。其实,在界面设计中,也可以将其运用起来与现实中的资源紧缺进行联系。想想一次网上研讨会的门票,想想你一个月可以服务的人数限制,这些信息都可以告知用户是有限的。
37. 让用户从已知里选择而不是直接回想
这一界面设计中的经典准则是有心理学依据的,相比要让某人回想想某样东西,从一堆东西中认出某样东西会更容易些。辨识出一样东西只需要我们稍微回忆一下,通过一些线索就可以完成。而回想则需要我们全面搜索自己的大脑。也许这也是为什么试卷上选择题会比简答题做得快的原因。所以试着在界面上展示一些用户之前涉及到的信息让他们进行选择,而不是让他们想半天然后自己填写。
38. 让点击区域更大
像链接,表单的输入框还有按钮等,如果尺寸做得大一点则点击起来更方便容易些。根据费特定律,使用像鼠标这样的外设来点击需要一些时间,特别是元素比较小的情况下,时间会更多。鉴于此,最好还是把你的表单输入框,按钮等做大点。抑或者你可以保持原有的设计不变,只是把元素可点击区域(也就是热区)增大。这样的一个典型例子是手机设备上的文本链接和导航菜单,它们文字不一定很大但背景是拉伸的,在很宽范围内点击都有效。
39. 优化页面加载速度,不要让用户等太久
速度很重要。页面加载速度和UI对操作的响应速度都直接关系到用户是否有耐心继续等下去。无疑地每多一秒种的等待都会失去一些用户或者机会。一个好的解决之道当然就是优化你的页面和图片。除此之外还可以运用心理学让这个等待时间显得不那么长。具体来说有两种技巧。一是显示进度条,二是展示其他相关或有趣的东西来吸引用户的注意力(就好比你沿着传送带走走总比傻站在原地盯着一个位置看要好得多吧)
40. 除了按扭外,建议增加快捷键支持
当你的程序广为流传,应该考虑下高级用户的感受。人们总是试图为一些重复性的操作找到更快捷的方法,快捷键就应运而生了。相比在界面上点来点去,快捷键无疑大大提高工作效率。一个好的例子就是现今流行于各个主流程序中的J(后退)K(前进)快捷键组合,比如在Gmail,Twitter和Tumblr中。按钮固然好,但快捷键会锦上添花。
===首页与分页与分页之间分隔符===
一个好的用户界面设计应该注意的75个原则分享给脚本之家的各位平面设计学习者,这些用户界面设计原则主要是1. 使用单栏布局代替多栏布局,2. 使用礼品代替生硬的推销,3. 合并重复的功能避免分散等等
60. 用幽默代替严肃
为什么要一直那么严肃呢?在你的UI里加入一些幽默的元素有助于与你的用户/客户之间建立良好的情感联系,也更容易原谅你的一些错误。
61. 用反馈代替沉默
当我们执行了一个动作,肯定我们希望知道是否成功。比如:当我们发送邮件时候希望知道是否发送成功。什么反馈也没有意味着不确定性:起作用了么?点击了么?按钮按下去了么?是否要重试? 成功提醒是非常有价值的交互。
62. 判断出用户意图
如下图所示,这是亚马逊的一个多级菜单,当第一个菜单展开,用户鼠标往右下角移动路过第二个菜单的时候,之前的展开的菜单并不会消失,他们靠算法预判到用户可能是想点击第一个菜单下的某个子菜单。
63. 使用宽松的间隔避免元素挤在一起
空白的填充可以让内容和表格的可读性更好,广泛适用于列表、表格、段落等元素。
64. 使用讲故事的方式而不是列出事实
讲故事是最古老的传播方式,可以在着页面和各种UI交互页使用。一个基本的故事有几个简单的元素,如场景,带着目的的人物,遇到的问题。故事可以引发读者的情感反应,就像自己遇到了同样的处境。这样,故事也可变得更加难忘。这也就是为什么销售长久以来喜欢讲故事,说明这非常有效的。
65. 使用可靠的内容,避免造假
人们可以一眼就看出太假的东西,为了让你的产品更值得信赖,不要造假。股票高高的走势图和网页上开心笑的人没有任何理由和意义。混杂着好和坏的评价,非整数数字让你的网页更真实可靠。
66. 随着用户的进阶而优化
当用户对你的操作界面很熟悉之后,一些给新手显示的东西或者一些经常显示的东西变得不那么重要,可以去掉或者移动其他地方。这样可以让设计更加精简。
67. 以别人为中心
想建立社会影响力的时候就要优先考虑别人的利益,把对话中的”我“变成”你“。
68. 对于你显而易见的东西可能对于别人不是
有些事情对于我们来说似乎是显而易见的,对于别人却不是。如下图中让用户输入URL快捷方式,用户不一定知道指的是什么:
69. 让语言简洁明了,去掉多余的废话
使用更少,更简洁的话,在写完草稿后,看看是否还可以缩减。抓住要点可以避免丢掉用户的注意力。
70. 使用响应式布局避免静态布局
没有什么比出现横纵双滚动条更糟糕的页面了,让页面支持的响应式布局,这样在各种大小的移动设备上都能良好的显示。
===首页与分页与分页之间分隔符===
一个好的用户界面设计应该注意的75个原则分享给脚本之家的各位平面设计学习者,这些用户界面设计原则主要是1. 使用单栏布局代替多栏布局,2. 使用礼品代替生硬的推销,3. 合并重复的功能避免分散等等
71. 让视觉效果清晰明确
让不同的元素成组,使用不同的字号,使用不同的色调,让视觉效果清晰明确。
72. 让你的界面可纠错
出错是难免的,所以用户界面应该允许细微的纠正。如更换账号或更换地址等
73. 让用户尝试社会承诺
人类偏爱一致的自我形象,社会承诺会成为一种自我动机。在这一点上,公开的社会承诺,会让人更有责任去兑现。当我们告诉人们,我们会做一些事情(或者采取公开的行动),那么未来行动的可能性就会更高。
74. 增加重试和重做的功能
例如:当上传图片时候,文件上传失败或者对上传的图片不满意想换一张的时候,重试和重做就很有必要。
75. 把过多的选择去掉
更多的选择让决策越难,甚至还会降低满意度,因为这让后悔和自责倾向增加。著名的果酱研究实验一次次的被验证。