设计高效好用表单的10个技巧

不论是网页设计还是APP UI设计，表单都是界面中最常见、最重要的组件之一。它们的应用范畴非常广，用户注册、订阅服务、用户反馈、问卷表单、买卖交易等等等等，从数据输入到信息搜索，几乎无处不在。对于设计师、前端和开发者而言，应当对于表单的设计尽量多上心，让它们更加易用，细致的设计对于用户的体验、交互的效率有极大的加成。在今天的文章中，你会看到许多关于表单设计的切实可行的建议，

交互体验 2016年08月04日

必考考点！这些表单设计的基本准则你都知道嘛？

编者按：表单可能是日常UI设计中最常见的设计元素了，它广泛的应用范畴、多年来的积淀使得表单设计牵涉到大量的、约定俗成的设计规则。今天我们来聊聊这些最常见的表单设计准则~无论是注册网站还是内容输入，总是回避不了表单这种UI控件。表单几乎是每一个数字产品都无法规避的组成部分，它的作用近乎无可替代。不过，表单这种控件应用范畴极为广泛，应用情况牵涉到方方面面，所以请注意，今天的文章

产品 2016年08月19日

提高移动端表单可用性的 7 个设计原则

用户在填写表格的时候可能会犹豫不决，所以你应该让这个过程变得尽可能容易，这篇文章中的7个设计原则可以显著提高表格的可用性。移动端用户使用移动应用程序或网站都有一个特定的目标。通常情况下，站在用户和他的目标之间都会有一个交互形式 – 表单。实际情况中，表单被认为是用户使用链路中达到目标的最后一步，这就是为什么它是如此重要。所以用户填写表格尽可能快，没有任何疑虑，是表单交互设计

产品经理 2016年09月28日

无线端表单设计需注意的七大原则

无线端用户使用移动应用程序或网站都有一个特定的目标。通常情况下，站在用户和他的目标之间都会有一个交互形式 – 表单。实际情况中，表单被认为是用户使用链路中达到目标的最后一步，这就是为什么它是如此重要。所以，用户填写表格尽可能快没有任何疑虑是表单交互设计的重要考虑要素。无线端表单设计需注意的原则有如下7个：原则1：表单的交互设计应与用户输入数据的行为强兼容确保表单所有字段没有

产品经理 2016年10月08日

优化表单设计以及注意事项

人生苦短，没有人喜欢填写表单。要口语化、有趣，逐渐吸引用户，让人感觉出乎意料。本文会探讨表单设计的注意事项。设计师常犯的错误，以及正确做法无论是注册流程、多屏分步表单，或者是单调的数据列表界面，表单都是数字产品设计中的重要组成部分。本文会探讨表单设计的注意事项。记住这些只是通用规范，每条准则总有例外。表单应该只有一列多列布局会扰乱用户垂直方向的视线移动。顶部标签顶部标签的表

产品经理 2016年11月26日

13 种面向复杂程序的表单设计样式

从复杂的ERP系统到Facebook，应用程序中无不包含表单输入的需求。 表单——在其诸多表现形式之下—— 却统一作为一个用户提交信息的窗口。本文介绍了13种不同的表单呈现方式，并尝试探索数据输入的未来。1、模态窗口式表单 简单的模态窗口适合于复杂性低、输入项有限的表单。这种形式实现起来容易，对用户体验而言也是简单直接。然而，需要额外模态或弹出框的复杂交互都可能会导致用户错

产品 2017年01月05日

如何为复杂应用设计表单

呈现表单的13种方法与数据输入的未来 从复杂的 ERP（Enterprise Resource Planning，企业资源计划）系统到 Facebook，是数据的输入让应用们有了意义。表单在许多时候是用户提交数据的一个必经入口。本文介绍了呈现表单的 13 种不同的方法，并探讨了数据输入的未来。模态对话框（Modal） 简洁的窗口在低复杂度要求和数据有限的情况下很适用。窗口通

产品经理 2017年01月13日

这 7 个秘诀，能帮你做出体验极佳的网页表单

表单是网页设计中最常见的元素，几乎每个网站都会包含一种甚至几种不同类型的表单。从简单的电子邮件搜集和订阅，到注册、下单、购买，表单一直伴随着网页而存在。所以，设计出好看易用的表单是非常有必要的。也正是因为表单一直伴随这网页存在，在过去的20多年间，表单的设计规范和标准也一直在逐步发展。虽然许多网页中的表单涵盖了大量的信息也数量可观的栏目，但是绝大多数的优秀设计和最佳实践都是

产品经理 2017年03月10日

超全面！13 种表单样式的设计方式都在这了

半木zxy：从复杂的ERP系统到Facebook，应用程序已经不仅仅是作为输入的意义而存在。各种各样形式的表单服务于用户提交信息。本文介绍了13种不同的方式来呈现表单，并探讨了数据输入的未来。模态简单的模态适用于低复杂性和有限输入的表单。模态通常易于实现，且用户的体验很直观。但是，复杂的交互需要其他的模态，而弹层（popover）可能会导致用户犯错。此外，模态会阻止用户与应

产品 2017年04月17日

互联网产品设计之易用性

对于一个网站而言，加载时间、导航视图、页面布局，乃至按钮的大小都属于易用性范畴。除了网站设计，易用性同样适用于移动应用和我们身边其他产品和服务的设计。易用性是产品设计的一个重要原则，是产品竞争力的核心，更是现代企业不可忽视的商业准则。产品功能性确保产品/系统可以工作产品的功能性就是要确保该产品能够正常的完成工作。如果一个事物连最基本的功能都无法正常使用，那么无论设计的多么美

产品经理 2017年04月26日