建站运营知识

免费体验
当前位置: 首页 > 知识库 > 建站运营知识 >

125个提升网页可用性的优化小技巧(一)

分享到:
时间:2016-06-19 12:52来源:谷歌推广seo网络知识 作者:谷歌优化怎么做

   这个系列的教程到目前为止有5个章节,共125个实用技巧,youtube推广,每一个技巧都有案例对比,保证简单易懂。今天@企业官网设计精选 翻译了第一部分 —— 在网站设计中如何引导用户的注意力。学会一个就能受用无穷,更别说这一章整整有17个具体的方法了。

  在界面中突出强调一个聚焦点

  每个界面都应该有一个清晰的起点。用户应该从哪里看起?要设计清楚。

19zxsj20160504

  △ UX策略1 – 在页面标题部分添加视觉对比

  通过视觉的层次引导用户

  通过界面引导控制用户体验。他们应该从哪里先看起,第二和第三步又看哪里?设计要建立层次结构。

2zxsj20160504

  △ UX策略2 – 避免在构图中补漏留白

3zxsj20160504

  △ UX策略3 – 使用单列布局

4zxsj20160504

  △ UX策略4 – 重叠设计元素,强调连续性

  使用格式塔原则进行布局设计

  根据格式塔心理学,人会通过简化感知克服混乱。所以我们将事物分组,将元素分类,我们看“整体”。

  这些原则包括:相似,接近,闭合,连接,连续和图形/背景。

5zxsj20160504
6zxsj20160504

  △ UX策略5 – 按照接近性将相似功能或菜单项分组显示

7zxsj20160504

  △ UX策略6 – 标题位置与对应章节内容更靠近

8zxsj20160504

  △ UX策略7 – 限制标题与章节内容在同一界限内

  在不干扰用户的前提下呈现界面变化

  有一些界面变化会发生在用户使用期间,这些变化要做到明显但不干扰用户。

9zxsj20160504

  △ UX策略8 – 用明显的动画呈现界面变化

10zxsj20160504

  △ UX策略9 – 将出错的元素区分显示出来,错误提醒信息放置在表单顶部

(整理:英文推广TuiGuang123.com)

分享到:
------分隔线----------------------------
购买咨询 | 联系我们 | 产品报价 | 付款方式
网站地图 Copyright·深圳市亿推信息技术有限公司 版权所有 粤ICP备13042246号