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

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

2016-07-14 浏览()

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

  在很多界面中,错误的产生不可避免。一旦发生错误,要帮助用户快速轻松地处理好。

  往期回顾:

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

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

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

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

  防止错误产生

  设计界面时,不要急着出方案,要尽力设计“无错可犯”的界面。

  

1learn20160518

 

  △ 按钮在用户点击后进行去除、禁用或替换处理

  别跟用户说只能提交一次。可以多次点击的,用户就可能点多次。用户点击后禁用按钮,才能真正避免多次提交。

  

2learn20160518

 

  △ 只提供可以接受的输入选项

  

3learn20160518

 

  △ 在表单元素中使用勾选启用、勾选可见的设计方式

  

4learn20160518

 

  △ 文本输入框结构跟输入格式要求保持一致

  监控典型错误信号

  界面上有哪些常见错误产生?找出这些错误的信号,做好这些信号的监控。

  

5learn20160518

 

  △ 搜寻与用户意图矛盾的用词

  

6learn20160518

 

  △ 若用户已购买过该产品,提醒他们

  对功能强大的按钮要区分开以避免误操作

  用户会走神,这无法避免。设计时要从视觉上明显区分开那些功能强大的按钮,尽量减少误操作的可能性。

  

7learn20160518

 

  △ 通过间隔和颜色区分强大功能按钮

  

8learn20160518

 

  △ 为重大且不可逆的操作添加约束条件

  提供便利的方法恢复或退出操作

  总是给用户提供选择返回上一步操作或安全/可识别的区域

  

9learn20160518

 

  △ 使用恢复操作而不是确认操作

  

10learn20160518

 

  △ 为各页面或功能提供“逃生舱”(退出操作)

  例如上图,某些下拉菜单没有退出选项,当用户点了一个选项,就无法取消选择了。

  

11learn20160518

 

  △ 为弹出窗口或模态窗口提供关闭按钮

  尽量减少用户离开一个系列操作步骤的负面影响

  允许用户以原来的数据返回到相应步骤页面

  

12learn20160518

 

  △ 保存用户提交的数据

  

13learn20160518

 

  △ 让用户回到原来的操作步骤页面(别让用户又从头开始)

  加大可移动路径或可点击区域

  用户并非完人,他们会误操作,因此要提供有弹性或包容性的设计。

  

14learn20160518

 

  △ 为小按钮添加一个透明边框(加大按钮的点击区域)

  

15learn20160518

 

  △ 为弹框或下拉菜单添加一点小小的延迟

  

16learn20160518

 

  △ 给整个菜单选项容器添加超链接(不要仅限文字区域)

  

17learn20160518

 

  △ 给主菜单、列表项和辅助图标都加上超链接

  用户经常点到不能点击的地方。不要试图矫正这些错误,相反地,为这些常见区域添加点击功能。

  提供有用和支持性的出错提示

  不要给出“发生错误”这种提示。解释出错原因,最好能给出解决方案。

  

18learn20160518

 

  △ 解释验证出错的原因

  

19learn20160518

 

  △ 对于复杂出错提示要提供相关文档或帮助链接

  

20learn20160518

 

  △ 避免在出错信息中写“你”

  记录用户的最近几次操作

  在界面上提醒用户最近几次操作

  

21learn20160518

 

  △ 显示用户最近几次搜索

  

22learn20160518

 

  △ 已访问链接用不同的颜色区分

  

23learn20160518

 

  △ 指出哪些项目用户已经看过

  分析用户行为找出界面存在的问题

  持续迭代改进界面设计,可以从下面这些小技巧开始

  

24learn20160518

 

  △ 在适当位置收集客户的反馈信息

  

25learn20160518

 

  △ 添加404错误次数上升的预警设置

  

26learn20160518

 

  △ 找出那些用户反复访问的页面

  如果一个页面浏览数太多(而独立客户数少),就需要仔细检查页面是否有问题导致用户反复访问。

相关推荐

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

关键词: 网页设计

文章点评:


精选专题

Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。

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为海量的数据提供了计算。

产品设计是互联网产品经理的核心能力,一个好的产品经理一定在产品设计方面有扎实的功底,本专题将从互联网产品设计的几个方面谈谈产品设计

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