今天我就从「认知」和「交互」两个维度,总结下表单中的设计细节,希望对大家有所帮助。一、认知策略 1. 表单排列 表单承载的主要功能是向用户清楚地传达信息,单列表单形式更利于用户浏览动线,帮助用户识别和填写内容。而多列表单形式用户的视觉横向移动范围更大,浏览和填写效率更低。例如QQ邮箱设置页面中,选项都...
一、表单基础 1、 认识表单 网页通过表单收集用户的信息,并可将收集到的信息运送到服务器端进行处理,处理之后服务端再反 馈给用户相应的信息,就完成了用户和网页的交互。 2、 基础表单标签 <form action=…
3) 模态窗口式表单 模态会阻止用户与应用的其他内容进行交互直到关闭,适用于低复杂性和有限输入的表单。 4) 抽屉编辑 通常在主视窗的局部位置滑动出现,占用整个窗口高度,所以允许承载较长的表单内容。 和模态一样,滑出的内容是与上下文存在关系的,允许用户在主视窗中查看参考信息,建议条目表单数>8项时使用。 5) ...
设置表单交互逻辑 整体流程 首先,我们来看一下整个流程的概览。 HarmonyOS Stage模型表单交互实现指南 接下来,我们将逐步讲解每个步骤的具体操作和相应的代码。 创建表单 表单是用户输入数据的容器,我们首先需要创建一个表单。 FormLayoutformLayout=newFormLayout(this);formLayout.setWidth(MATCH_PARENT);formLayout.set...
4、确保提供用户明确办法关闭或者取消模式叠层并返回表单。 4、基于选择的输入 弹性输入允许用户按照希望的方式回答问题,额外输入允许用户补充回答想回答的问题,而基于选择的输入根据对初始问题的回答要求用户继续回答。 用户有两个初始选项:要么选择支持,要么选择不支持。根据用户的回答,会出现一系列要回答的后续问题。出...
新开页面输入-有时候我们一个表单的内容很多,输入和选择混杂在一起,输入的文字也非常多,那我们可以可以考虑在当前页面展示,输入则进到新开页面进行。 2.默认文字 我们在录入表单的时候,通常会有默认提示文字,帮助我们更好的理解需要录入的内容。一旦表单获取点击焦点,提示文字就消失了,用户不再能看见它。所以这样其实...
表单交互主要有两个目标:引导操作和反馈。 交互操作时,表单有3个交互阶段:输入前、输入中、输入后 ↘输入前 引导用户输入内容,如:密码设置场景 输入框在默认状态提示文案引导用户输入相应的内容;或输入框外有提示,仅支持字母、数字、某某符号输入 ↘输入中 ...
关于表单的交互 手机键盘 根据输入内容类型选择不同的键盘,如输入手机号,输入框获取焦点后,数字键盘自动弹出。 联动键盘。简单来说,是将同类型字段整合输入,减少用户点击,使用联动式组件。 正在输入中,键盘可显示提示文字。 自动切换大小写。英文输入中适用。
交互主要指人机交互,说的是人与机器之间的互动,而这个机器又特指计算机;人对机器发出指令,然后机器做出反应,并通过显示器反馈给人。具体到应用软件中,系统一般需要获取用户的数据,有的是需要用户手动输入,有的是需要用户选择输入,最终通过提交动作,将数据传递给计算机,计算机通过处理并反馈给用户。以上便是表...
【Web前端】HTML表单:实现交互 浏览器通过HTML表单和服务器实现交互,表单是一个可供用户输入信息的页面,用户提交表单后,表单包含的信息会发送到一个Web服务器,由服务器脚本负责处理并响应,返回一个HTML页面,最后浏览器显示这个页面。 表单元素 所有表单元素都要包含在元素里 action属性包含...