您好,欢迎光临一网学 请登录 免费注册

网页设计培训、UI设计培训和淘宝美工培训机构-一网学!

7 * 24小时全国免费咨询电话

400-655-3664

您现在的位置:首页 > 免费专区 > 设计教程

设计教程

持续更新:125个提升网页可用性的优化小技巧(一)

作者: 一网学   最后更新时间:2016-05-05 19:35:31

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

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

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

19zxsj20160504

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

通过视觉的层次引导用户

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

2zxsj20160504

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

3zxsj20160504

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

4zxsj20160504

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

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

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

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

5zxsj201605046zxsj20160504

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

7zxsj20160504

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

8zxsj20160504

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

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

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

9zxsj20160504

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

10zxsj20160504

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

删除或弱化不必要的信息

人的注意力是有限的。不必要的元素会消耗这些注意力。因此,保持用户专注在重要信息和功能上。

11zxsj20160504

△ UX策略10 – 弹出或模态窗口背景模糊处理

12zxsj20160504

△ UX策略11 – 在所有图像中最大限度地提高数据墨水比率(让数据更凸显)

13zxsj20160504

△ UX策略12 – 去掉不必要的边框

14zxsj20160504

△ UX策略13 – 删除冗余或不言自明的说明

15zxsj20160504

△ UX策略14 – 隐藏不常用但必要的设置、功能和信息

提示首屏以下是否还有内容

现在大多数浏览器在页面处于非活动状态时隐藏滚动条,你需要“滚动提示”告知用户首屏以下是否还有内容

16zxsj20160504

△ UX策略15 – 通过首屏延伸页面下方信息元素

17zxsj20160504

△ UX策略16 – 添加阴影以指示深度

18zxsj20160504

△ UX策略17 – 用文字或图形表示有更多内容

未完待续…

原文地址:nickkolenda

推荐阅读:

程序化广告环境下玩创意

完美配色方案应当思考哪八个问题?【网页设计培训】

价值6000元!外国设计师超实用的“情境调研”实践方法

设计人物:让更多设计师认识你,赶快加入吧!

点击:939关键字: 网页设计培训   网页优化技巧   网站设计  
 

还要名师指导?
还想学更多?
想成为一名优秀的设计师?

赶快报名我们的就业培训吧

加入一网学(免费获取设计视频)

加入我们QQ群

  • 94479624(满)
  • 300641383 (满)
  • 325055490(满)
  • 208130525

扫一下,加我微信

    姓名:
    我要报名,免费试听,素材索取都可以
    给我们留言。同时也可以咨询在线客服。
    郑重承诺:我们不会泄露您的任何资料。
    电话:
    Q Q:
    答案:
    邮箱:
    留言:

    客户服务中心(7×24小时):

    4006-553-664

    • 电话:0755-25849300
    • 传真:0755-25849300
    • 邮箱:editor@ywxue.com

    深圳市一网学教育咨询有限公司 版权所有 2008-2016|一网学手机站

    一网学专注网页设计培训UI设计培训平面设计培训淘宝美工培训7年 | E-mail:editor@ywxue.com
    Copyright © 2008 - 2016 ywxue.com. All Rights Reserved 粤ICP备12037495号-2