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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何更好的设计表单
0.0°
2017-06-22 自译外文 经验/观点 原作者: Andrew Coyle 举报 1157 3 3 0

如何纠正设计师犯得错误

Image title

它是否是一个注册流程,多角度步进,或单调的数据输入界面,形式是一个数码产品设计的重要组成部分。本文对常见的DOS和注意事项的形式设计。请记住,这些都是一般的指导方针,每个规则都有例外。


表单应该是一列

Image title


使用顶部对其标签

Image title


将标签和表单进行组合

Image title


避免全部都是大写

Image title

六个以下选项显示全部

Image title

不建议用提示文本代替表单标签

Image title


将单选或者多选设计为竖排便于浏览

Image title

让描述更加准确

Image title


指定错误内联

Image title


在用户填写字段之后使用内联验证(除非在过程中它帮助了他们)


Image title显示帮助文字

Image title


区分功能优先级

Image title


使用字段的长度作为一个启示

Image title


抛弃*,表示可选字段。

Image title

相关信息成组

Image title

Why ask?

Omit optional fields and think of other ways to collect data. Always ask yourself if the question can be inferred, postponed, or completely excluded.

Data entry is increasingly automated. For example, mobile and wearable devices collect large amounts of data without the user’s conscious awareness. Think of ways you can leverage social, conversational UI, SMS, email, voice, OCR, location, fingerprint, biometric, etc.

Make it fun

Life is short. No one wants to fill out a form. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, it will increase completion rates. Just make sure you don’t violate the rules listed above.

This article is part of a larger initiative to build a user interface pattern library focused on the crossroads of usability and aesthetics. If this sounds interesting, Subscribe to receive updates.


原文地址:https://uxdesign.cc/design-better-forms-96fadca0f49c




更新:2017-06-22

收藏

3人已收藏

早茶夜铭

每天一个设计小经验,提升工作效率

  • 5

    作品

  • 8

    粉丝

  • 4

    关注

  • 我和sketch的小秘密——怎么样让你的按钮更加多变
  • Sketch—几个个小技巧节省设计师的生命
  • affinity design-如何快速绘制饼状图
  • sketch-老司机带你快速绘制表格

    猜你喜欢

      2017-06-22 自译外文 经验/观点 原作者: Andrew Coyle 举报 1157 3 3 0

      如何更好的设计表单

      0.0°

      你确定要举报如何更好的设计表单

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      3
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录