首页 > 产品 > 关键词 > 表单设计最新资讯 > 正文

关于表单每个设计师都必须知道的10件事

2012-04-12 15:45 · 稿源:zhangxinxu.com

有很多设计糟糕的表单,不管你是否喜欢他们,表单都是必不可少的。Joe Leech(cxpartners负责用户体验的)将介绍其在表单设计上的一些经验。

估计没有什么比表单更让设计师出气了。表单不一定可以让(设计师)表现创意,还是可以?我们可能需要从做基本的层面,重新审视表单,理解表单——表单是用户和软件之间的对话。

忘掉切换啊,点击什么的,表单是我们数字设计师(我想应该是依赖计算机进行设计的设计人员)将面临的最富有的交互。下一次,你要对付一个表单的时候,不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。

我已经做过上百个表单用户测试,为保险公司、假期预订交互设计过一些非常复杂的表单,以及其他很多。可能你最近使用的某个表单就是我设计的。

下面这些经验教训,我希望在我开始设计表单事前先学会之。

1. 不要标记必填字段

你知道小星号(*)就表示必填字段?我已经见过很多次因为这个用户测试失败。作为概念来讲,必填字段没有多大意义,等同离线(这个概念)。对于开发者,这个是很好的,他们提供了一个很好的黑白方式去完成。星号以及必填字段(导致表单完成)失败是因为他是个需要学习的行为。在用户测试中我看到的典型行为是用户在(表单)上面填写表单,结束于某个东西阻止他们时候或者他们碰了某个按钮。

解决方法很简单,可选字段标记,优质用户需要驻足思考是否要填写的字段处标记。

译者注:从原文评论来看,这一段是争议很大的一个地方:是必填字段标记呢还是非必填字段标记?

本文作者语法以及用词上有些怪怪的,加上缺少必要的示例,所以这段译文(虽然中文)理解起来并不顺溜,我个人觉得作者的结论应该是正确与合理的(毕竟做过大量实际用户使用的测试,比设计师或开发者的冥想要靠谱多),但是,在原因的阐述上显得单薄了点,也可能是因为自己(指译者)这方面了解不深。按照作者的解释,单纯使用(红色的*)星号标注必填字段有一定的学习成本,会让用户有学习负担,反而增加出错几率。

“必填选项的概念类似于离线概念”,我想可能意思指:我们平时访问网页,基本上都是处于在线状态(虽然HTML5有离线访问)(我们没有必要专门在页面上弄个符号(eg. ※)表示当前页面在线),因此,对于网页而言,离线这个概念就意义不大;同样的,表单选项基本上都是需要填写的,特意的使用某个符号标示这个必填的也是多此一举没有多大意义的概念。

我们或许过多地站在开发者以及软件测试人员的角度去看待表单设计了,如上面提到的“开发者的黑白方式”,因为我自己也是开发者,所以对于“星号是必填,没有星号选填”很容易理解,但是,实际用户是这种思维习惯,是这样想的吗?软件测试人员也是作为极端作恶用户(非上面提到的优质用户)去使用表单,一些站在自身角度的认知确实会让我们对表单有经久的错误认识。

至于最后的用户表单完成终止我想可能只指:对于大部分正常使用用户,其表单填写行为终止为被动阻止或主动点击按钮。所谓被动阻止,可能包括即时的错误提交;主动点击按钮可能包括点击按钮提交等。为寻找案例,我去了企鹅微博绑定注册页面,发现,其表单所以选项都没有必填字段的提示,所有的必填提示均出现在表单提交之时(即“用户触碰了某个按钮”“某些事件的阻止”),这些都是我比较赞同的——相对比于有些落后(指注册交互)的携程、点评之类,例如携程注册每项都必填,红色星号显然多余;为空必填即时提醒容易中断用户操作,实际是稍稍落后于趋势可以进一步优化的体验。

下面两张截图以腾讯微博注册页面为例分别演示:阻止用户填写表单的事情,以及“不标记必填字段”。

这里所有字段都是必填的

  • 相关推荐
  • 大家在看
  • 榕树贷款:AI加持优化用户体验 满足用户多样金融需求

    金融科技对金融业的影响愈加广泛,对金融业务全过程都产生了深刻影响,新业务模式对传统业务和服务的影响更加深入。总结来看,金融科技在金融行业的发展中扮演了重要的角色:一是推动开展了新的业务,创新了竞争的赛道;二是提高信息传播效率,逐渐替代传统金融机构的作用;三是促进金融机构改进工作流程。 随着金融科技创新进程不断加快,专家认为,只有产生实际效果、增强消费者获得感的金融科技创新,才是有效的。消费者体验是

  • 消费金融潜力突显 榕树贷款精准匹配优化用户体验

    在我国经济由高速增长转向高质量发展的当前阶段,消费经济日渐成为经济发展最重要的引擎之一,我国实际上正步入消费驱动型经济体。有行业报告曾指出,无论基于政策理论,还是国际经验分析,消费金融在一国经济转型过程中具有重要作用,适度发展消费金融有助于拉动消费增长。 相比于传统金融服务,消费金融的最大特性在于其用户体验的全面优化,从用户申请、审核、资金发放等流程的高效、便捷,到消费金融平台充分发挥自身技术优势

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • 设计没灵感?使用免费的Billfish搭建个人灵感库试试

    设计师是一个“创意”至上的职业,很多设计公司的核心理念就是“无创意,不设计”,折射出的是设计师对创意,对创新的极致追求。然而,有很多设计师苦于自己的创意“贫乏”,在工作中苦苦的挣扎。我们经常在提倡创新,但其实内心最清楚,我们设计的很多作品只是在沿用以前的设计思维,特别是一些产量和产值为中心的设计公司。面对如此的市场环境,个人设计师如何快速的找到灵感,常用的方式便是借鉴于各大平台网站,久而久之很难形

  • 满足轻奢需求 一汽-大众CC设计清新又高档

    买车,舒适度是自己的,设计是给自己同时也是给别人看的,因为,人,都是有社会属性的,当然希望别人觉得你的选择有档次,又有品位,比如大众CC。优点:大众CC的 18 寸轮毂 245 的米其林轮胎,还有前后独立空调,全新触摸按键,真的没谁了。动力也是很不错的,只要敢给油,就有推背感,虽然不像美系车那么猛,但还是有的。油耗也很动人,买了车的第二天就开车去上班了,高速上居然开出了 4 点多的油耗。回头率真的超级高,比奥迪和

  • 我乐家居拯救糟糕睡眠的卧室设计,你不准备看看?

    你的睡眠被偷走了吗?如今,睡眠质量几乎成了一个社会性问题,防噪耳塞、枕边精油、蒸汽眼罩、褪黑素…………五花八门的新奇好物只为给人们一个安稳的睡眠体验。不过,这些方法虽然有效,但却治标不治本,想要拥有优质睡眠,还是得先从自家的卧室设计入手。今天,我乐家居就教你如何轻松get一间“高质量睡眠的卧室”。1、利用好色彩搭配研究证明,不太合适的卧室色彩设计往往会影响人们的睡眠质量;反之,好的卧室色彩设计则会平静

  • 哈弗大狗内饰首次曝光:从未见过的设计

    近日,有网友曝光了一张哈弗全新SUV——哈弗大狗的实车内饰图片。新车将基于哈弗全新平台打造,并由前路虎设计总监、现长城汽车全球设计总监兼副总裁菲尔·西蒙斯操刀设计。图

  • 苹果新iMac曝光:窄边框设计

    尽管从全行业来说已非主流,但苹果一直保留着iMac一体式电脑产品线。据国外爆料人消息,苹果可能会选择在今年6月22日举办的WWDC上推出新款iMac。首先是外形方面,iMac将参考iPad Pro的设计语

  • 全新宝马4系大鼻孔设计惊到网友!罗永浩表示“无语”

    和预想的一样,全新宝马4系发布后,其超大“鼻孔”设计引起了网友的热议,如今连罗永浩也加入了这场讨论。近日,网友@汽车营销分析在微博上曝光了一张全新宝马4系的实车图,不少网友

  • 室内设计师的视频号逆袭之路

    ​我是一个室内设计师,做了 10 年的室内设计,有 6 年都是研究中式设计,在这里面投入大量精力和时间,客户很是认可。

  • 苏州凡伊乐品牌饭豆豆家居:让生活、设计与爱无限延伸

    给有限的生活以无限的张力,让生活、设计与爱无限延伸。有限的事儿是随时可以发生的:幸福的光阴不会无时无刻、蓬勃的生命力不会年复一年、天涯会在快乐的咫尺中缩短、童年的无忧无虑会在成长的烦恼中消失、一个设计作品的存在时空也不会永远......但是有限的瞬间也会产生永恒,从而无限延伸,我们的人生也会因为从有限中传递出来的某种无限让人无比眷恋。伟大的画家梵高就是在有限的生命时光里找到了自己永恒的绘画语言,他认为:“颜色

  • 多位明星的宣传+独特的精心设计 这样的天王表真香

    对于天王表在去年上新的X-MAN系列,相信很多人都不陌生,因为这款表在宣传上采用了特殊的方式,在质量过硬的基础上又采用了专利设计。众多明星为天王表做宣传去年8月5号,不老男神张晓龙现身国货领军品牌天王表举办的X-MAN系列新品发布会,与现场粉丝和腕表时尚爱好者一同领略了天王表X-MAN系列新品的潮流魅力。作为娱乐圈少有的学霸男神,张晓龙总是对他从事的每一个领域都保持着无限的探索热忱,时常破壁踏足更多的领域,身份标?

  • 钉钉经营范围新增广告发布 广告设计

    天眼查数据显示,近日,钉钉(中国)信息技术有限公司的经营范围发生变更,新增广告发布;广告设计、代理;广告制作等。钉钉(中国)信息技术有限公司成立于2018年3月,注册资本20亿元,法定代表人为钉钉CEO陈航,由DingTalk(Singapore)Private Limited全资持股。

  • 2020年移动应用的设计新趋势你知道几点?

    ​最佳的移动应用设计是关于个性化的交流、友好的声音和直观的互动。换句话说,设计的目的就是不需要用户想太多,而是关注情感、动机和需求。你想要创造一种技术先进的产品来打动用户的心吗?那就不要错过这篇文章。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议