表单设计

作者: 金哲 | 来源:发表于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)考虑场景的默认值,常用信息,上次填的值。

    相关文章

      网友评论

        本文标题:表单设计

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