问题概述

用户向应用系统输入数据。

示例

用途

  • 用于为输入项添加说明时,却发现并不需要解释要输入什么内容的情况;
  • 用于当为输入项添加冗长而复杂的标签后,反而造成用户难以理解的情况;
  • 用于可以将输入项夹在一段文本中间,通过文本上下文来诠释输入项意义的情况;
  • 用于必须填写输入项或者强烈建议填写输入项的情况。一段文本中有部分内容不全会困扰用户,让他们不由自主的要将内容补充完整[1];
  • 当一段文本中只有相对较少输入项时使用本模式。如果输入项很多,将它们都放到同一段文本中在用户看来很讨人嫌,因为用户需要通读文本内容,并要根据文本的上下文语境猜测这些输入项的意义[2];
  • 如果很多输入项不要求用户填写,则不要使用本模式。

解决方案

将输入项做成一段包含空白的文本的形式,然后要求用户填写文本中的空白内容。写一段文本,将其中的几处词语用空的输入项代替,然后让用户通过选择或者直接输入的方式将填空。

当输入项不在文本两边的位置时,要重视程序界面中文本整体的可读性和易理解性,输入项的高度不能高于同一行的其它文字,此时适合使用文本输入框和下拉列表控件作为输入项。

本模式常见于根据条件过滤大规模数据的应用程序中。例如在苹果的iTunes程序中应用本模式构造创建智能播放列表的条件(见原文网页底部示例)。

本模式最大的缺点是在不同国家语言之间的转换能力不足。由于不同国家的语言的语法不同,需要根据具体语言的语法确定文本内容中的输入项位置,此时使用本模式就会妨碍程序界面快速切换到另外一种国家的语言。

说明

我们都知道怎么写完整的句子。在网页中,通过将输入项放到一个句子中让用户输入内容,输入项的意义不言自明,这样既减少了用户的误解,又能够让用户根据输入项的上下文知道输入项的意义[3]。

有时候很难为输入项找到那种不会让用户见到就对系统敬而远之的说明性文字。

以本网页底部的Ruby On Rails写的wiki为例[4],提交按钮(保存)、作者名称输入项和一个返回历史记录的超链接同时出

现在一段文本中,虽然可以轻易将这三项内容分行显示,然后用单独的说明文字来描述每一项内容的意义,但将这三项放到同

一段文本中,看到这段文本就能明了每个输入项的意义。

此外,上述例子还使用了Input Prompt Pattern辅助用户填写字段内容。

“完形填空”模式使用户界面中输入项的意义不言自明,人类本身具有的语言能力会促使我们将一段文本中不完整的地方补

充完整。

原文地址:http://ui-patterns.com/patterns/FillInTheBlanks

PS:本来想叫填空,后来看这个跟上学考英语时的完型填空类似,干脆就起叫完形填空了。

[1]原文:Use when filling out the input field is mandatory or strongly appreciated. Leaving parts of a sentence unfilled creates annoyance in the user.

[2]原文:as the sentence structure forces the user to read all sentences and place all input fields in the context of those sentences.

[3]原文: possible misundestandings are minimized, and the context is understood more clearly.

[4]指的是原文网页的底部,可能是让读者写评论的区域,不过翻译的时候已经关闭评论了

(翻译)完型填空(Fill in the Blanks)相关推荐

  1. 管理类联考——逻辑——真题篇——第四章 完型填空

    第四章 完型填空 第一节 真题 2020-完型填空- Section I Use of English Directions: Read the following text. Choose the ...

  2. 管理类联考——英语——趣味篇——完型填空

    完型填空解题秘籍 一.答案分配规律 历年完型答案统计 A B C D 2010 DCBAA/BDCBA/CDDAC/BDCAB 5 5 5 5 2011 ACBDD/BACCB/DBACA/ADAC ...

  3. 英语思维导图大全 完型填空(二十)

    完型填空 一.新鲜一感 二. 完型填空全部内容 一.新鲜一感 能让我一路狂奔的,除了大雨就是你 二. 完型填空全部内容 如果订阅后,就可以在最后一篇文章中,找到这个百度网盘链接地址,获取英语思维导图大 ...

  4. 一、考研英语阅读能力高效能提升原则案例剖析-考研英语一2019年完型填空-如何走出迷失的森林(待续)

    2019年考研英语一完形填空,本文来自Popular Science网站的一篇题为How to find your way out of the woods without tools-- or yo ...

  5. 【读点论文】Masked Autoencoders Are Scalable Vision Learners 完型填空应用到视觉处理上

    Masked Autoencoders Are Scalable Vision Learners 本文表明,掩蔽自动编码器(MAE)是计算机视觉的可扩展自监督学习器. 本文的MAE方法很简单:通过屏蔽 ...

  6. 2014年考研英语一完型填空知识点

    单词 单词 释意 commit v犯罪 sufficiently adv足够 gainful adj有收益的 socioeconomic adj社会经济的 discontent n/v不满意 hous ...

  7. Java程序完形填空题_moodle中的完形填空题的文本编写方法

    moodle中的完形填空题的文本编写方法 [完形填空题]考题把一段文字挖去一些空,让考生根据上下文正确地完成这些填空.完型填空题中的一段短文可以包括各种题目,如选择,填空,和数字题等. 题目的编辑是在 ...

  8. 英语四级完形填空解题方法

    1. 完型填空题测试点 完型填空题测试点主要在语法.词法.理解.综合.背景知识几方面.具体讲: 语法题包括词序.结构词(连词.介词的搭配).动词词形(时态.语态.语气.动名词.不定式.分词).不定代词 ...

  9. 完形填空(动态规划)

    链接:https://ac.nowcoder.com/acm/contest/52244/E 来源:牛客网 题目描述 lbromine 对于完形填空简直一窍不通,但是这是英语考试的必考项目.幸好 lb ...

最新文章

  1. 如何在 Linux 上用 Markdown 编写电影剧本
  2. 如何为网站项目添加子项目
  3. Android项目出现main.xml编译出错和 出现main.out.xml无法编译的解决办法
  4. (10)调用门提权(无参数)
  5. 掌门教育微服务体系 Solar | 阿里巴巴 Nacos 企业级落地上篇
  6. C# 数据类型映射 (SQLite,MySQL,MSSQL,Oracle)
  7. 飞桨模型保存_飞桨实战笔记:自编写模型如何在服务器和移动端部署
  8. weblogic-开发模式转变为生产模式生产模式转变为开发模式
  9. 如何修改php的网页文件,php如何修改php文件内容
  10. qq发压缩文件服务器拒绝,QQ不能接收和发送RAR压缩文件是怎么回事?急求解决方法!...
  11. 利用html创建pdf文件
  12. 千层浪软件下载_千层浪app聚合
  13. SHP格式数据点线面无边界坐标生成经纬度边界点集合数据
  14. excel公式里用html,excel中value是什么函数?
  15. 社群裂变工具有哪些?裂变活动成功的4个关键点!
  16. 中软酒店管理系统CSHIS操作手册_数据结构_数据字典
  17. sip gw功能包括_米尔MYD-C335X-GW开发板,为工业网关量身打造
  18. 鸿蒙系统适配的电视,搭载鸿蒙系统的荣耀智慧屏电视适配app太少?网友:感觉上当了...
  19. 手机计算机藏应用,手机“计算器”隐藏功能,一键把隐私照片加密
  20. ug许可证安装的java卸载不了_UG软件和NX许可证在系统控制面板里卸载不掉怎么办?可以直接删除注册表吗?...

热门文章

  1. stranded 和 non-stranded RNA-seq
  2. js ... es6中三个点是什么意思 真名叫扩展运算符
  3. 实现JS标签切换效果【CSS图片切换】
  4. 【深度好文】香港富豪卧底贫民窟:“你没出息,是因为不努力”害了多少程序员
  5. SYN480R模块解码EV1527教程
  6. Wikipedia iOS客户端源码
  7. 如何在坐地铁的时候与别人拉开差距?
  8. Facebook再现丑闻,约100位应用程序开发人员偷看用户数据
  9. 统统卸载!再见,流氓顽固软件!
  10. android sqlite 存储对象,SQLite存储对象