首页 > 资讯 > 设计 > 125个提升网页可用性的优化小技巧(四)

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

2016-07-14 浏览()

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

  往期回顾:

  《有图有案例!125个提升网页可用性的优化小技巧(一)》

  《有图有对比!125个提升网页可用性的优化小技巧(二)》

  《有图有案例!125个提升网页可用性的优化小技巧(三)》

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

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

  

1qy20160512

 

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

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

  

2qy20160512
3qy20160512

 

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

  

4qy20160512

 

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

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

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

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

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

  

5qy20160512

 

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

  

6qy20160512

 

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

  其他排序标准包括:

  按字母顺序

  按可用性

  按分类

  按日期

  按距离

  按热门程度

  按价格

  按相关性

  按大小

  

7qy20160512

 

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

  

8qy20160512

 

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

  

9qy20160512

 

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

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

  尽可能提高网页的可及性

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

  

10qy20160512

 

  △ 在HTML5中使用语义标签

  

11qy20160512

 

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

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

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

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

  

12qy20160512

 

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

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

  

13qy20160512

 

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

  

14qy20160512

 

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

  

15qy20160512

 

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

  尽可能兼容所有媒介

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

  

16qy20160512

 

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

  

17qy20160512

 

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

  未完待续…

相关推荐

感谢关注 Ithao123设计频道,ithao123.cn是专门为互联网人打造的学习交流平台,全面满足互联网人工作与学习需求,更多互联网资讯尽在 IThao123!

关键词:

文章点评:


精选专题

Hadoop是一个由Apache基金会所开发的分布式系统基础架构。 用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。 Hadoop实现了一个分布式文件系统(Hadoop Distributed File System),简称HDFS。HDFS有高容错性的特点,并且设计用来部署在低廉的(low-cost)硬件上;而且它提供高吞吐量(high throughput)来访问应用程序的数据,适合那些有着超大数据集(large data set)的应用程序。HDFS放宽了(relax)POSIX的要求,可以以流的形式访问(streaming access)文件系统中的数据。 Hadoop的框架最核心的设计就是:HDFS和MapReduce。HDFS为海量的数据提供了存储,则MapReduce为海量的数据提供了计算。

随着国内互联网的发展,产品经理岗位需求大幅增加,在国内,从事产品工作的大部分岗位为产品经理,其实现实中,很多从事产品工作的岗位是不能称为产品经理,主要原因是对产品经理的职责不明确,那产品经理的职责有哪些,本专题将详细介绍产品经理的主要职责

Swift是Apple在WWDC2014所发布的一门编程语言,用来撰写OS X和iOS应用程序[1]。在设计Swift时.就有意和Objective-C共存,Objective-C是Apple操作系统在导入Swift前使用的编程语言 Swift是供iOS和OS X应用编程的新编程语言,基于C和Objective-C,而却没有C的一些兼容约束。Swift采用了安全的编程模式和添加现代的功能来使得编程更加简单、灵活和有趣。界面则基于广受人民群众爱戴的Cocoa和Cocoa Touch框架,展示了软件开发的新方向。

PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML(标准通用标记语言下的一个应用)文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;PHP还可以执行编译后代码,编译可以达到加密和优化代码运行,使代码运行更快。