丝路设计培训学校-专注CG行业人才培养

搜索课程
联系在线客服

当前位置:丝路设计培训>培训教程>UI设计>网页ui>

UI设计培训学习中需要注意的表单设计要点

2017-12-01 11:30 来源: 丝路设计培训 分类: 网页ui
198 作者:丝路培训

[导读] 表单设计是UI设计学习中重要的组成部分之一,无论是注册流程或是登录流程,都得到广泛的应用。下面丝路UI设计培训的老师与大家说一下表单设计需要注意的地方

  表单设计是UI设计学习中重要的组成部分之一,无论是注册流程或是登录流程,都得到广泛的应用。下面丝路UI设计培训老师与大家说一下表单设计需要注意的地方:

  1.表单纵向单列排列

UI设计培训

  由于移动设备的屏幕尺寸限制,主流app的注册表单都是纵向单列排列,横向排列或者纵向多列排布会影响用户的视觉连贯性,也会影响美观。

  2.标签和输入框左对齐且要分组明确

  标签和输入框上下排列且左对齐,符合用户的视觉走向,用户的完成率相对较高,这一方式适用于现在的移动端设备。另外标签和输入框要保持疏密关系,确保每组之间留有足够的高度,避免用户混淆从而增加用户的理解成本。

  3.避免把输入框内的占位符作为标签

  因为有可能当用户开始输入时,会忘记当前输入框要输入的内容,可用性会受到影响。

  4.及时区分首要和次要操作

  当用户输入完信息时,应该及时highlight出主要操作,及时的提醒用户。

  5.标签有英文的情况下避免全部大写

  不要全部使用大写字母,会延缓了用户的阅读速度,所以出于阅读体验的考虑,全部大写要避免。

  6.不要用*表示必填字段,而在选填字段上直接标出

  大部分用户是不明白*表示必填字段的,只有少部分高级用户或者专家用户才明白*的意思,所以最好在选填字段处标明“选填”,这样反而更加的直观。

  7.不要隐藏提示文字

  对于复杂不易理解的标签或者需要注意的地方,要明确显示出提示文字,帮助用户完成信息填写,不要隐藏起来,否则会失去意义。

  8.明确指出信息错误

  经常会遇到一种情况:用户在填写一大列表单后,最后点击提交了,才告知用户填写的信息中有错误,但是却不知道是哪一步错了。更有甚者是提交了信息,弹出toast提示信息错误后,之前填写的信息全部没了,需要用户重新填写,这是最糟糕的体验设计,相信大部分用户都不会有耐心再次填写,这是对商家增长用户的巨大损失,所以最好的设计是在用户填写过程中就能明确指出错误的地方,这才是最合理且最人性化的设计。

  9.关于下拉表单,选项不超过5个

  UI设计中的表单设计原意就是要与客户产生互动,掌握好以上所说的注意点,才能避免用户浪费时间,增强用户对品牌、产品的信任感与依赖。


免责声明:

丝路设计培训学院的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

相关文章 您可能感兴趣

相关课程