06月 14, 2009

进度条的设计

发表 : 逍遥虾

今天订电影票的时候看到一个进度条设计:

进度条旁边的数字从1开始往上递增,刚开始以为是百分比,谁知道过了100,数字还在不断增大,才反应过来它表示的“秒”,而非百分比。我只好一边吃刚买来的西瓜,一边开始了漫长的等待。半个西瓜快吃完,数字停止在了360,并且进度条停止了增长。很难理解这个设计的用意,难道是在告诉我,“亲爱的用户,你已经等待了这么长的时间,你还将无止境地等待下去?”如果不是今天买的西瓜还算比较甜,我肯定早就把这个页面给关闭了。
众所周知,进度条能使用户等待的时间变短,告诉用户进程正在运作,增加用户的耐心。关于进度条的设计,译言上有一篇不错的论文翻译,原文在这里。文中用9种曲线来展现进度,并且进行了测试,最后得出的结论是需让用户感觉到进度条是在增加,这样用户就会感觉速度会比较快。不管怎么说,对于web设计来说,使用线性的增速总是比较安全的做法,既符合用户的心智模型也能让用户时刻感觉到进度条在增长。
一开始,进度条只是出现在软件与Flash之中,但是现在,已经越来越多的网页加载时也使用了进度条的设计,最为人所津津乐道无疑是gmail加载时的设计:

是否每个页面加载时都需要进度条?AW为自己的blog添加了类似的设计,但感觉这样频繁地显示进度条,会分散用户的注意力,降低浏览的效率。而且,大多数的浏览器会显示网页的加载进度(除了chrome):

safari的设计很巧妙,将进度条整合到了地址栏之中:

之前提到的文章中也指出,在进度无法被准备地测量时,不用进度条可能是更好的解决办法。的确,在网站模块加载时,有不少网站采用了这样的非进度条设计。
鲜果:

淘宝:


05月 12, 2009

我们拥有抱怨的权利

发表 : 逍遥虾

CCAV十套有个《我爱发明》的节目,每期都会介绍一些小发明,多数都是发明人因为生活的不便产生了发明的念头,下面是一个我比较喜欢的两个发明:
不勒手
这个对经常当跟班的男同志应该比较适用,去超市买东西时,大袋小袋的,东西重量还不是主要问题,关键是塑料袋勒得手疼,为了在女士们面前逞强,再疼也得忍着吧?那就只好左手换右手,右手换左手了。发明人估计也是受迫男之一,发明了这个小玩艺,既能保护小手又可以维护男性的形象。
自动备份手机数据的充电器

介绍里并没有说明这个充电器都能备份哪些类型的数据,哪些支持哪些系统,使用流程等细节,所以无法判定产品的可用性。不管怎么说,这个创意真的很棒,相信很多人都有过这样的经历:手机丢失,手机里的电话本、图片、音乐等没有及时备份。如果在充电的时候,所有这些有用的数据就能自动备份到电脑当中,那可真是件惬意的美事。
这些产品给我最大的启发是,作为用户,我们任何时候都拥有抱怨的权利。塑料袋勒得手疼,不是女士们太狠心,是因为没有“不勒手”,如果每个超市的结账台放一些“不勒手”,销量肯定不错。没有及时保存通讯录,不是因为我们太懒,那是因为手机与电脑之间的操作太繁琐。所有的抱怨都是合理,只不过由于需求的特殊性,未必适合大范围展开商用,这就只能通过用户自己DIY。比如发明“不勒手”的胡振远先生,会拿树枝来充当把手,拎住塑料袋。
Web产品同样如此,不仅要“抱怨”,而且要随时随地“抱怨”,才有可能设计出更加好用的产品。


04月 18, 2009

发送消息快捷键的设计

发表 : 逍遥虾

现在最常用的两个IM工具是QQ 2009和MSN9.0,有个苦恼的地方这两个聊天工具的默认消息发送快捷键设计不一样,一个是Ctrl+Enter,一个是Enter,常常会弄错,想发送消息时变成换行,想换行时把消息发送了出去。

为什么不把两个设成相同的快捷键?
事实上,我也想,只不过我希望设置统一设置成Ctrl+Enter,而我使用的MSN9.0不可以自定义快捷键(QQ可以很方便地设置发送快捷键,赞一个)。

QQ2009 Ctrl+Enter 发送 Enter 换行 Alt+S发送 可自定义
MSN9.0 Ctrl+Enter换行 Enter发送 无法自定义
从设计上来看,显然QQ更合理一些,至少可以让用户方便地进行自定义,而且照顾到了部分习惯使用Alt+S发送消息的用户。
而MSN9.0则另辟蹊径,在显示上做文章,将用户短时间内连续发送的消息合并在一块(如图所示),但不允许用户自定义快捷键是不可容忍的。
Ctrl+Enter设计的优点
·延续了传统软件的设计,方便换行
在几乎所有的文本编辑器中,Enter等于换行。
在网页表单中,也多用Enter换行,Ctrl+Enter提交表单。
but,在编辑器或表单中,换行的需求非常多,而IM聊天大多数只是发送一句话,不需要换行。
Enter设计的优点
·节省了发送时间。
单键操作使输入文字后,只需要移动右手小指即可发送,Ctrl+Enter则是左手小指+右手小指,或者右手拇指+右手任意一个手指的组合。Enter发送的确能大幅地提高效率。
这里也有个but,就是换行的需求比发送需求,就变成了降低效率,不过这种情况应该比较少。

用户更喜欢哪种设计?
除了以上提到的两点,我想,更重要的是IM的使用频率与首先接触的IM设计方式有关。用户的习惯往往比我们的想象更强大。
为了验证我的想法,询问了一些用户的使用习惯,大概有17位,以考察主流的QQ与MSN使用情况为主,总结了一下,大概可以分为以下4种类型:
1、【4位】主要使用QQ,极少使用其它IM工具,只用Ctrl+Enter
——看看QQ的市场占有率就知道这部分的用户比例有多少了;
2、【8位】在QQ中使用Ctrl+Enter,在MSN中使用Enter,基本上只使用默认,长期以往,逐渐学会了双手互博术(这不是在说我吗,想不到我也能达到郭靖哥哥的境界,看来我的心灵是相当地纯正啊)
——这类用户比例也不小;
3、【4位】使用QQ与MSN,认为Enter效率更高,将QQ中的发送设置改为Enter——习惯很不错,值得表扬
4、【1位】在QQ中使用Alt+S,在MSN中使用Enter
——这位仁兄正在为MSN9.0不能使用Alt+S叫苦连天。
由于访问样本有限,肯定还缺少了不少典型的用户,例如:
5、只使用MSN,只用Enter(这就是所谓的纯白领啊)
6、经常使用阿里旺旺或百度HI的商家用户,用户习惯不详。
询问了这些用户为何使用这些快捷键的原因,大部分是因为习惯,符合我的预测。也有很大一部分用户是出于效率的考虑,将QQ中的Ctrl+Enter改为Enter,最后和我持有相同看法的只有一位,即认为用Ctrl+Enter换行不合适。
总结
发送消息的快捷键可以说是IM中使用得最频繁的快捷键,对用户效率的提升十分重要。从这个快捷键的设计,也可以总结出一些经验:
1、大部分用户认为使用Enter发送消息能提高效率;
2、多数用户更喜欢使用默认的设置,无论它好用或是不好用;
3、QQ培养了许多国内用户的使用习惯,如果你设计的产品和它有关,尽量避免与它冲突(目标为高端用户的产品忽略此条);
4、在用户习惯与使用效率发生冲突时,首先考虑寻找其它的解决办法,像MSN与阿里旺旺做的那样,把连续发送的信息不间断显示。

其它IM的设置
阿里旺旺:默认Enter,可更换为Ctrl+Enter,Alt+S可发送
百度HI:默认Ctrl+Enter 可更换为Enter Alt+S可以发送
Gtalk:Enter Ctrl+Enter均可以发送 Shift+Enter手动换行 Alt+S不可以发送
飞信:默认使用Enter,可更换为Ctrl+Enter Alt+S可以发送
大部分的IM设计都比较合理,Gtalk的设计比较有意思,输入文本框只有一行,字体超出宽度的话自动换行,文本框自动拉高。
PS:在很多地方都会遇上快捷键的困扰,如Ctrl+Shirt+S无法另存为,QQ的Ctrl+Alt+Z与Photoshop冲突等等。。。


10月 28, 2008

卓越产品设计二三事

发表 : 逍遥虾

 
重复购买
最近在卓越网买了《光荣与梦想(合订本)》,没登录时点击了一次购买按钮,由于不确认购买信息是否被保存,登录后又再点击了一次。最后结算的时候,显示《光荣与梦想》数量为2,当时已经忘了之前点击过几次购买按钮,不知怎么地,就认为合订本有可能是两本,糊里糊涂就付账结算了。等到货了,千里迢迢把书搬到家,才发现买了两本一模一样的书。
 
自诩为老鸟的我都会犯这种低级的错误,那更多的互联网轻度用户,犯错几率岂不是更大?在卓越网上买书,大多数都是个人用户,除了送人等特殊情况外,需要购买几本相同的书的用户应该不多。在用户选择了两本相同的书时,弹出对话框提示一下,岂不是更好?用户不仅不会觉得烦,还能感受到网站的友好。同时,再加上一个“以后不再提示”,这样就不用担心弹出窗口过多而引起用户反感了。
 
 
一个人留着两本一样的书也没什么用处,不得已,又千里迢迢地把厚重的书扛到了公司,联系卓越进行了退货,还要收取5元服务费。
这一切,就因为少了这么一个小小的提示框。如果有了它,我该节省多少时间与精力!
 
重新登录提示

您好*****@gmail.com,欢迎光临我的卓越网。(如果您不是*****@gmail.com,请点击此处)
在卓越网的几乎每个页面很显眼的地方都能看到这句话,点击链接过去是重新登陆的页面。我不知道为什么卓越要不厌其烦地告诉用户,“如果我不是……”,也许他们认为,这句大白话比“重新登录”要友好,更容易理解。但是我每次看到总会有心理负担,“为什么说我不是*****@gmail.com”“是不是卓越的帐号经常被盗?”“我在这买书会不会不安全?”。反而,“重新登录”是其他网站通用的词语,通常不会引起用户的注意,对用户的影响也比较小。
卓越这么做唯一的好处就是,让用户使用正确的帐号进行操作,我不知道这种情况发生的概率有多少,但是从其他电子商务网站的设计来看,发生的几率并不高。
就算是非这样设计不可,至少也要在这句话的旁边加一个“不再提示”的设置吧?
推荐机制
最后要说一说卓越的推荐机制。一般来说,卓越推荐的5本书中,有一本是我在卓越购买过的,有一本是在收藏夹里的,两本是我浏览过的(卓越保存了浏览记录)。重复率高得惊人。相比起来,豆瓣的推荐就好得太多了。
 


05月 13, 2008

对于用户需求的深度挖掘

发表 : 逍遥虾

使用过Flickr、又拍、巴巴变的朋友一定会为他们的服务而折服。在他们还没出现之前,大家印象中的网络相册(如网易相册等)基本上只是可以上传照片、对照片进行分类而已,不知道网络相册也可以像他们这么玩。这是一个典型的从“窄”到“宽”的需求挖掘:
部分用户需求→建立网站→放大→满足更多的用户需求
这是一个对用户进行深度挖掘的过程,网站成立的初衷,也许只是想满足用户的一个小小的需求,建好了之后,发现网站还可以满足用户其它更丰富的需求,然后网站就越来越强大。一个看起来非常“小”的东西,非常细分的领域,同样可以挖掘它的价值,del.icio.us在美国几乎已经已经取代了收藏夹,Sharethis获得了2000多万美元的投资。放大的这个过程很重要,这也正是细分的精髓。现在比拼的也正是这个放大的能力,很多人都看到了细分的市场,做出来的产品有可能也满足了部分用户的需求,但这样是远远不够的。Flickr不是第一个提供图片分享服务的网站,Webshots早在1999年就诞生了,Flickr用了一年的时间,就超过了他的对手。但是Flickr更加关注用户的需求,据说,在最好的时候,Flickr每半个小时就需要发布一次新的版本。因此,我们要做的,也许不是努力地去寻找新的蓝海,而是通过更加关注用户的需求与产品、服务的创新来创造出一片蓝海。


feed地址