研究会考题03:我可以用星号标注非必填项么?【讨论结束】May 22nd 杨掌柜

情况是这样:

我设计的表单上有大量的必填选项,只有少量的非必填项。那我可不可以用少量的星号(*)来暗示用户那些非必填项呢?

请对上述问题给出您的答案或建议。

等待您的理性思考,也期盼您的创意突破~

[分析结案]:

这么多的茶茶们都投入了本题的探讨,油茶会自然是铆足了劲,定要把这个问题的剖析个明明白白。首先我们隆重欢迎”请”出英国表单设计专家Caroline Jarrett 来解答是否可以用*号表示选填项这一问题:

Caroline的回答:

这是个起作用,但却很糟糕的主意。It makes sense but it is also a bad idea.

大多数用户使用别的网站已经很长时间了,他们的经验让他们习惯了理解星号(*)号为必填项。The problem is that most users spend most of their time on web sites other than yours, and on forms other than yours. Their experience on other web sites habituates them to the idea that an asterisk means a field is required.

如果你改变这个习俗,用星号(*)去表示选填项,这意味着要求用户重新学习一个新的习俗纯粹只是在你的网站上用。If you then change that convention and try to make an asterisk mean that a field is not required then you are asking your users to learn a new convention purely to interact with your site.

也许有那么一些特例比如说在小规模的内部网经过培训,或许能接受你这么做。但我还是要强烈建议,在通常情况下用星号(*)表示必填项,而不是要求用户在相对较短的使用您网站的过程中来学习一个完全相反的习俗。
I can envisage circumstances where this might be acceptable (for example, a small-population intranet where users are highly trained in that particular site), but my strong recommendation for all standard circumstances is that you should use the asterisk to indicate required fields rather than ask your users to learn the opposite convention for the relatively short time they spend with your site.

接着,油茶会又”请”到了顶级表单设计专家Yahoo首席设计师Luke Wroblewski陈述他的意见,关于如何选择标记项:

Required fields

LukeW的推荐:

如果大多数选项为必填,标注选填项。
“If most fields are required, indicate optional fields.”

如果大多数选项可选填,标注必填项。
“If most fields are optional, indicate required fields.”

最好是用提示性文字去标注必填还是可选填,但用星号也可以标注必填。
Preferably, use instructional text to indicate required or optional fields, but asterisks also work for required fields.

让标注跟标签关联。
“Associate indicators with labels.”

那么理性的分析完了,也让我们创意的思索一下,如何标注能区别出选填和必填吧。在区别中,仍然要突出的是必填。但是突出的又不能太厉害,界面可能变得很不简洁了(dirty)。微妙的把握~

看一下例子吧,其实用底色区别,图案,文字等都可能找到美妙的方案:

Salesforce.com用了红线:

Technorati用了粗体:
Technorati - Bold is required

用底色的例子:

用文字的例子,LukeW那张图里面绿色的文字就是一个。把文字缩小一点,然后紧贴在标签(Label)后面。

如果这篇文章已经启迪了您的思路,开始新的标注(Indication)设计,那意味着用户要学习一种新的习俗(确保这种习俗容易学习),就像Salesforce的红色线那么直觉的告诉用户,但是仍然要记得:

  • 请用文字直接告诉用户什么是必填项的标注(Indication)。

作者:油茶研究会

[评论表现] :

  1. 黄主任讲的那个故事讲述的是突然要求学习完全相反的习俗是如何的毁灭了火星人。
  2. keheleo,kerry都提出了*号必填习俗不可违背,Ami提出了标注选填,yeah,LukeW支持你~
  3. Magic,keery很可惜,似乎不想对这种情况做特殊处理?
  4. 小甲居然批评我吹毛求疵,思想有问题哦,正是细节突显出设计师的实力~不过,小甲提出通过视觉效果的差异来暗示选填,可以继续发展。至于厕所的故事嘛,似乎有点问题,怎么能在女厕门口放男厕标牌,这不是引导犯罪么?批评批评哈~
  5. Azure,x-tasy,xorms,lixueming都建议分组,这的确有利于用户操作顺畅性和提高效率,在某些情况之下,比如要反复的填写一张表单,录入数据,这是非常好的办法。但是如果来自Business的需求是鼓励用户填写选填项,简单的分组恐怕效果不佳。xorms也分析到了不能简单分组的情况。后来说到了要点上,刺激过多,等于没有刺激。所以要标注选填项。
  6. Tigershoo提到了用文字直接告诉选填,很纯朴但是却有力的方法。
  7. alienbin底色对比加*号,非常棒~
  8. 尧的意见是不管标注系统会逐项检查,不填对就不让继续下一项,这哪是引导,这分明是考试嘛!
  9. vipto还是想要分组,让*号出现是相应鼠标热区判断。下一页下一页好像比这个还简单。
  10. 最后nionMM思路相当的开阔,提到了激励用户填写欲望,提到了用图案文字颜色等来标注选填项。非常的不错~

最后要谢谢大家的参与讨论~
【最后更新】:2007-05-26

categoryAsk茶 comments

30 Responses to “研究会考题03:我可以用星号标注非必填项么?【讨论结束】”

  1. 答题时间

    油茶研究会总是有些我感兴趣的问题,借此回答一下,问题1是:
    我设计的表单上有大量的必填选项,只有少量的非必填项。那我可不可以用少量的星号(*)来暗示用户那些非必填项呢?
    答…

  2. 沙发,始终觉得星号是要填写的,尤其是红色的星号,表示注意、重点

  3. 人们习惯根据特殊的提示做特殊的工作
    “必填”是一项特殊工作,因为不填就无法继续
    *是一个具有提示性的符号,符合使用惯例
    这两者结合效果就出来了
    所以,即使必填项只占了一少部分,我也倾向于使用*作为必填项的提示,而不会反过来用

  4. 非必填项相对来说没那么重要吧,这样做484逐次颠倒了呢?

    不如用(选填)附注一下

  5. 既是非必填项,那就没有必要引起注意。

    我以为,加了星号,无论如何会比没有加的要“强调”了一些。

  6. 瓯哥你可真是有趣哦~看你的回复,乐死我了~

    Kerry,必填项占了绝大部分,反而是可选填项成了特殊的工作,这个时候。。

    有100个选项,98个要填写,剩下2个你爱填不填,怎么去简化这个界面呢??把星号换来标注这2个特例,似乎大家都不太认同。。

  7. 这种做法不符合现在的用户习惯,很可能造成用户的理解错误~

  8. 郡主……这个问题有点吹毛求疵啊……
    如果促使交互分为限制和激励的话,填写必填项属于前者,填写非必填项属于后者。

    既然你说要创意性的回答,你肯定不希望听到“不可以”的答案,明知不可为而为之的话我想也许可以:
    1、星号作为突出激励条件的信号……
    2、减弱该条的视觉效果,例如颜色比其他必填项浅……

    PS:以上回答仅仅针对郡主这个问题……

    如果是现实情况,我不会这么干,相反的,个人倾向于就算所有条目都为必填项,我也建议把星号都标上。

  9. 原来学校性别失衡,一层楼男厕5间,女厕只有一间……是否可以把一个男厕标牌放到女厕门口,然后男厕不放标牌……

  10. 同意ami的说法~“*”代表必填已经是一种网络习惯了 何必刻意去改变它

  11. 如dte所说,星号代表必填,是网络习惯。因此完全反其道,用星号代表选填,肯定有问题。

    至于创意性的回答,是从另外一个角度去思考:
    100个选项,98个星号,花了眼。可否再简洁一些?必填和选填标识区别只能是*号么?

    小甲已经提出了视觉效果弱化选填项。。期待大家再发挥发挥~

  12. 其实在网站注册的时候填写一大堆的资料确实是烦人的事情,
    遇到*又不能不填!
    个人觉得根本原因在于如何简化填写的内容,而是从其他角度去吸引用户自觉去填写资料。

  13. to geiso, 跑题了哦。这里没说是注册资料。
    作为设计师,想想自己力所能及的事情,在自己掌控的范围内去优化。

  14. 星号都成习惯用法了.改变起来可能反而引起用户不适应吧.
    必添和选填的项目分成两个部分,比如上面一组是必填写.下面一组选填会不会好些呢?

  15. 强烈同意楼上。

  16. 当页面使用了不同于一般大众习惯的规则时,你会发现让用户再学习的成本非常高。
    有些用户甚至会无视你的提示而直接按照他的习惯去操作。因此此时需要用非常醒目,甚至打断用户正常操作的提示来提醒他们。

    对于这道题,我比较倾向于Azure的方案,即将表单内容分类重组。不过我觉得还可以做得更彻底些:将必填项集中在一个页面,当用户填完后,“下一步”到非必填项页面。这样用户就会明显的发现区别。

    不过对于内容重组这种解决方案,它比较适合简单表单,即表单内容与内容相对独立。如果是一个复杂表单,在主表单内还包含若干子表单,且子表单的数量不定(例如简历中的工作经验、受教育历史等),表单内容是否必填受一定的逻辑关系影响,那么页面内容重组的方法我觉得就不太合适了。

    这时候只能通过吸引用户注意力的方法了。

    从一个填写表单的过程来看,可以分解为三步:阅读,输入,提交。

    标星号和视觉弱化都是在阅读过程中试图引起用户的注意。那么其实也可以在输入的时候这么做,比如当焦点移动到一个新的填写项的时候,在它旁边出现一个关于它的说明(可以用不同颜色区别)。这样当用户填写时,注意力自然会被突然出现的新内容吸引,从而引起他注意。在提交时吸引注意的方法,一般都只是对必填项而言,对本例来说,我还没想到什么好方法,所以就不说了。

    以上一点儿个人看法,见笑了

  17. 我认为不合适,打标记通常表示要注意的,重要的内容;必填和选填食优先级1和2的关系,在这里用*表示非必填项可能达不到传达此信息的目的,用文字( 选填) 的话更直观,清楚,且多不了几个字节。或将内容按选填和必填分开显示。

  18. 第一页必填项,下一页选填项

  19. 当然不可以。这是因为星号是一种提示性强调性的符号。用在非必填选项上结果只会让多数填空者迷惑。放弃填空的几率会增加。

  20. 恩 用户的经验很重要 打破用户的经验习惯 不是明智的做法
    对于填表这类事,可以这样,必填项不填的话无法进行下一项的填写
    不填选填的则可以 继续进行下部操作
    这就相当于给用户了 一个严格的操作规则或者叫使用引导

  21. 汗,被刷新了~~白写~

    不可以用星号代表选填,这个是挑战用户习惯……

    分组的办法,我也觉得不合适,既然是大表单,一般都已经按照信息类型分了组,再分就不合适了。

    我的解决办法:必填除了星号,还用底色再次强调,让用户比较容易区分出那些没有底色的是选填就可以了。

    底色加星号能提醒用户表单中哪些是必填,不能漏了哦
    用户如果麻木了,没有注意哪些是选填,我们也不介意用户全部填好

  22. 来晚了。。。
    赞同Azure的想法,结合xorms的启发,我想说说偶的看法:
    hotmail以前注册的时候,会将注册信息分成组,当用户输入某一项时,整个组都会变成热区(有底色区分),鉴于此,可否灵活运用分类的概念。当光标位于某个组时,整个小组的必填项都有*号标记,而其它组的选项都不会有*项标记,如果担心用户会忽略以致跳过,可以在组的标题后面加一*号(其实这种担心也没必要,因为用户已经通过前面的行为获取了相关的经验)。
    这样不知是否妥当(其实也就是在xorms的基础上加了组的概念,因为在软件的表单上,大部分的信息是会归类的)…

  23. 重新又读了一遍题目,觉得提问者想要达到的目的是:1、减少满表单的星号;2、让用户知道哪些是必填,哪些是非必填。

    首先,大家的共识就是:绝对不能反过来将非必填项标星号。

    我觉得,在大部分都是必填项的表单上,可以不用标记星号。星号作为不同于表单内容的特殊标记,使用户容易将注意力集中在标记星号的内容上。如果整个表单绝大部分都是必填项,那么在必填项上标记星号就没有任何意义了(刺激过多就和没有刺激没什么区别了)。

    这样就带出了第二个问题:在没有必填项标记的情况下如何区别必填项和非必填项。这也就是大家正在讨论研究的。

  24. 几天没来 都改版了哇 恭喜恭喜 请客请客~~~
    这几天开始做份新工作 累得晕乎乎的 来这里比较轻松 人气还是很高 呵呵
    没脑袋来做分析 以一个用户的角度说一下瞬间的想法
    大量必填表单的情况 不该拿到普通的考虑范围 填这类表单的用户应该已经有了足够的觉悟 看东西也会看得仔细一点 所以星号的作用表示清楚的话应该不会产生大的麻烦 只是习惯啊习惯 就是觉得不爽 费力不讨好
    填这样的表单 我会怎么想呢 100个选项 填到49了 看到了个非必填标记 哦也 下面这一个不用填 填到80了 又看到了个标记 啊 太棒了 原来已经填了这么多
    我的意见是 如果直接用普通星号 可以考虑 这个跟用户的认真程度和表单的设计有关 如果有100个必填 星号标记的非必填会比较能带来成就感 可能还会反作用刺激完整填写的欲望 但是这样的话难点就转到了问卷设计上面 这样的投入并不划算 除非当作试验
    如果能用变形的星号 或者其他的图案 颜色 数字 可爱的logo 很多都可以 来代替 不光是用来标识在文字之前 文字本身也可以做调整 不仅会更美观 也不至于产生麻烦 但是这样的设计就涉及到整体风格的改变了
    说完了 睡觉去
    nion到此一游 提交啦~ 啊 ctr c先
    另外 首页的留言系统被删了 哭~~~

  25. nion太可爱啦,还把发评论的体验,diary report出来。。首页的留言系统不是删了,是出了点问题暂时关掉,等解决了问题后就会激活~

  26. 觉得用 那个 红色的竖条解决方案不错

  27. Azure和lixueming说的,必填和非必填分开,但如果我的表单内容有先后顺序,信息有关联(尤其是信息过多的时候),还能把必填和非必填分开吗?我想分开不是一个好办法,建议用其他方式区分,可以把表单信息分组阿(如TAB页的形式)毕竟信息很多,这样就可避免一个页面看到的全是*,至于用什么方式标注必填和非必填,我认为只要一个系统统一就可以了,不必要非要*标注,毕竟一个表单这么多的必填信息,用户更加关注的是信息本身。

  28. *几乎没有作用,2005年5月,UU(优势可用性网)曾组织过一个实验,验证了这个观点,试验数据表明*对用户完成表单填写任务几乎没有影响.当时还写过一篇论文发表在CHIC2005上.由于版权问题,不便公开.

    我个人的建议是尽量减少表单的数量(当然和这个文章标题无关,也与商业目的矛盾),另外随ajax技术发展与普及,大量实时验证的交互方式能够很好改善表单的交互.

    关于数量与可用性指标的关系,之前的实验表明在20条以内的表单填写效率和出错率是成线性关系的.更多的表单项效果会如何,目前还没有更多的实验数据说明.

  29. 这道题好像成了 taobao 的招聘题,Ryana 记得向他们要出题费~
    :P

  30. Really?恩, 看来俺渺小的想法,开始扩散了,要进好公司,那就非得读油茶哈~

    出题费就算了,欢迎各大公司选择本会的考题产品,无限供应. :P