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

2016/05/27 10:43:30    文章来源:互联网    浏览:1957

尽可能少让用户做计算

千万别把计算这种事情丢给用户,让计算机来处理。

显示剩余数量

在界面内体现用户当前所处位置

界面就像机场,如果没有你在这里的标记,用户会迷路,因此记得提供标记。

△在导航菜单上突出当前所选

△在复杂的界面中提供面包屑导航或步骤图示

△在页面标题前面部分放置描述性或有用的信息

简化选择类任务

做选择需要费脑筋,简化这类任务让用户少费神。

△指明多数用户选择的选项

△提供常见搜索关键词列表

△下拉分类菜单置于相应导航菜单内

使用常规的网页设计界面

创新很好,但不要跟常规的设计方式偏离太远。用户习惯于某些布局、结构。常规设计之所以流行,是因为他们确实可行。

△ 使用常规的导航菜单

把实用功能放在右上角

每次交互动作后提供反馈

用户跟界面进行互动后,需获得实时反馈。操作成功还是失败了?发生了什么变化?

△ 重要的交互动作后反馈提示成功消息

最小化等待的负面效果

消灭所有不必要的等待。如果确实要用户等,则最小化该负面效果。

显示当前鼠标停留在哪个项目上

蓝色减少刺激(提高放松程度),蓝色加载元素可让用户觉得加载更快(Gorn et al., 2004)

加载动画效果使用冷色调减少对用户刺激

△ 长时间等待时保持用户活跃度(别人他们干等)

△ 防止用户上传不支持的文件

△ 实时统计显示任务进展

尽可能减少用户对记忆的依赖

别让用户去记住任何东西,将相关信息显示出来

△ 让表单标签保持一直可见


△ 避免用户点击后就消失的行内标签

△ 占位文本放到表单元素的外边

为可移动输入添加复制按钮△ Add Copy Buttons to Movable Input△

尽量少用锯齿状视图模式

减少用户眼睛来回移动的次数,让各项补充数据保持接近。

△ 合并相同的数据字段帮助用户进行对比

△ 让表单标签紧贴相应元素并对齐

反馈显示哪些项目是可点击或交互的

用户需要识别哪些元素是可交互的(并且知道如何交互)。

△ 使用3D特性设计按钮

△ 为可拖拽元素添加点状纹理


使用图标和符号传达一个交互动作的意图

你可以通过PowerPoint Keynote的各种形状制作大部分图标

用常见的文字和符合来沟通

大多数情况下,清晰明确胜过创意和术语

△ 讲用户懂的语言,不讲程序语言

△ 出现外语时,提供翻译按钮

颜色的选择要与语义保持一致

当颜色跟语义不一致时,会增加用户处理信息的困扰。如meetup.com上使用红色确认出席,准确应该是用绿色。


联系 · 华中科技

4008-930 523

售前QQ : 826999831 售后QQ : 61430188

地址:深圳市宝安区西乡街道宝安智谷科技创新园 A座816

网站定制开发需求表

X
建站类型:
开发类型:
项目预算:
功能模块:
 
阁下尊称:
联系电话:
所在城市: