1. 首页
  2. 网页设计
  3. 正文

Web表单设计的基本准则

  今天的网站设计得井井有条、移动友好,并为那些使用自适应技术的人所访问,但许多人从未停下来认为,我们在创建表单以收集用户信息时的选择可能会带来问题。

  有什么问题吗?Web表单要求一个名字和一个姓,例如“John”和“Smith”,但不提供全名或首选名称字段给那些名字不符合这个第一+最后一种模式的人,这是非常普遍的趋势。这个名字和姓氏的约定也许能满足大多数美国人对文化和个人的期望,但是把你的听众扩大到那些出生在世界其他地方或在世界其他地方有家庭背景的人,多元文化的敏感性就会发挥作用。我们可以用一点远见和简单的调整来容纳每一个人。

  Screenshot of a contact form on the Starbucks website that has separate fields for First Name and Last Name

  即使是像星巴克这样的大型知名公司也依赖于姓氏约定,即使它不需要进行付款处理。

  我们怎么到这里来的?

  组织试图在收集到的关于访问者的信息上变得聪明,特别是今天的个性化。我们希望能够说“亲爱的约翰”或“向史密斯家族问好”,但这种个性化只有在考虑到用户的个人喜好时才有效。麻烦开始时,一个人可能有或喜欢使用一个名字(麦当娜和碧昂斯是流行文化的例子),并会对输入“第一”和“最后”字段的要求感到沮丧。更常见的是那些有三部份、四部份,甚至五部份名字的人,他们没有办法把这些名字塞进这两个领域。

  模板,现成的模块,和不成文的标准,在其他人的设计的共性基础上,创造了一种不考虑更广泛的倾向,并已将这一问题传播到了整个网络。法律要求也会使问题复杂化,例如支付处理方面的要求,尽管我们的联系人或牵头表格通常没有这些要求。

  这是很容易鼓励的人,谁的名字不符合模式,使它适合无论如何。我经常被告知要把我的“H”如果我坚持将其包含在我的名字中,请在“名”或“姓”字段中。这一建议倾向于与不允许空格或标点符号的验证脚本发生冲突,这些脚本往往导致“亲爱的马克·H”(Dear Mark H.)或“亲爱的H·安宾德先生”(Dear H.Anbinder)等不良体验。

  解决办法是什么?

  唯一真正的解决办法是让人们提供他们的名字。不是任意的名字,而是他们的全名。

  可靠地正确和唯一地识别一个联系人是足够的理由让人们提供他们的全部或首选的名称。在家里或办公室里,也许有一个约翰亚当斯和一个约翰昆西亚当斯,在正确的邮件地址将避免混淆。即使他们在收到时就能弄清楚,捐献者或活动登记人也不必与同名同事区别开来。

  这些例子听起来可能不常见,但我在康奈尔大学有一个系,有两个人叫约翰·帕克。告诉他们,他们不能更明确地表明自己的身份,你也不会走得太远。这些雇员不仅想要一种与众不同的偏好,而且需要一种是为了避免混乱。

  Screenshot of a contact form on the Twitter website that has one form field for Full Name

  Twitter网站上的联系人表单显示了如何使用全名字段。

  简单地添加中间名称字段也不是理想的解决方案,即使它不是必需的字段。它处理我,约翰昆西亚当斯和詹姆斯厄尔琼斯,但不是埃拉玛丽娅拉尼叶利希奥康纳,谁可能知道的歌手洛德。

  对于我的越南朋友Nguyen Ngoc Kim Khoi来说,这种方法也失败了。(没关系,阮是他的姓,不是他的名字,所以自动的“亲爱的Khoi先生”可能显得不敏感。)四部分的名字在越南语和阿拉伯语家庭以及许多其他文化中都很常见。

  名称字段中的字符限制通常会给我们的用户带来困难,这些文化根源以及那些有连字符名称的用户,例如JosephAlbericTwisleton-Wykeham-Fiennes,通常被称为演员JosephFiennes。您的“姓表”字段是否允许25个字符(更不用说特殊字符)?

  这些例子中甚至没有一个涉及到荣誉和后缀的话题,比如小马丁路德金牧师,或者一位新近获得博士学位的人,他们更喜欢使用他们辛苦挣来的博士学位。(你知道弗兰克辛纳特拉对那些离开“博士”的人大喊大叫吗?)在他获得了UNLV和Stevens技术学院的荣誉学位之后?)

  得到我们需要的

  仍然有正当的理由要求提供一些人的名字。能够说出“亲爱的约翰”,或者在名字徽章上显着地显示与会者的名字,这是很好的。HighEdWeb会议通过询问全名提供了一个很好的示例解决方案并要求一个首选的名字作为问候。此外,表单通过示例(“ex”)提供上下文帮助文本。爱丽丝“作为首选的名字和”前。艾丽斯·D·库克(爱丽丝·D·库克全名)明确说明他们想要的是什么,以及为什么。

  Screenshot of the registration for for HighEdWeb that asks for Perferred Name and Full Name

  HighEdWeb注册表格要求提供首选名称和全名,并显示会议徽章上将如何使用这些名称的示例。

  此外,我们的验证脚本应该尽可能允许。例如,警告人们不要在他们的名字中使用反斜杠,如果他们真的会干扰你的底层数据库代码,但是不要拒绝撇号,否则你会拒绝斯嘉丽·奥哈拉和M‘Lynn Eatenton,也不要否认连字符。

  包起来

  好消息是,很少需要在幕后改变才能完成这项工作。无论是将现有的名称数据库字段重新定位为一个值得捕获的首选名称,还是仅仅添加一个允许所需的个性化的额外字段,这些更改通常都是快速而容易的,并使您的用户体验更具包容性。

  如果你有要求名字和姓的表格,而我们很多人都这样做的话,我希望我已经给了你一些很好的理由来做一些改变,并给出一些关于如何去做的好主意。

  2018年结束时,我们回顾一下今年最受欢迎的话题。无论是建立一个仪表板,尝试同理心地图,还是发现一本新的UX书籍,许多UX Booth的读者都用2018年来为他们的曲目添加技能,并提升他们的职业生涯。

  在我们开始2019年之前,先了解一下你错过了什么。

  如何做一个不坏的仪表盘

  仪表板是关于理解的。你的组织怎么样了?你好吗?达到你的目标?有什么需要你注意的吗?

  这不是一份数据报告。没有电子表格,没有复杂的图表,也没有什么能分散人们对事情进展和做任何事情的基本问题的注意力。它也不是商业智能的画布。这并不是要操作数据并将其按摩成多重的、可钻的、可深潜的视觉分析。仪表板的交互性最低,不是一遍又一遍的钻井系统。

  构建更好的需求文档:为什么、谁和方式

  这个故事并不是独一无二的,也不局限于企业软件系统。新的数字产品、服务和IT项目--从内部构建的网站和移动应用程序到购买的内容和资产管理系统--都是失败的。为什么?在各种罪魁祸首中,定义不清的需求往往被认为是一个主要原因。不完整、不准确或错过(不要忘记不存在)需求增加了项目未能满足预算、截止日期、性能和用户期望的可能性。正确地记录需求可以帮助您将项目设置为成功。

  移情映射:进入用户头脑的指南

  移情是以人为中心的设计的关键部分。关于它在用户体验工作中的重要性的讨论层出不穷,但很少有人关注如何帮助他人实现这一目标。作为研究者,当我们亲身体验用户的挣扎,感受到挫折,听到他们的话语时,我们不禁感同身受。但在每个UX‘er背后都是一个团队,一个客户,或者一个公司的CEO。他们不理解用户的需求和需求。帮助他们是我们的工作--但是怎么做呢?试试移情图。

  采访用户指南

  用户访谈只是进行用户研究的一个方面,但通常比任何其他研究方法都能提供更高质量的洞察力。面试提供了大量的定性信息--思想、情感、挫折、轶事等等--关于某项任务或情况,你不一定能从数据集或研究报告中收集到这些信息。

  利用微交互增强用户体验设计

  这可能是陈词滥调,但这是真的--这些小事确实很重要。微交互是日常数字生活中不可或缺的一部分,它们通常不会被注意到,直到它们被证明对网站的转化率产生了巨大的影响。

  你的原型打错了吗?

  我们大多数人认为原型是我们用来迭代最终产品的工具。这意味着我们添加到原型中的任何东西都必须是实用的。我们需要就它达成协议,而且它必须是我们可以在商定的技术栈上建立起来的东西。只是没有意义的原型,一些不实际或永远不会得到批准。

  全堆栈UXers:他们是谁以及如何找到他们

  在用户体验社区中,人们越来越倾向于寻找那些技能超出了典型的UX设计人员的个人。具体来说,企业正在寻找能够将项目从最初设计到前端开发的领导者。

  这些领导者被称为全堆栈UXers。但是,当谈到填补这一需求中的职位时,对于一个完整的UXer应该带来什么样的资格或者如何找到他们,并没有太多的明确。

 

    延伸阅读

  • 小程序名字修改的技巧规则

    我们都知道名字的意义,名称作为陌生人最先的认知,在物质喧嚣的时代,如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象,这至关重要。随着小程序开发越来越多,运营者在给小程序...

  • 小程序商城怎么运营?

    小程序商城在当今电商领域日益受到瞩目,成功运营这样一个平台对于每个经营者而言都至关重要。那么,我们该如何着手呢?一、确立品牌方向首先,我们要清晰地定义自己的品牌在市场中的位置。...

  • 自建商城运营秘籍,吸引顾客有妙招!

    新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出,关键在于精准地定位核心产品。选择具有市场潜力的热销产品,并突出其独特之处,是吸引...

  • 小程序商城推广完全指南

    随着小程序商城的日益兴起,如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样,以下是一些有效的策略:1.公众号与小程序的结合:商家可以将小程序与公众号绑定,...

  • 推广引流方法有哪些,裂变营销什么意思

    推广引流方法有哪些,裂变营销什么意思除了各公域平台,另一个比较重要的引流场景,就是在微信中。一方面做信社交性强,对于身边用友的链接更紧密,微信上也会以群、公众号的形式聚集一群有...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/4332.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();