表单设计

作者: 金哲 | 来源:发表于2015-08-19 22:34 被阅读136次

0. 组成五元素:输入框,标签, 动作,帮助信息, 输入反馈 。

1. 输入框:单选框,文本输入框,下拉框,文本区域,复选框,时间控件。输入框的选择要考虑业务需求和用户使用场景,目标是降低用户的操作复杂度。

2. 标签:分为顶部对齐,右对齐,左对齐,居内对齐。

1)顶部对齐:易视觉扫描,易理解。

2)右对齐:易视觉扫描,易理解,节约表单长度,反馈等信息易显示。

3)左对齐:不易视觉扫描,为陌生表单增加安全性。

4)居内对齐:最大限度节约空间,时间成本低,无法处理复杂逻辑。(标签至于输入框内)

3. 动作:体现表单的目的,『提交』,『注册』等。

1)快速:根据业务场景考虑动作的位置。

2)准确:差异区分主要动作和次要动作。

4. 帮助信息:分为静态帮助,动态帮助。

1)静态:简单,可读性不强,易被忽略。

2)动态:可读性强,关注度高,需要触发才出现。

5. 输入反馈:与动态帮助信息的区别是,反馈发生在输入后,动态发生在输入时。分为成功和失败。

1)成功:引导用户进入下一步。

2)失败:告诉用户如何修复及正确的操作方法。

6. 表单需要进行平等的交流。

7. 表单信息的简化:

1)收起or砍掉不重要的。

2)不能砍掉的给用户原因。

3)考虑场景的默认值,常用信息,上次填的值。

相关文章

  • 关于表单设计的思路

    表单设计的典型流程: 数据建模---------------设计表单------------布局---------...

  • 《Web表单设计》读书笔记

    一、表单结构 1、表单的设计 -设计原则 尽量减少痛苦 说明填写完成途径 考虑情境 确保一致沟通 2、表单...

  • bootstrap学习(二)

    一、表单 基础表单 对于基础表单,Bootstrap并未对其做太多定制性效果设计,仅仅对表单内的fieldset/...

  • 表单设计技巧

    通过对无数的表单设计A/B测试,以及一些大公司花费大量经费对表单设计的研究,下面总结出我认为最好的58个表单设计实...

  • 我的工作流设计

    工作流 表单与流程分离,流程选择某个表单进行绑定和设置 表单 设置分组 对表单进行分组,便于查找和设计权限 表单设...

  • 工作流开发推荐使用表单引擎

    所谓的表单引擎 表单引擎,也可以称为表单流程,流程表单和工作流表单,是基于Web界面上可视化编辑的表单设计系统。它...

  • 基于web的自定义表单引擎

    所谓表单引擎 表单引擎,又可称之为表单流程、流程表单、工作流表单,是基于Web界面上可视化编辑的表单设计系统,可设...

  • 第三章 表单 3-1三大表单

    基础表单 水平表单 内联表单 一、基础表单类名“form-control”,实现一些设计上的定制效果。 1、宽度变...

  • 如何设计一个交互好转化率高的表单

    表单在网页设计、app或者软件界面当中被广泛的使用,因而表单设计是个比较重要的工作。一个好的表单,不仅仅是界面设计...

  • 元数据管理—动态表单设计器在crudapi系统中完整实现

    表单设计 在前面文章中,我们通过一系列案例介绍了表单设计的一些基本功能,表单设计起到非常重要作用,也是crudap...

网友评论

    本文标题:表单设计

    本文链接:https://www.haomeiwen.com/subject/pstxxttx.html