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(分享请保留)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,589评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,615评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,933评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,976评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,999评论 6 393
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,775评论 1 307
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,474评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,359评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,854评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,007评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,146评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,826评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,484评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,029评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,153评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,420评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,107评论 2 356

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,754评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,190评论 25 707
  • 【知-学习】 1.《增广贤文全集》诵读5分钟。 2.《六项精进》大纲诵读1遍。 【经典名句分享】 以保重身体为前提...
    玉_莲子阅读 134评论 0 0
  • 2012年6月21入司,2015年8月31日离开,职业生涯第三次跳槽。3年2月10天,321一组有趣的数字。茫茫...
    行鱼DG阅读 439评论 0 47
  • 我愿积雪消散 万物复苏 我愿白云苍狗 心有所向 我愿所有努力 不被辜负 我愿你身体健康 陪我到老 我愿所有的付出 ...
    高嘉缕阅读 310评论 0 1