[导读] 最近看到这一篇针对ui设计初学者的文章,讲得比较细节,感觉不错。文章写的比较细,也比较散,适合初学者对于ui设计有一个初步的了解。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初学者必备之提升用户体验的小方法就结束了,喜欢的可以多多关注我们哦。
- 上一篇:UI切图的命名规范
- 下一篇:从零开始学习APP系列的切图标注
免责声明:
丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。
UI初学者提升用户体验的小方法
的相关文章- UI设计切图的原则与规范_UI设计切图输出类型
- Nokia 9界面设计图品再次曝光 这样的手机ui设计满
- 2018款三星Galaxy A5曝光,界面设计依然采取全面屏
- 完整的交互设计流程是怎样的?
- UI设计的发展前景怎么样?未来展望如何
- InDesign教程:恢复和还原
- 我想学UI设计,培训地点最好是江苏
- 触摸界面UI设计优秀作品欣赏
- UI设计师注意,网站头图的10个黄金法则
- 什么是ui设计?ui设计应具备哪些能力?
- 实现人性化UI设计的两点注意
- 剧情元素在游戏UI设计中的运用解析
- 网页UI设计和web前端的区别,哪个就业前景好
- 网页UI设计网站后台用户体验
- UI线框案例中的设计原则
- UI设计需要学多长时间 ui培训需要多久
- Indesign表格出现右边红点怎么办
- 学UI设计好找工作吗?
- 欣赏一组游戏UI人物作品
- 游戏ui设计师是什么?前景怎么样
- UI学校哪个好?南京UI培训机构
- 学习UI设计的小技巧
- 丝路ui培训多少钱?丝路ui设计培训费用
- 游戏UI之《亚瑟英雄传》
- UI设计师为什么比平面设计师工资高?
- 丝路ui培训教学体系怎么样?
- 高大上UI设计的八个技巧
- 浅析单页网站UI设计的技巧
- 广东UI设计培训去哪里好?
- 盘点那些主流品牌中的经典UI设计
- 高中生学游戏ui设计好找工作吗?
- UI设计培训要多少钱
- 浅析如何有效划分视觉层级?
- InDesign参考线去不掉的原因及删除方法
- UI设计PS软件班哪家靠谱?来南京丝路教育
- 好的界面UI设计原则