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

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

ID:22207545

大小:169.00 KB

页数:10页

时间:2018-10-27

关于表单每个设计师都必须知道的10件事_第1页
关于表单每个设计师都必须知道的10件事_第2页
关于表单每个设计师都必须知道的10件事_第3页
关于表单每个设计师都必须知道的10件事_第4页
关于表单每个设计师都必须知道的10件事_第5页
资源描述:

《关于表单每个设计师都必须知道的10件事》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、有很多设计糟糕的表单,不管你是否喜欢他们,表单都是必不可少的。JoeLeech(cxpartners负责用户体验的)将介绍其在表单设计上的一些经验。估计没有什么比表单更让设计师出气了。表单不一定可以让(设计师)表现创意,还是可以?我们可能需要从做基本的层面,重新审视表单,理解表单——表单是用户和软件之间的对话。忘掉切换啊,点击什么的,表单是我们数字设计师(我想应该是依赖计算机进行设计的设计人员)将面临的最富有的交互。下一次,你要对付一个表单的时候,不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。我已经做过上百个表单用户测试,为保险

2、公司、假期预订交互设计过一些非常复杂的表单,以及其他很多。可能你最近使用的某个表单就是我设计的。下面这些经验教训,我希望在我开始设计表单事前先学会之。1.不要标记必填字段你知道小星号(*)就表示必填字段?我已经见过很多次因为这个用户测试失败。作为概念来讲,必填字段没有多大意义,等同离线(这个概念)。对于开发者,这个是很好的,他们提供了一个很好的黑白方式去完成。星号以及必填字段(导致表单完成)失败是因为他是个需要学习的行为。在用户测试中我看到的典型行为是用户在(表单)上面填写表单,结束于某个东西阻止他们时候或者他们碰了某个按钮。解决方法很简单,可选字段标记,优质用户需要驻

3、足思考是否要填写的字段处标记。译者注:从原文评论来看,这一段是争议很大的一个地方:是必填字段标记呢还是非必填字段标记?本文作者语法以及用词上有些怪怪的,加上缺少必要的示例,所以这段译文(虽然中文)理解起来并不顺溜,我个人觉得作者的结论应该是正确与合理的(毕竟做过大量实际用户使用的测试,比设计师或开发者的冥想要靠谱多),但是,在原因的阐述上显得单薄了点,也可能是因为自己(指译者)这方面了解不深。按照作者的解释,单纯使用(红色的*)星号标注必填字段有一定的学习成本,会让用户有学习负担,反而增加出错几率。“必填选项的概念类似于离线概念”,我想可能意思指:我们平时访问网页,基本

4、上都是处于在线状态(虽然HTML5有离线访问)(我们没有必要专门在页面上弄个符号(eg.※)表示当前页面在线),因此,对于网页而言,离线这个概念就意义不大;同样的,表单选项基本上都是需要填写的,特意的使用某个符号标示这个必填的也是多此一举没有多大意义的概念。我们或许过多地站在开发者以及软件测试人员的角度去看待表单设计了,如上面提到的“开发者的黑白方式”,因为我自己也是开发者,所以对于“星号是必填,没有星号选填”很容易理解,但是,实际用户是这种思维习惯,是这样想的吗?软件测试人员也是作为极端作恶用户(非上面提到的优质用户)去使用表单,一些站在自身角度的认知确实会让我们对表

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

6、博注册页面为例分别演示:阻止用户填写表单的事情,以及“不标记必填字段”。这里所有字段都是必填的2.不要使用微调HTML5近来春风得意,其提供了很多足以亮瞎双眼的工具用来把玩。我们需要好好思考我们的新玩具是否得当。现在的数字字段(指类似type=“number”的input框)都提供了小小的上下小尖角运行用户来回调数值。现在有两个问题。首先,浏览器默认显示的小三角真不是一般的小,点击很繁琐,你还可以想象加菲猫般的手指在iPhone上挣扎的情景。这就是所谓的费茨法则(Fitt’sLaw,人机交互重要法则,其最基本的观点就是任何时候,当一个人用鼠标来移动鼠标指针时,屏幕上的目

7、标的某些特征会使得点击变得轻松或者困难。目标离的越远,到达就越是费劲。目标越小,就越难点中),越小的东西越难点中。我好想听到你在叫嚣了:你可以直接在数字文本框中键入数值啊。是的,你可以,但是,让我们看看浏览器的显示,向上向下的微调箭头使得文本框长得很像我们信赖的朋友(下拉)选择框。首次使用微调交互的用户(因为长得像下拉框)认为他们不能键入(内容)。我的建议是避开知道它们(指微调表单元素)变得更普遍,或者浏览器开发者整改默认设计。3.只有一种按钮类型或最好每个表单就一个按钮还有一个鲜为人知的心理学原理,叫做“希克法则(Hick’sLaw)”

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。