所有发布在 ‘UCD’ 下的日志

之前有做设计的朋友聊到想在负责项目的网站上做一些与众不同的有趣功能,但同时又犹豫值不值得花心思去设计这么一个看似微小的功能,因为实在也无法判定这个有趣功能带来的愉悦体验能给网站的用户带来多大价值。

很多设计师都希望自己的设计能够与众不同,能够更新鲜,更有趣味性,但往往与众不同对于用户而言又意味着一定的学习适应成本。如何在趣味性和易用性之间求得一个平衡,找到那个点,很多情况下就成了只可意会不可言传,很难把握的一件事。

昨天碰巧读到Fred Beecher写的《趣味性,易用性和使用场景——愉悦体验的三大支柱》(英文原文在此),觉得非常有意思。他试图用数据来表示趣味性与易用性之间的关系,尽管只是一次小型的调研,但得出的结论对有上述困惑的设计师而言,还是挺有价值。

两个为iphone设计的单位转换工具,如下图所示,四个iphone用户,每人四个相同的测试任务,三个问题。结果是有三个人更喜欢左边那个,理由是它更直观。只有一个人强调说当她搞明白了右边那个工具,就完全爱上了它,因为觉得很有趣。当然,她所说的有趣是有学习成本的。从任务完成的时间也显示左边工具平均耗费时间要大大低于右边那个。

convert

在此基础上,Fred Beecher得出了三点假设:

1. 当用户任务目标明确,并且是不常见任务,很少会使用到目标产品时,易用能比趣味带来更多的愉悦体验。(或许把这类目标明确直接的任务称作闭合性任务)
2. 当用户有个大致目标,但不是很明确,同时又经常有此需求时,趣味能比单纯的易用带来更多的愉悦体验。虽然趣味性的系统往往需要用户学会使用才能感受其乐趣,但如果学会使用能够带来非常明显的好处时,用户也会愿意花时间去学习适应它。(或许可以把这类有大志目标方向,但更多需要探索发现的任务称作开放性任务)
3. 一个有趣的系统,其易学性与其产生趣味的交互层次成反比。他提到三种层次的交互,最简单的是单一的交互,比如一个按钮;然后第二层次是两个或两个以上单一交互形成的交互流; 最高层次则是系统性的交互,通常包含了相对复杂的使用该系统的语言,比如一个游戏的构成,手势,视觉语言等等。当趣味性依赖更高层次的交互,变成系统性的交互时,其易学性就大大降低了。

作者给出了存在于趣味性和可用性之间的一条曲线:交互越复杂,趣味越大,易学性、易用性越低,学习成本越大。(横坐标为产生趣味性的交互水平,交互层次;纵坐标为易学性,也可以理解为易用性)

e4baa4e4ba92e6b0b4e5b9b3e4b88ee69893e5ada6e680a7

就像上面提到的两种转化工具,左边那个的趣味性只存在于单一的交互效果中,比如轻轻触发旋转它左侧的导航滚轮,很直观就会用了。而右边这个工具的交互性更强,它更像一个真实的机械模型,有旋转的面板,旋转的时候会发出“呜呜声”,轮子之上又有“啼嗒”作响的按钮,等等,这些形成了相对复杂的交互流,学习适应成本也随之上升。再如iphone本身就是个更为复杂的交互系统,你为了感受它所带来的愉悦,需要去适应一种与以往任何手机不同的交互模式,这就和玩游戏一个道理。

那怎样才能让趣味性带来最大限度地愉悦体验呢?Fred Beecher同样给出了一个参考图表,综合了用户使用场景,使用频率来考察。虽然并非精确的标准化图表,但至少在某种程度上可以作为参考,也可以提醒自己,下次遇到相似的问题时,记得从用户使用场景,使用频率去综合思考,用户会更多倾向于单一交互所带来的有限趣味,还是系统性交互带来的更多趣味。

e4bd95e697b6e4bd95e5a484e8b6a3e591b3e680a7e883bde5b8a6e69da5e69c80e4bdb3e68489e682a6e69588e69e9c

日志类别:UCD, UI & UE
日志类别:UCD, UI & UE
标签:

很好的一份PPT,记下。

日志类别:Photoshop, UCD, UI & UE, Web Pick
标签:

snap00460

http://resourcedock.com/

这个网站整个版面看起来是往右边倾斜的,看起来让人老觉得不舒服,不平衡的感觉总是挥之不去。然而实际上每一根线都是直的,每一个元素都是对齐的。至于元素之间如何的产生关系,而导致了这种视觉上的错觉,细想倒是挺有意思。

这是之前截的屏,现在浏览该网站首页会发现版面已经改平衡了,前后两个版本对比着看更能发现当初问题所在。

日志类别:Photoshop, Portfolio, UCD, UI & UE
标签:

今天看到Bryan Eisenberg的一篇文章,原标题是“How a pretty face can push visitors away”, 觉得很有意思。大概是讲,很多电子商务类网站都会放上一张美女图片吸引眼球,这种方式从促进销售来讲是无可厚非的,因为人对脸部,特别是漂亮的脸部都会给与更多的关注。

然而问题也出来了,很多网站并没有想到这样一张漂亮脸蛋放在那里,尽然会降低用户对目标商品或者实际操作的关注。文中以两张眼动实验的热区图对这种现象做了阐释:

sun1-eyetrack1sun2-eyetrack1

结果很有趣,当模特直视用户的时候,用户基本都被模特的双眼吸引了,很少再去关注产品本身;而当模特的视线引导向产品时,用户的视线也被自然而然地引导向目标商品。

所以光有一张漂亮的脸还不行,甚至因为这张脸太抢镜,别的东西都黯然失色了。其实加模特也是为了卖产品和服务的,只有模特本身和产品有交互性,才会真正引导用户去不自觉地关注产品本身。

日志类别:UCD, UI & UE
标签:
Lifestream
coletree: Just got Rucksack for Mac OS X completely free. Nothing paid! Really awesome! But hurry, only until March 23rd at http://www.macbuzzer.com
coletree: 2008-2010中文SNS的观察和实践 http://goo.gl/7Ghx
coledodo: RT @Beichen: RT @zhengyun: RT @谢文: 最新消息:谷歌退出中国的消息将在两会结束后的3 月15号宣布。那天正好是消费者权益日,4亿网民的权益得到了最大的保护。
coledodo: RT @SecretaryZhang: 今日下午15时工信部部长李毅中向 #GoogleCN 喊话:我希望谷歌遵守中国的法律、法规,尊重中国政府的法律、法规。如果你非要做出这种违背违反中国法律法规的事,我再重复一遍,你是不友好的,是不负责任的,后果你自己要负责的。
coledodo: RT @coletree: 基于Foursquare我们还能做些什么? http://goo.gl/OeDF
coletree: 基于Foursquare我们还能做些什么? http://goo.gl/OeDF
coletree: [笑话连篇] zz【总结版】【必背!】这些如此实用的英文单词(smilence,shit http://goo.gl/3aLu
coledodo: 很少上首页,都是搜索进 RT @flypig RT @Aether: 我对土豆网首页上长久出现 “天雷滚滚/雷/惊现/囧/!/"等各种一咋一呼故作小女孩纯情状的语气,以及先感叹后陈述但毫无效果的两段式语气(如:街头丐帮!最有才女大学生乞讨秀双语)感到非常厌倦。
coledodo: RT @hfcorriez: 酷6的剧场网 http://www.juchang.com/
coledodo: 订了俩左小280的票,票务的人电话过来说两张不挨着行么?正犹豫中,又来电话说只剩一张了。左老板,您太火了