Jabob Nielsen提出的10个可用性原则中有一个原则-防止出错（Error Prevention）。官网中有对这一原则的具体解释，这里不再复述。笔者认为还有一个防止出错的方法就是让用户选择而不是输入。在这里用户不需要思考如何输入，输入是否正确，这里以常见的“自动完成”来谈一下这个设计模式在当下的应用。
自动完成是一种属于反应性界面的强大模式。典型的模式是随着用户在文本框的输入，显示一个包含匹配项的下拉列表。理想情况下，应该自动选择最佳的匹配项。此时，用户只需要接受匹配项或者从列表选择其他项。
典型应用：邮箱，即时通信软件
图1 Sametime 7.5.1
好，现在我们来思考下这简单的交互中，有哪些需要在交互设计中需要注意的地方。笔者从输入、匹配、选择这三个方面进行分析。
输入
用户输入时，需要等待多少时间反馈？对自动完成而言，用户每输入一个字符就需要反馈。不过，如果用户输入速度很快，在输入几个字符给出反馈建议也是可以的，同时这里也需要考虑到性能问题。
匹配
如图2对于IBM的Note而言，用户输入的字符可以与联系人的名字或者电子邮件地址的任意部分匹配，突出显示匹配的联系人，同时也以粗体显示已输入的字符。这样可以清楚地告知用户选中的联系人以及所匹配的字符，进行拼写检查，防止出错。
同时支持键盘操作，上、下方向键可以用来选择匹配的项。
图2 Lotus Note v8.0
如图3在一些集成开发环境中，系统会从规定的参数中基于用户的输入提供一些匹配的关键字。在开发中使用这种设计模式，帮助程序员大大地提高效率。从认知上由系统给出提示减轻了记忆负担，而操作上程序员只需要选择不需要输入对应代码减少了操作，降低了出错的可能性。在集成开发环境中，系统会根据用户输入的值匹配标签中的任意部分进行提示。特别是标签的自动关闭，语法提示都是自动完成这一设计模式的体现，很好地提升了体验效果。
图3 Lotus Note v8.0 IBM Rational Application Developer
图4 中这里说明普通的匹配列表如何做优化和引导。匹配列表也可以提供一些使用说明和额外的相关信息。
1. 在列表中用灰色字体提供了使用说明；
2. 在有些匹配项后提供了类型(computer science, blog)等，这样就更方便地进行精准搜索和信息归类；
3. 提供了网页搜索功能，在没有合适的匹配内容时，给予用户更大的搜索范围；
4. 给予用户控制，用户可以隐藏不符合预期的内容。
图4 IBM w3 portal
0
投稿猜你喜欢
- selenium操作chrome浏览器需要有ChromeDriver驱动来协助。webdriver中关浏览器关闭有两个方法，一个叫quit，
- MySQL是一个开源的关系型数据库管理系统，支持多种操作语言，其中最基础、最常用的命令之一就是SELECT语句。在本篇文章中，这里将详细介绍
先附上官方文档：https://pandas.pydata.org/pandas-docs/stable/reference/api/pan- 以前用Ubuntu的时候感觉很简单的事到ContOS上却变得很头痛，在执行以下命令安装python-pip居然什么也没执行。yum inst
- 摘要：近几天在做一个东西，其中需要对图像中的文字进行识别，看了前辈们的文章，找到两个较简单的方法：使用python的pytesseract库
- 1.正则表达式是什么很简单就是一种字符串匹配，eg: 比如你在注册账户时我们需要对用户的用户名判断是否合法，这时候就需要对用户输入的检索，或
- np.where共两种用法:第一种np.where(condition, x, y),即condition为条件,当满足条件输出为x,不满足
- 目录Maxwell简介Maxwell的配置与使用1.下载Maxwell安装包2.配置mysql，打开mysql binlog日志3.启动Ma
- 使用方式：new downUpData({url:"http://192.168.1.103:8080/test/data.jso
- 参考官方文档 http://dev.mysql.com/doc/refman/5.7/en/select-into.htmlmysql>
- 前言众所周知，python拥有丰富的内置库，还支持众多的第三方库，被称为胶水语言，随机函数库random，就是python自带的标准库，他的
- 前言在使用mongo数据库时，简单的查询基本上可以满足大多数的业务场景，但是试想一下，如果要统计某一荐在指定的数据中出现了多少次该怎么查询呢
- 远程连接sql server 2000服务器的解决方案 一 看ping 服务器IP能否ping通。 这个实际上是看和远程sql server
- 表a aid adate 1 a1 2 a2 3 a3表b bid bdate 1 b1 2 b2 4 b4两个表a、b相连接，要取出id相
- 所有数据库和状态文件都包含在其中。但是，在确定数据目录内容的布局中管理员有某些职责。本文讨论为什么要移动数据目录的各个部分(甚至是字典本身)
- 网页中使用flash可以增强页面的动态交互效果，特别是用flash来制作广告，效果更好。经常使用flash的人，可能就碰到了flash会遮住
- 我之前想写路由器的密码暴力破解器，我手上只有极路由，发现极路由有安全限制，只能允许连续10密码错误，所以我改拿博客园练手。博客园的博客有个功
- 一、打开一个网页获取所有的内容from urllib import urlopendoc = urlopen("http://ww
- 在利用opencv进行图片处理时，经常需要查看图片关心区域或位置的像素数值，苦于没有应手的小软件，我用python3.6+opencv3.4
- 窗口标题pygame.display.set_caption(title, icontitle=None)'''•
