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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
3个表单设计的最佳技巧
0.0°
2017-12-24 自译外文 经验/观点 原作者: Ken Lee-Sanekata 举报 821 2 2 0

表单的存在应该是帮助用户更好的理解信息,让用户与产品拥有适当的对话感,而不是强迫感。

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具

 

本文简述了设计师、商人甚至每个人对表单设计的一点想法。

  Image title

表单是我们日常生活的一部分,但说实话,填写表单的体验并不友好。无论是确认购买飞机票还是提交订单,我们都希望表单可以设计得更完善一点。

尽管我们在不断的引进新兴技术、机器人、生物识别技术,以及更多的交互设计,但是表单的基本框架和存在的目的却与曾经的纸质内容大同小异。

实际上,表单需要与用户对话并引导他们完成填写。

表单的存在应该是帮助用户更好的理解信息,让用户与产品拥有适当的对话感,而不是强迫感。

同时也应让用户体会到引导感,当他们在填写过程中犯错时,好的表单将引导他们快速修正错误信息,而且对于设计中考虑不周的地方,他们也愿意主动提供反馈意见。

希望以下的3条建议对您的工作或网站建设有所裨益:

1、尽可能的减少用户操作

 Image title

在上个例子中,我们可以看到Airbnb允许用户使用电子邮件注册,但这只适用于小部分人。注册过程中确实有很多资讯是必要的,但我们应该尽可能的减少用户操作。在设计过程中,为了合理组织表单信息,我一般会思考以下几个问题:

标签能否重新修改为含必要信息的字段?——有一个“全名”字段,而不是将其分为“姓氏”和“名字”。

客户是否能在其他场景中回想起我们的表单?(不是上述这类表单)

是否可以通过相关负责人的协商从而减少标签?(这很难,因为需要数据论证)

除非我们有幸能够通过社交媒体账号登录或将Google 账号登录连接到我们的表单中,否则我们需要考虑这种“精要”方法。安东尼·德·圣艾修伯里一句很有名的话:

 “完美的状态,不是不再需要增加什么,而是无可删减。”

 2、思考为什么你需要使用一个特定的表单设计风格

多种形式的交互设计已经开始流行,但设计过程中的运用应该有明确的用意。

Image title


动态单表格字段设计

Image title


自然语言类设计

这些例子中包含的微交互是非常有趣的,带给用户的一个微笑,也能提高你的转换率。你可以在表单中呈现很多条目,而线上也有很多文本输入的相关设计例子,这是资源库。

但是你要清楚你的受众群体,以及这些微交互在这些场景下是否合适,当然也可以选择不进行交互,毕竟交互后可能比以前更复杂。

3、关注你的表单流程

这可能是最具挑战性的,却是工作流程中最有价值的实践。设计更好的表单不仅停留在元素和组件上,而且还必须解决表单上具有挑战性(通常是不言而喻的)的问题,以此达成更高目标。

这就好比说“希望我们的客户一来就进行注册”或者“希望用户到达我们的网站就创建一个账户”,但是,在那个时候他们做这些事情有什么意义呢?我们应该思考的是当用户在特定的阶段可能需要的什么。

思考你的表单策略,以及它如何适应你的整体设计,这将真正有益于你所做的工作,你所在的团队/组织,最重要的是你的用户体验感如何。 

我不是表单设计专家,但正在设计领域不断探索和学习。

 

作者:Ken Lee-Sanekata

地址:https://uxplanet.org/3-best-form-design-practices-for-your-design-process-383510b31613

学习工具,但不受限于某种工具。Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。

更新:2017-12-24

收藏

2人已收藏

摹客设计云

设计1+2,摹客就够了!

  • 576

    作品

  • 859

    粉丝

  • 6

    关注

  • 【摹客RP会员日】狂欢来袭!终身版团购低至5折!
  • 摹客RP买一年送一年!这波钜惠只剩最后5天!
  • 摹客RP,个人空间全新上线,享沉浸式设计体验!
  • 产品经理需要了解的前后端技术知识
相关标签

    猜你喜欢

      2017-12-24 自译外文 经验/观点 原作者: Ken Lee-Sanekata 举报 821 2 2 0

      3个表单设计的最佳技巧

      0.0°

      你确定要举报3个表单设计的最佳技巧

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年12月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      2
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录