有一个很简单的表单,是应该在填写内容之前先灰掉按钮,还是应该在用户点击按钮之后再提示必须填写内容?(如下图)

且先放下这个问题,因为电脑罢工了。
于是整整看怎么回事,拆下来的CPU,虽然那么多根针脚看着傻得很,正正方方的貌似极易安装出错,却让我只能按照正确的方法安装它到主板上。
是我聪明,还是它让我感到聪明?
只是工业设计中简单的防呆设计:(如下图)

类似的还有很多,从PC上都可以找到内存,显卡,Sata数据线等等例子,归纳起来,产品防呆设计要素有三:
1.操作只有一个步骤(比如针对cpu的动作只有一个:插入主板);
2.不给错误模式出现的机会(错误模式会引起cpu短路等伤害产品的后果);
3.有明确操作指引(cpu上的金色小三角指引);
回到表单上来,用户满心欢喜地点击按钮,然后才发现错误,干嘛不事先告诉用户什么是对的,什么是错的?告诉之后,又何必要给用户出错的机会?
因此,对于有且只有一项必填内容的表单来讲,也许可以完全参考传统产品的防呆设计:给出浅显明确的操作指引,然后在表单被填写之前把提交按钮灰掉。

CPU只有正确插入主板之后才能点亮,表单只有被正确填写之后才能提交,天经地义。
用户错误操作付出的代价小,这并不能成为互联网产品不做防呆设计的理由。
很多时候不做,也许是因为“给出所有人都觉得浅显明确的操作指引”太难?
那么,有多项填写内容的表单呢?提交之前需要经历一系列复杂的组合操作,想必大部分人在填写不熟悉的表单时,都会经历“提交”—“报错”—“修改”—“再次提交”-“也许会再报错”的过程。
这样的出错无法预知且不可避免?
家住六楼,从底楼按次序爬到六楼,一定没错;儿时考试,挑难捡易地跳着做,最后的结果总是缺了这道漏了那题。看来死板并不是一种过错,关键在于它是否能更早地限制出错,就像考试,改正一道题很容易,也很清醒;连续改一堆题就很痛苦,说不定又会犯糊涂。
借用blueidea的注册表单夸张一把:

当然,让用户在一张页面填这么多东西实在是情非得已,如果复杂的选项只有那么几种正确的组合……回来看看传统的工业产品吧:
洗衣机的工序有洗涤,漂洗,脱水,烘干,在不同的情况下,用户对工序组合的需求是不相同的。但按照排列组合,错误的工序有几十种,正确的组合只有那么几种,而洗衣机恰好只能让你在几种正确的组合中作出选择,且始终有一项被选中。
除去注册之类没有同一性的表单,我们在有一定通用性的设置里面,可以借鉴vista的做法:从用户的目的出发,给出几种正确的预设值,并提供给高级用户进一步DIY的机会:

想起家里十字星门锁有四种插法,每晚平均插两次才能开锁,习惯了。
五一放假,没事酒吧闲聊。一群同学太敬业,聊着聊着就聊到了页面,聊到我们网站上那不计其数的商品单元。戏言F刚刚做的频道商品单元一堆span。F反驳说之前见过我的做法,用dfn,del,ins等,但除了见我这么做,没见过其他人这么做过。之后的一番讨论不断深入,最后F和我都觉得用dfn,del,ins等是部分合理的,而且引申到几种不同的商品单元格式。
偷闲记下一些东西。
先引用w3c.org对”dfn”,”del”,”ins”,”q”,”span”的一些解释:
DFN:DFN Indicate that this is the defining instance of the enclosed term.
DEL and INS:INS and DEL are used to markup sections of the document that have been inserted or deleted with respect to a different version of a document .
Q:Q is intended for short quotations (inline content) that don’t require paragraph breaks.
SPAN: Span in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents, it define content to be inline but impose no other presentational idioms on the content.
按照标签定义,我们把商品单元解释成一条完整的语句:

<dfn>商品名称</dfn>是图片为<img />,曾经的<del>市场价为55元</del>,修改后正确的<ins>拍拍价为29.5元</ins>,点击这里可以<strong>立即抢购</strong>的商品。

<dfn>商品名称</dfn>是图片为<img />,其中有项内容为<span>拍拍价29.5元</span>,点击这里可以<strong>查看详情</strong>的商品。

<dfn>店铺名称</dfn>是图片为<img />,引用了一小段<q>店铺说明</q>,购买按钮为<button></button>的店铺。
虽然自我感觉丫丫得很有理,但还是忍不住去看淘宝有啊易趣amazon&gmarket等等,遗憾的发现大家都做得不一样,每行文字有用<em>的,或者用<div>的,还有些用<del>标市场价之后却没有出现<ins>,总之还是没有能够找到合理的参照物……
01年,缘于重庆电台网站一篇关于《海上钢琴师》的影评。
于是七年间,《the legend of 1900》被我不断的download和delete。
每每打开记事本,也没能留下点什么。
完美让记事本学会了很SB的忧郁。。。
打开豆瓣,发现很旧的电影也有很新的人在评论。
这仍然是一部我无法去调侃的电影。影片里太多严肃的命题。生与死,存在与名利,爱与孤独,追逐与放弃,理想与现实。
如1900独自来到这个世界上,最后又独自离开。
所谓很多人谈及与1900共鸣的灵魂。
人们都在用一生的精力去避免独来独往,可怜最后依旧无法抗拒独生独死,是非成败转头空,城市繁华依旧。
对于1900,生命的意义也许就在于可以得到一次死亡的机会。
存在,纯洁得没有对名利的追逐,fucking regulations,fucking jazz,对于1900来说,最好的生活就是他不干涉别人,别人也不干涉他。
不正是在现实中头破血流的我们所狰狞的么?
可以去爱,但也可以不去追逐,因为已经习惯了孤独。
永远不去接触未知的东西,88个琴键足以承载他的理想。
扪心自问,我们也可以么?
不同的是我们承受了太多人的爱。
1900用自己的生命去创造完美,
我们只能借助1900来慰籍满目苍夷的灵魂,
电影过后,生活还得继续,毕竟,现实中没有那艘船。
以前总是觉得放弃是一种完美,现在明白了,快乐就是永不言弃。
勇敢的去争取的苹果,即使被咬过了一口,也是最完美的。
因为你全力以赴了,只是不能更完美。
文艺片是太让人消沉的东西。所以,更喜欢最近的《juno》。
突然觉得又饿了。
没办法,该死的欲望。
于2008-3-2