125个提升网页可用性的优化小技巧(四)
作者:一网学   最后更新时间:2016-05-13 14:14:10

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

尽可能兼顾不同用户的知识和技能水平

用户可能是新手、专家或介于两者之间,要根据用户情况设计界面。

1qy20160512

△ 使用适当的新人引导(四种主要的新人引导策略)

这四种用法刚好可以用一个2*2的矩阵来表示。根据下方图示选择最适合你界面的方式:

2qy201605123qy20160512

△ 为新手用户添加提示而不干扰专家用户

4qy20160512

△ 使用卡片分类构建信息架构

若你想了解用户如何确定或概念化菜单分类,使用开放式卡片分类;

若你想了解用户如何将现有元素归类到预制分类,使用封闭式卡片分类;

尽可能适应用户的操作流程

用户会有不同的需求,根据不同操作流程调整界面设计。

5qy20160512

△ 让用户控制数据的呈现方式

6qy20160512

△ 让用户控制数据的排序方式

其他排序标准包括:

  • 按字母顺序

  • 按可用性

  • 按分类

  • 按日期

  • 按距离

  • 按热门程度

  • 按价格

  • 按相关性

  • 按大小

7qy20160512

△ 让用户控制数据显示的数量

8qy20160512

△ 构建用户画像以区分具体操作流程

9qy20160512

△ 让用户通过新标签页打开页面

很多用户习惯先打开页面,后续再去浏览。

尽可能提高网页的可及性

让残疾人群也可以访问使用你的界面。这不仅是好的做法,还可以避免法律后果(看你做的是什么产品)

10qy20160512

△ 在HTML5中使用语义标签

11qy20160512

△ 使用多种提示来沟通反馈信息

大约8%的男性是色盲(Chan, Goh, & Tan, 2014)。不要单独通过颜色来传达信息,提供多种提示。

尽可能兼容各种输入和极端个例

应该允许用户输入各种信息而无后顾之忧。

12qy20160512

△ 解决自动生成信息带来的不好结果

(译者注:上图客户旅游目的地是奥斯威辛,通过模板消息“<目的地名称>玩得开心”,会生成“奥斯威辛玩得开心”的提示,但奥斯威辛集中营是个负面的联想,“奥斯威辛集中营玩得开心”,会让用户不爽。保险起见,改成提示“旅途愉快”)

13qy20160512

△ 使用支持多种输入格式的表单元素

14qy20160512

△ 显示能解决搜索者需求的结果

15qy20160512

△ 使用能处理错别字、同义词或变体词的搜索

尽可能兼容所有媒介

界面需要在各种环境都能运作(如不同设备、浏览器等)

16qy20160512

△ 根据用户浏览器定制不同的操作指引

17qy20160512

△ 在小型设备上使用单窗口深入的方式

未完待续…

原文地址:nickkolenda

推荐阅读:

交互设计新人职场中都踩过哪些坑?【UI培训】

新手视觉设计师怎样做好设计工作?

UX设计师不得不掌握的心理学技巧

关注设计人物:让自己的设计之路变得简单

上一篇:专访最懂 FLYME 的人:交互总设计师易鹏

下一篇:设计师如何与产品团队高效合作?

其它免费教程

岛国福利:12个免费可商用的日本图库网站

时间:2015-12-24 点击:3837

小编:今天来一组岛国的免费图库,都是可以免费个人使用或者商用,质量都非常高。建议同学可以使用谷歌浏览...

超实用:如何设计一个美观实用的二维码?【平面设计】

时间:2015-08-26 点击:1624

编者按:二维码现在是大街小巷的标配设计,刚接触这类设计的同学,可能不是很清楚二维码的设计要点。颜色与...

绿色作为主基调网页在设计中的应用和要点-网页设计培训

时间:2014-06-04 点击:2343

绿色是另一种设计师经常依赖的灵活色彩。它主要是与自然和环境相联系+绿色还和金钱以及“前进”的理念(想...

零基础不会美术,还能学好淘宝美工吗?

时间:2016-10-10 点击:7239

最近接了好几个电话,问淘宝美工的。有亲戚家小孩刚高考完,没打算继续往上读的,想学门手艺。...

史上最全《寻龙诀》电影海报设计鉴赏!【平面设计】

时间:2015-12-24 点击:3189

小编:《寻龙诀》上映3天票房近6亿,好评如潮,不仅是良心之作,电影的海报设计也是非常的特色。今天来一...

更多设计教程>>


在家就能免费试听
多了解下对你最终选择总是有帮助的
姓名:
电话:
Q Q:
答案:
邮箱:
留言:
提交试听申请