UI初学者必备之提升用户体验的小方法

最近看到这一篇针对ui设计初学者的文章，讲得比较细节，感觉不错。文章写的比较细，也比较散，适合初学者对于ui设计有一个初步的了解。UI初学者的福音千万不要错过哦。

页面设置

1.按钮的周围要留出足够的空间

如果不同按钮之间距离太近，用户就容易误操作。

2.相关性高的元素挨得近些

3.相关性低的元素离得远些

与上一条相对应，相关性低的元素之间需要留出间隔。如果相关性低的元素排列的比较近，会让用户对信息层级产生误解。

4.界面元素要对齐

5.同类型页面布局要一致

同一产品中，如果界面之间的布局差异很大，用户在使用过程中会容易产生困扰。同类型页面使用同样的布局方式，可以减少用户认知成本，使用户在新的页面也可以凭以往的经验很快找到自己想要的内容。

6.要有足够的留白

元素之间不要离得太近，要留出足够的空间。留白不足够会显得页面非常拥挤，用户可能会被吓跑哦!

7.考虑视线的走向

在设计横向的页面布局时，需要更多考虑用户视线的方向。

8.返回按钮放在左上角

用户会根据自己以往的经验判断按钮位置。用户在使用浏览器和手机中的app时，已经习惯了返回按钮在左上角，不要轻易挑战用户的使用习惯哦!

9.可以滚动的页面要明确提示

在设计网页和app界面的过程中，出现需要用户滚动才能出现更多内容时，需要明确的表现出页面可以滚动。

10.常用按钮放在容易操作的位置

11.点击后弹出的元素要离点击的位置近一些

比如说，点击界面中的按钮弹出的菜单通常会出现在按钮旁边，这样就很好理解。如果反过来，点击页面中间，菜单却从右下角跑了出来，这就会让用户感觉很奇怪了。

易用性

12.常用功能容易找

13.不要自动播放视频

自动播放视频的行为，不仅影响用户的观赏感受，而且在手机浏览时还会消耗额外的流量，简直是惨无人道的掠夺行为。还是应该把选择权交给用户，点击播放按钮之后再播放吧!

14.不要突然发出声音

用户可能在任何的环境下打开页面，可能是热闹的地铁中，也可能是安静的医院里。用户在打开页面之前，没有预想到它可能会发出声音，突然发出声音可能会吓到用户。所以还是尽量不要使用一打开页面就发出声音的这种设计吧!

15.在web设计中减少页面跳转

在浏览网页时，页面跳转会增加用户的负担，因为页面加载会耗费时间，跳转时还有可能出现广告，甚至有可能跳出完全不相关的页面，要返回原来的页面也同样耗费时间。

由此，在进行网页设计时，不要让用户进行多次点击，尽量在同一个网页提供尽可能多的信息。

在app界面设计时则有些不同，因为大多数页面都可以缓存，返回相对容易很多，页面跳转的成本也相对小一些。

16.操作可撤销

17.悬浮显示的元素不要太抢眼

18.不要拉伸图片

19.适当时候给予进度展示

20.将结论写在前面

随着人们生活节奏的加快，用户在访问页面时需要更快的获取信息。页面中的结论类型的信息可以优先显示，详细的解释类的内容可以放在后面显示。尽可能的缩短用户获取信息的时间，节省用户的时间。

21.不要为了缩短页面长度而增加跳转

同类内容尽量在同一页面显示，不要为了缩短页面长度而无端增加分页或跳转，当然，“图片太多、加载较慢”这种情况除外。毕竟跳转页面对于用户来说，成本还是很大的(见第15条)。

22.不要单独使用意义不明确的图标

大多数用户已经对很多图标的含义已经达成共识。例如，≡表示“菜单”，“感叹号”表示“注意事项”，“垃圾桶”表示“删除”，“齿轮”表示“设置”。类似这样的图标，可以单独使用。

23.不要使用长而无意义的动效

大多数用户在页面出现动效时通常会中断操作。为了节约用户的时间，动效尽量简洁些，可以省去一些无意义的单纯炫技的动效。

24.复杂的使用说明分步讲解

在必要的场合出现比较的新手提示，这一点可以像一些手机游戏学习。

25.不要试图让用户“学习”使用说明

如果一个页面需要用户来“学习”才能够使用，那么它就谈不上“易用”了。

26.尽量减少加载时间

减少加载时间，可以通过以下两种方式。

1.延迟加载：配合页面滚动，逐步加载页面内容。

2.压缩图片：png格式的图片文件通常比较大，使用时注意压缩。

27.有效信息优先展示

雅虎问答优先展示被设置为“最佳答案”的回答，这可以使用户更快的获取更有效的信息。在其他页面的设计中也是同样的道理，优先展示更有效的信息，可以让用户更有效率的获取信息。到这里今天的教程UI初学者必备之提升用户体验的小方法就结束了，喜欢的可以多多关注我们哦。

资源地址: http://blog.silucg.com/UI/jc/7032.html(分享请保留)