南昌UI培训
达内南昌中心

0571-56020837

热门课程

9个新人常见的表单设计问题

  • 时间:2016-04-22
  • 发布:南昌UI培训
  • 来源:优设网


    网站的表单是我们与用户沟通的桥梁,网站的购物、订阅等重要功能都需要通过表单来实现,但是新人设计师很容易出现一些表单设计错误,南昌达内ui设计培训专家就来说一下常见的9个表单设计问题。

1. 要求用户填写非必要的资讯

    我们有时会要求用户多填写一些资讯,通常是为了后续拿来统计、分析之用,然而这真的是必要的吗?与其干扰用户完成目前最重要的任务,是否可以减少需填写的资料,让用户专心填完?我们或许会认为,把一些字段改成非必填就搞定了,用户可以不必费心写嘛!用户所理解到的资讯,有时会与我们想像的不同。

2. 送出表单的主要按钮(Call To Action)不够明显

    填完表单之后,除了送出表单、前往下一页的主要路径之外,通常还有像是取消、上一步之类的次要路径;常见的错误之一,便是让次要路径的按钮太过抢眼。次要路径的按钮或连结,只要找得到即可,不需要过分强调颜色;同时要让主要路径按钮的大小、颜色都能让它容易被找到。

3. 没有说明清楚送出表单可以得到什么价值、又会付出什么成本

    有时候用户放弃填写表单,并不是因为我们的产品不符需求,而是用户花了时间,却仍然搞不清楚到底有哪些费用和风险,又会得到什么;应该要说清楚,或是提供一些选项,让用户来决定。把话讲清楚,用户比较愿意放心把资料交给我们,用户也不会因为之后收到了意料外的电子报,再愤而把我们加入垃圾信名单。

    我们可以送出表单,调整 Call To Action 按钮的文案来强调。把最重要、用户最在意的价值直接写出来!

4. 缺乏清楚的导览,告诉用户目前到哪个步骤

    这个表单送出后就是完成订单了吗?就要付钱了吗?不清楚的资讯,会让用户不敢继续下去。可以考虑提供一个流程、进度图,明确告诉用户现在在哪一步,下一步是什么,还有什么要完成,怎么样回到上一步等等。CTA 也可以用比较明确的文字,来告诉用户现在将要完成什么事情;像是要下单前的按钮,最好不要只写“送出”,可以写“送出订单”会更明确一点。

5. 没有适时提供协助

    在过程中,用户仍然会对一些细节有所疑问,像是在买东西时,大约什么时候可以收到?我的信用卡号会不会有风险?提供了 Email,是否会收到我不想看到的广告信?可以考虑提供一些常见问答资讯,让用户可以即时解决疑惑。

6. 过长的下拉式选单

    有些问题我们会使用下拉式选单来处理,像是币别、国籍…等等,然而如果塞了几十甚至上百个选项进去,其实一点都不好点选,简直在考验人们的耐心。或许可以考虑用提供搜寻功能的下拉式选单,当用户输入一些内容时便即时进行筛选,快速又方便。

7. 不明确的错误讯息

    错误讯息要能让用户明确知道哪个字段填错了,应该怎么改善。常见的错误是,并未指出是哪个字段有错,或者只说了这个字段有错,却没讲是格式错误、数值太大太小、还是应该怎么修正。

    错误讯息必须明确,如果期望资料是以 http 开头,就应该直接说明,只写”输入正确的网址”太模糊

8. 清楚提示期望用户填写的格式和内容

    在表单中,应该同时标明这个字段的标题(label),以及使用 placeholder 来提供填写提示。如果只有 placeholder,当用户开始填写内容时,placeholder 的内容消失,用户可能无法发现正在写的内容有错误,或是忙别的事情回来后就忘了这是要填什么。

    字段标题和输入提示都是不可或缺的

9. 没有妥善支持移动设备

    在手机上填写表单一直都是不容易的事,手机上的表单设计也并不容易。必须注意字型和按钮大小、版面配置之外,必须提醒的是,测试时最好实际用手机来填写看看,而不能只用模拟器!因为模拟器虽然可以让我们确认视觉配置上是否正确,但实际用手机填写一遍,才更能感受到实际要花多。







原文链接:http://www.uisdc.com/9-form-design-issues
上一篇:网页制作必备,CSS3的Flexbox布局方法
下一篇:零基础入门,英文字体排版知识

达内Linux学员毕业2周就业率96%,最高薪资10000元

达内教育总裁韩少云受邀出席GIE国际教育峰会做主题演讲

达内教育集团总裁韩少云:回归本质, 打铁还需自身硬

达内教育、北京开放大学联合推出“保就业的学历教育”

选择城市和中心
贵州省

广西省

海南省

台湾