《
文本框的输入自动完成设计》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302342O2013.htm
图4 中这里说明普通的匹配列表如何做优化和领导。匹配列表也可以提供一些使用说明和额定的相干信息。
1. 在列表顶用灰色字体供给了使用阐明;
2. 在有些匹配项后提供了类型(computer science, blog)等,这样就更便利地进行精准搜索和信息归类;
3. 提供了网页搜寻功效,在不适合的匹配内容时,给予用户更大的搜索范畴;
4. 给予用户把持,整理:XHTML和CSS常见问题及解决方案,用户可以暗藏不合乎预期的内容。
如图3在一些集成开发环境中,系统会从划定的参数中基于用户的输入提供一些匹配的要害字。在开发中使用这种设计模式,辅助程序员大大地进步效力。从认知上由系统给出提醒减轻了记忆累赘,而操作上程序员只需要选择不需要输入对应代码减少了操作,下降了出错的可能性。在集成开发环境中,系统会依据用户输入的值匹配标签中的任意部门进行提示。特殊是标签的自动封闭,语法提示都是自动完成这一设计模式的体现,很好地晋升了休会后果。
无阻碍设计
1. 当页面进行刷新的时候,屏幕阅读器会反复浏览。所以在更新匹配项的时候页面不能进行刷新。
2. 屏幕阅读器是依照从上到下的次序阅读已载入的页面。因而在页面载入完成后,敲击最多的键和编程语言语法,呈现的匹配项需要告诉屏幕阅读器,并且在页面的这一部分要给一个疾速进口。
图6自动完成与标签组合,很显然只会匹配那些以标签名开头的项。在一些企业内部的SNS应用,自动搜索这一个模式可以与良多Web 2.0的元素组合,提高设计体验。
抉择
在邮箱的自动匹配环境中,按Tab就可以把匹配的联系人输入到文本框中。由于邮箱中的TAB键支持选定跟转变焦点的作用。在一般的即时通讯软件中个别使用按Enter进行选中并直接翻开对话框。如果是企业级的即时通信软件提议支撑Tab进行多人选择。
--> [
网站建设之]文本框的输入自动完成设计
Jabob Nielsen提出的10个可用性准则中有一个原则-预防出错(Error Prevention)。官网中有对这一原则的详细说明,这里不再复述。笔者以为还有一个防止出错的方式就是让用户取舍而不是输入。在这里用户不须要思考如何输入,输入是否准确,这里以常见的“主动实现”来谈一下这个设计模式在当下的利用。
同时支持键盘操作,上、下方向键可以用来选择匹配的项。
图6 Lotus Connections
好,当初咱们来思考下这简略的交互中,有哪些需要在交互设计中需要留神的处所。笔者从输入、匹配、挑选这三个方面进行剖析。
图1 Sametime 7.5.1
图5 IBM Fringe
典型应用:邮箱,即时通讯软件
自动完成这个设计模式除了在简单的文本输入框中有应用还可以使用在其他环境中。图5解释了应用自动完成去指定对应的属性。一旦从列表当选择了属性,数据分析之转化率的四个模块六个层次(附案例 ),绝对应的值也同时会被设定。这里将属性与值配对在大型软件开发的协同工作中有特别的意思,保障了输出品质的同一和标准。设计和开发只需要去调用就可以,大大减少了沟通本钱。
图2 Lotus Note v8.0
自动完成是一种属于反映性界面的强盛模式。典范的模式是跟着用户在文本框的输入,显示一个包括匹配项的下拉列表。幻想情形下,应当自动选择最佳的匹配项,教育培训类网站关键词数据分析。此时,用户只要要接收匹配项或者从列表选择其余项。
什么时候不必
1. 一些波及到保险的运用最好不要应用“自动完成”,例如在输入用户名、密码或者其他敏感信息的时候;
2,教你快速成长为一名厉害的网页设计师. 当存在大批的匹配的内容,但没有公道的根据去归类;
3. 体系不能基于用户的输入即时更新匹配的内容;
4. 自动选择不能用于有固定匹配项的场景,例如最好使用下拉列表而不是自动完成让用户选择洲名。
图3 Lotus Note v8.0 IBM Rational Application Developer
Tag:文本框 文本框
图4 IBM w3 portal
匹配
如图2对IBM的Note而言,用户输入的字符可以与联系人的名字或者电子邮件地址的任意局部匹配,凸起显示匹配的接洽人,同时也以粗体显示已输入的字符。这样能够明白地告诉用户选中的联系人以及所匹配的字符,进行拼写检讨,避免犯错。
输入
用户输入时,需要等候多少时光反馈?对自动完成而言,用户每输入一个字符就需要反馈。不外,假如用户输入速度很快,在输入多少个字符给出反馈倡议也是可以的,同时这里也需要斟酌到机能问题。
(责任编辑:网站建设)
文本框的输入自动完成设计相关文章