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

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

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

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

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

通过视觉的层次引导用户

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

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

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

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

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

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

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

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

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

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

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

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

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

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

删除或弱化不必要的信息

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

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

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

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

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

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

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

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

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

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

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

未完待续…

nickkolenda

文章来源:优设

(0)

相关推荐

  • 125个优化网页可用性的小技巧(四)

    这个系列的教程有125个实用的网页优化技巧,每一个技巧都有案例阐述,保证简单易懂.今天@企业官网设计精选翻译了第四部分 -- 在网页设计中兼顾所有用户和场景的3个技巧.一起来收! 往期回顾: < ...

  • 125个优化网页可用性的小技巧(五)

    这个系列的教程有125个实用的网页优化技巧,每一个技巧都有案例阐述,保证简单易懂.今天@企业官网设计精选翻译了第四部分 -- 当用户操作错误时,如何在不影响用户体验的情况下快速处理好.一起来收 在很多 ...

  • 125个优化网页可用性的小技巧(三)

    这个系列的教程有125个实用的网页优化技巧,每一个技巧都有案例阐述,保证简单易懂.今天@企业官网设计精选翻译了第三部分 -- 在网页设计中如何少让用户费脑筋,保持操作流畅.一起来收! 往期回顾: &l ...

  • 快速优化U盘的小技巧提升Win7下的U盘的性能

    小小的U盘,关于它的知识还真的是很多,现在的U盘一般是8G、16G了,写入速度却相对显得不足,现在为你介绍一个快速优化U盘的小技巧,可以修改一下系统就大大提升Windows 7下的U盘的性能。 这个方 ...

  • windows系统内存优化的九个小技巧

    内存优化技巧1、改变页面文件的位置 其目的主要是为了保持虚拟内存的连续性.因为硬盘读取数据是靠磁头在磁性物质上读取,页面文件放在磁盘上的不同区域,磁头就要跳来跳去,自然不利于提高效率.而且系统盘文件众 ...

  • iOS7在Safari网页中查找关键字的小技巧

    iOS7的Safari与旧版相比,界面和操作上都有很大不同。特别是直接在网页中搜索单词和查找关键字,在iOS7中轻微的改变也容易让人一头雾水。今天小编就向大家着重介绍在Safari网页中查找关键字的小 ...

  • 美图秀秀如何抠图换背景 美图秀秀网页版抠图换背景小技巧介绍

    美图秀秀是一款简单易学的图片处理软件,可以很容易的实现很多图片处理功能,但美图秀秀网页版却没有抠图功能,那么美图秀秀如何抠图换背景?方法很简单,我们可以通过一些技巧来实现抠图的功能。下面小编就来详细讲 ...

  • 解决网页右键不能用的小技巧

    怎么解决网页右键不能用的小技巧:当你遇到喜欢的文章、图片,而希望复制下来时,右键却受到限制,此时,有如下方法可以破解,试一试管用。 第一种情况,出现版权信息类的破解方法如下: 在页面目标上按下鼠标右键 ...

  • 优化Vista小技巧

    使用vista操作系统的朋友越来越多,当然大多是品牌机自带的,一般的用户还是倾向于用xp的,由于vista对于硬件要求比较高,所以很多用户的机器运行的不是很流畅,其实有一些小技巧来让你在不升级硬件的情 ...