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

好文转载 分类: 经验/观点 版权: 原作者: 丝路教程网
153 0 1 0
2017-06-19
0.8

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

  页面设置

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

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

 Image title

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

 Image title

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

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

 Image title

  4.界面元素要对齐

 Image title

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

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

  6.要有足够的留白

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

  7.考虑视线的走向

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

 Image title

  8.返回按钮放在左上角

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

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

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

 Image title

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

 Image title

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

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

  易用性

  12.常用功能容易找

 Image title

  13.不要自动播放视频

 

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

  14.不要突然发出声音

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

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

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

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

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

  16.操作可撤销

 Image title

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

 Image title

  18.不要拉伸图片

 Image title

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

 Image title

  20.将结论写在前面

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

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

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

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

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

 Image title

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

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

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

 Image title

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

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

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

  26.尽量减少加载时间

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

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

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

  27.有效信息优先展示

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

  资源地址: http://blog.silucg.com/UI/jc/7032.html

丝路教程网

201粉丝/1关注

巧妙玩转Photoshop画笔工具PS教程之制作黑白半调网纹人像

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2017 UI.CN