恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
复杂应用的表单设计
0.0°
2017-06-27 自译外文 经验/观点 原作者: Andrew Coyle 举报 4247 7 8 0

数据输入的13种形式和未来

Image title

从复杂的ERP系统到Facebook,应用程序使输入有意义。表单 - 在其许多表现中 - 为用户提交提供了一个入口。本文介绍了13种不同的方式来呈现表单,并探讨了数据输入的未来。


模态

Image title

对于具有低复杂性和有限输入的表单,简单的模态表现很好。模态通常易于实现,并具有直观的用户体验。但是,复杂的交互需要额外的模态,或者弹出可能会导致用户错误。此外,模态会阻止用户与应用的其他部分进行交互。长表单考虑使用单独页面时,可以上下文条目进行内联编辑。


多模态

Image title

多模态(可能有更好的名称)将自身呈现为可拖动窗格,允许用户一次与许多表单进行交互。用户可以拖动页面周围的模态,让他们查看下面的信息。多模态允许高级用户同时处理大量信息,而不是提取多个视图,浏览器选项卡等。对于新手用户来说,这样可能会遇到问题,因为它们可能会迷失、提交错误的操作。


滑出

Image title

通过在主视图的一部分上滑动,或者推动内容以适应形式,呈现自己的形式。像模态一样,这个演示文稿是上下文的,允许用户从主视图引用信息。滑出通常允许较长的表单,因为它占用了窗口的高度。


弹出

Image title

弹出表格非常适合快速编辑和输入。弹出是在相关数据的背景下呈现的,所以用户不会在应用程序中迷失它们的位置。


内联

Image title

内联表单允许用户直接在数据呈现的地方进行简单的输入和编辑,而不会被重定向到另一个视图。内联表单可以具有编辑和读取模式,或者可编辑输入和自动保存,以供用户与各个字段交互。


可编辑表

Image title

像内联表格一样,可编辑的表格允许用户直接在数据显示的地方操作数据。对于表格数据的输入,如在电子表格或发票行项目的情况下是非常好的。


接管

Image title

接管模式使用户能够与复杂的表单交互,同时能够快速返回到之前的视图。接管对于输入不需要后续视图的系统级数据是非常好的。


向导

Image title

向导允许用户逐步顺序填写信息。向导对于复杂的表单是非常好的,用户在完成后不会参与。当用户需要经历一个陌生的过程时,应该使用向导。对于高频使用的表单,向导通常是一个较差用户体验。


分段表单

Image title

分段表单对于复杂信息的输入是很好的。用户可以浏览表单的完整上下文,而不是像向导一样的多页表单。用户可以自由地填写整个表单中的信息,而不是逐行地,提供更多的灵活性。


拖放

Image title

虽然不是典型的形式,拖放编辑器允许用户从预定义的输入中选择并将其拖动到所见即所得演示文稿中。通过模仿物理世界,主交互为输入增添了一种乐趣。


WYSIWYG

Image title

你所看到的是你的编辑器被用于文本编辑器,如Microsoft Word,电子邮件创建者,如MailChimp,网站发行商,如SquareSpace等。WYSIWYG编辑器允许用户创建丰富的内容,而不了解HTML,CSS和JS。


填写空白

Image title

由于我在一篇关于美观可用性的文章中所写的原因,有时可用性和最佳实践在美学和有趣的交互中被忽略,而不会产生糟糕的用户体验。填写在句子或段落中输入的空白表单,允许用户使用其数据来完成语句。


对话用户界面和未来

Image title

对话式用户界面通常由一个响应自由语态或文本输入的“机器人”组成。机器人会回答或提供进一步的表单控件来处理请求。机器学习已被用于更好地解释输入和定制响应。


对话用户界面有很多炒作。许多设计师认为CUI是Web表单的未来。WeChat的成功为繁荣提供了可信度。然而,正如Yunnuo Cheng和Jakob Nielsen指出的那样,WeChat集成服务产品的优势来自于其熟悉而方便的图形用户界面,而不是其会话式用户界面。

CUI遇到许多可用性问题,包括:缺乏可发现性,以及任意的完成路径。CUI的同质性并不是表单设计的未来,而是许多聊天应用程序的未来,这些应用程序围绕这种收集输入方式发现了一个机会。

我期待着将CUI与丰富的图形界面融为一体的设计。迷你嵌入式应用程序可以基于用户输入来呈现,这可以产生更大的应用程序,可能独立于聊天框。或者当用户在应用程序中迷失时,也可能使用CUI。扩展阅读,TomažŠtolfa有一篇关于CUI未来的伟大文章。

随着数据录入变得标准化,OCR功能增加,软件自动化手动处理,许多形式将会变得过时。但是,将始终需要一个用户界面。我希望这些不同的表单可以帮助您构建更好的应用程序。让我知道我错过了什么

更新:2017-06-27

收藏

7人已收藏

  • 5

    作品

  • 12

    粉丝

  • 2

    关注

  • 设计高效的表单:结构,输入,标签和操作
  • 如何设计好表单
  • 如何设计好表格
  • B端金融交易类App
相关标签

    猜你喜欢

      2017-06-27 自译外文 经验/观点 原作者: Andrew Coyle 举报 4247 7 8 0

      复杂应用的表单设计

      0.0°

      你确定要举报复杂应用的表单设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年06月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录