”无结果“如何设计？ - UCD大社区

内容为空时提交如何处理

波希米亚 — 2009-07-19 02:18:42

终于能出来透口气，写点东西了。前段太忙，也很郁闷，现在调整过来点了。

我的设计原则就是在满足需求的前提下，尽可能的简化，简化，再简化。有一次跟一个朋友聊天，他问我作为交互设计师，你的三个原则是什么？我回答：1.以用户为中心去设计，让事情变得简单化；2. 平衡商业需求与用户体验之间的权重；3. 有下游意识，但不干涉下游二次创新。

“用户体验是门妥协的艺术”，一边是复杂的需求输入，另一边要做到简单的产品输出，这是件既麻烦又头疼的事。大框架想好了，抠细节的时候，问题就一个接一个的来了。如果内容为空，提交时如何处理？类似这样细节末端的问题，怎么啃下来？

Kent.Zhu同学的一篇《空搜索如何设计》倒是给了我启示。跳出来想一下，内容为空到底有多重要，给予用户一个怎样的反馈是恰到好处的呢？下面有5种处理方式，根据量级由轻到重分别来看一下：

1. 内容为空时“update”按钮干脆不可用，从根本上杜绝提交空信息的操作。实例：Twitter.com

2. 焦点进入输入框后出现“发送”按钮，内容为空时点击“发送”，输入框变色闪动，没有任何文字提示。实例：Facebook.com，白社会

3. 同样，焦点进入输入框后才出现“发布”按钮，不输入任何内容点“发布”，将回到如图默认状态，也是正面反馈。实例：校内网

4. 内容为空，点击“提交”后，在输入框下方打印一行提示文字。

5. 内容为空时“提交”后，弹出模态窗提示应进行何种操作。实例：中国人幼儿园

首先明确一个问题，当用户进行某操作后，应当给予反馈。这5种方式都实现了这个基本目的，然后再来看哪种更好。凡事有个度，恰到好处的处理应该是提示充分，又不显累赘。对比过后发现，第2种更合适于处理这种简单的话题式发布，交互上也不冗余。同时，它利用了人们长期以来形成的认知习惯——红色代表错误或停止。看一次就能明白，哦，原来没有内容是不让提交的。

另一个角度，目标用户的操作和认知水平如何。开始做幼儿园项目时，从调研结果看普遍认为用户是校友录的老用户，操作水平相对较低，太新潮的交互会对这群人造成挑战，由此保守的设计了第5种，指引式反馈。但后来随着走访深入，发现用户群的定位上出现偏差，不能把用户定位在校友录人群中，更多的是80后，而且这批人的电脑操作水平相比上一代人有普遍提高，再搞保守设计，似乎有点out了。设计得走在习惯前面，好的设计是等待人们去习惯的，优化的路还很长。

最近我的灵感被禁锢了，做东西没感觉，大脑一片空白，需要改变来刺激，我是个受刺激就能变形成工作狂的人。

更新：需要考虑违禁词判断，如内容含有违禁词，提交时输入框可以变为黄色背景闪动。毕竟捣乱的是少数，所以对这种情况也甭跟他友善了。

“没有结果”很特别

weakow — 2009-01-09 00:00:31

原文：Nothing is special
原作者：Chris Noessel；译者：UCD翻译小组，Weakow Wang
Article copyright by Chris Noessel and Cooper.
Chris Noessel和Cooper版权所有。

用户界面中，数字随处可见，冀以提供大量信息。通常，数字越大表示内容越多（如你查看评论列表时），或者要做的工作越多（如你查看自己的收件箱时）；数字越小通常表示项目数量越少。然而，当界面中必须呈现数字零时，该数应与其它数值区别对待。为什么呢？正如我将要在下文解释的，根据不同的上下文，“零”可以代表很多事情。

搜索结果

零个结果要么表示关键词不在搜出的数据集里，要么表示用户把关键词敲错了。每一种可能性都暗示需要一种不同的用户帮助。

纠正了关键词，也没有结果？你需要换一个词，或者去其它地方看看。
是否把关键词敲错了？你需要提供正确的关键词。

当结果为零时，请在设计上提醒用户注意到这个错误，或者提供可替换的关键词供用户选择。

当搜索结果为零时，Google给出“您是不是要找……”的建议来帮助用户。

引起注意的信号

我们设计软件的时候，很多工作都是在引导用户的注意力。为了帮助用户完成任务，我们需要在合适的位置添加一些引起用户注意的信号。

例如，在桌面软件中，重大的错误报告通常需要提醒用户注意，因为这些代表用户正在等待的解决方案出了状况。为了让用户知道“我们并没有忘记你”，我们需要在全站导航中给出状态指示。这种指示通常是一个全面的、可视化的、非模式化的反馈（rich, visual, modeless feedback，RVMF），如“错误报告（2）”。

但是，如果没有重大的错误报告，提示用户注意到这一点就不那么明智。这时的“错误报告(0)”就成了快速浏览导航时不必要的障碍。相反地，我们将RVMF放置到导航中，这样各选项在相同的“注意水平(attention level)”上，用户可以继续其它的工作。

Microsoft Outlook这一点上做得很好，在没有需要注意的邮件时放弃使用RVMF。

社区变量

0个参与者看起来有些凄凉。“0条评论”的标签会让一篇博文看起来无人关心。“0个成员”会让一个聊天室看起来冷冷清清。这种标签会负面地影响用户对某个事物的看法。

Flickr的大多数照片看起来不受欢迎（大多数带有“0条评论”的标签）。

新发布的文章或者在网络低峰时期都没有什么评论，但这只是时间问题。这篇文章也许时效性很强，不会被进一步讨论。或者可能是讽刺性文章，会随着时间不断擦出火花。把具有负面意义的标签改造成一次机会吧。

比如，与其显示“0条评论”，不如换成“添加评论”。

参与变量

像Yahoo! Answers那样的网站，回答问题可以让用户加分，但是参与这种奖励机制对使用网站来说不是必须的。尽管“0分”确实给了那些天生好胜的用户赢取积分的动力，但是用户也许根本不知道什么是积分或者那些积分该怎么用。

Yahoo! Answers一开始就让你知道自己是个失败者。

在这种情况下，你也许可以把“总分：0”改成“总分：0。开始赢取积分！”，然后添加一个了解更多信息的链接。一个“什么是得分”的链接可以帮助改进用户的操作。

这无疑是一点额外的工作。交互设计师必须把它细化，视觉设计师必须适应改变了的大小，而且编码人员也必须额外的在变量为零时改变显示状态，但是因为这是用户感兴趣的，尊重零所代表的不同结果——使“没有结果”变得特别。

不要给我无用信息

yummy — 2009-03-03 03:10:09

有位同事，有如下观点：

所有信息、所有操作，都要让用户看到。

这种理念下，很容易设计出类似下面的界面：

两个界面表达的内容：什么也没有，其实就是“无”。

我的感觉是“累”，眼睛要承受的太多。

上周末用银行ATM还钱，我存入的是百圆纸币，ATM总是以如下形式显示（大概的样子）：

100 5张 500
50 0张 0

不仅累，还有点小紧张，到底有没有放50的进去？哦，没有。

有就告诉我，没有就别告诉我。

这算不算是信息过载？

即时提示现在比较流行，虽然也有其他一些缺点，常见于表单，尤其是注册表单。

今天碰到的这个注册页面提示，有点看不懂。按住鼠标左键，在输入框旁边的空白处动几下。

相关话题：”无结果“如何设计？源地址：http://www.yummyux.com/?p=252