设计模式-自动完成(2)

作者:Hong 来源:腾讯CDC 时间:2010-11-30 21:44:00 

自动完成这个设计模式除了在简单的文本输入框中有应用还可以使用在其他环境中。图5说明了利用自动完成去指定对应的属性。一旦从列表中选择了属性,相对应的值也同时会被设定。这里将属性与值配对在大型软件开发的协同工作中有特别的意义,保证了输出质量的统一和规范。设计和开发只需要去调用就可以,大大减少了沟通成本。

图5 IBM Fringe

图6自动完成与标签组合,很显然只会匹配那些以标签名开头的项。在一些企业内部的SNS应用,自动搜索这一个模式可以与很多Web 2.0的元素组合,提高设计体验。

图6 Lotus Connections

 
选择
  在邮箱的自动匹配环境中,按Tab就可以把匹配的联系人输入到文本框中。因为邮箱中的TAB键支持选定和改变焦点的作用。在普通的即时通讯软件中一般使用按Enter进行选中并直接打开对话框。如果是企业级的即时通讯软件建议支持Tab进行多人选择。

 
什么时候不用
1. 一些涉及到安全的应用最好不要使用“自动完成”,例如在输入用户名、密码或者其他敏感信息的时候;
2. 当存在大量的匹配的内容,但没有合理的依据去归类;
3. 系统不能基于用户的输入即时更新匹配的内容;
4. 自动选择不能用于有固定匹配项的场景,例如最好使用下拉列表而不是自动完成让用户选择洲名。


无障碍设计
1. 当页面进行刷新的时候,屏幕阅读器会重复阅读。所以在更新匹配项的时候页面不能进行刷新。
2. 屏幕阅读器是按照从上到下的顺序阅读已载入的页面。因此在页面载入完成后,出现的匹配项需要通知屏幕阅读器,并且在页面的这一部分要给一个快速入口。


参考文献
1. http://www.useit.com/papers/heuristic/heuristic_list.html
2. Bill Scott , Tberesa Neil 李松峰译.Web界面设计[M].北京:电子工业出版社,2009:253-254.
3. Robert Hoekman, Jr 向怡宁译.瞬间之美[M].人民邮电出版社,2009:72.

标签:可用性,自动完成,用户体验
0
投稿

猜你喜欢

  • Python数学形态学实例分析

    2022-11-22 22:32:50
  • python3 enum模块的应用实例详解

    2023-12-12 05:21:46
  • 简单理解Python中的装饰器

    2021-06-18 01:44:21
  • Spring Cloud Feign高级应用实例详解

    2021-04-23 07:12:36
  • Python数据传输黏包问题

    2023-04-21 13:05:22
  • Django模型中字段属性choice使用说明

    2022-06-23 16:28:20
  • python绘制带有色块的折线图

    2022-08-11 07:01:58
  • javascript 获取硬盘信息代码

    2007-12-08 21:27:00
  • jquery ui bootstrap 实现自定义风格

    2024-05-09 09:05:24
  • vue使用微信JS-SDK实现分享功能

    2023-07-02 16:59:46
  • linux下python使用sendmail发送邮件

    2023-02-27 00:14:33
  • SQL Report Builder 报表里面的常见问题分析

    2024-01-23 19:10:47
  • 创意方法杂谈

    2009-05-13 12:53:00
  • MySQL时间字段究竟使用INT还是DateTime

    2010-03-09 14:46:00
  • Python双版本计算器详解

    2021-03-27 13:22:24
  • PyQt5+pycharm开发环境搭建的实现步骤(图文)

    2021-05-19 17:27:40
  • Python 实现图像合成微缩效果

    2023-08-19 22:15:16
  • pyenv与virtualenv安装实现python多版本多项目管理

    2022-12-19 23:50:04
  • 在keras中实现查看其训练loss值

    2021-03-05 05:29:44
  • VS2015安装之后加装Sql server2014详细步骤

    2024-01-18 04:39:56
  • asp之家 网络编程 m.aspxhome.com