以用户为中心,抓住细节才能抓住用户

“好友”是单向还是双向关系?

keso说: “豆瓣的“朋友”关系,给我造成很大的困扰。经常有人要求加我为好友,一来我根本不认识这人,二来他在豆瓣上也没提供多少让我觉得有价值的内容。对于这种 加 好友请求,我通常会拒绝。但这种请求挺多,总得一一去看过才决定是否拒绝,很是无趣。”

豆瓣的问题,不在于要不要“好友”,而在于谁都可 以对keso发起“好友”的申请。如keso分析,之前豆瓣双向好友的问题,在于“‘朋友’成了一种自我意淫”,在于“keso是我好友”成了“图章”。因为keso是名人,与keso“成为好友”是一种荣耀。麦克卢汉有 一句话:我身披全人类,人类是我的皮肤。如果在我的“皮肤”上盖一个“keso”的章,与一般人在自己办公室、办公桌上放上与名人的合影,其实是一回事。

和 keso在现实中见过几次,感觉keso对于粉丝要求合影好像没有拒绝过。为何keso对豆瓣的好友请求不堪其扰呢?其实keso不妨干脆把自己当明星, 把自己当“图章”,给粉丝“皮肤”盖章,来者不拒,宣示自己的影响力。keso在豆瓣上的问题出在keso把“好友”当真,非要认真审核一番,没有明星的 自觉,呵呵。

现实中,“好友”第一步是如果我认为那个人是我“哥们”,我与TA相处我会特殊对待。比如说,好朋友不分彼此,好东西要分 享,痛苦要分担。其中很重要的部分是信息的共享,而且这种共享有可能是单向的,即我对TA完全开放,TA未必对我开放。第二步才是对外宣示“我俩是哥 们”,才是关系的公开;或者是双方都把对方当“哥们”,众人也看在眼里“这俩儿是哥们“。

从这个意义上看,在社区或SNS的设计中,我们 可以把“好友”关系先看做单向关系,它决定我是否对TA开放信息,尤其是一些非公众性信息,比如我的手机号。而“关注”是决定我是否对TA感兴趣,对TA 的信息感兴趣,首先是TA的公众性信息。

别把好友当做双向关系,把 “好友”当做用户自己控制的单向关系标签,标注“好友”意味用户对TA开放某类信息。这样keso就免去了好友审核工作,keso把谁当好友完全是 keso自己的事,keso可以公开他把谁当“好友”、也可以不公开。

Google Buzz就是这样做的!

总结下:网络上,单向“好友”和单向“关注”,控制的都是信息的流动。“好友”是控制我的信息流向谁,“关注”是控制谁的信息流向我。

PS:刚看豆瓣blog《简化豆瓣的“关注” 和“朋友”》,看到后面留言,颇有些豆瓣用户反应激烈,阿北又犯了以前的毛病。

可以“不要听用户的”,但是改变习惯对用户是件极端痛苦的事,一定要妥善处理。

双向“朋友”关系改成单向“朋友”标签,相当于取消“图章”了,就像从“处朋友”变成“单恋”了。想象一下,在学校里处得好好的恋人关系,突然一天校方 宣布,“恋人”关系其实是“单恋”,这多痛苦!

豆瓣从双向好友改成单向好友,对用户即将遭遇的痛苦,完全没有考虑和对策。

相关话题:好友 豆瓣分身-2010 源地址:http://ofblog.com/zhengzhi/369.html

2010年04月22日交互设计

没有评论
161 views

设计中的色彩:灰色

译自:Color
In Design: Gray

中文:设计中的色彩:灰

原作者:Jennifer Farley
请尊重版权,转载请注明来源!


在这个系列中,我们差不多了解了彩虹中的每一种颜色及其在设计中的应用。在这篇中,我们将讨论一下七彩之外的色彩,让我们看一下灰色。灰色是一个平
稳的、中立的色彩,它在网页设计中非常漂亮。它不会激发非常强烈的情感(或许除了一种不好的心情),而红色橙色或者紫色则会。它不像黑
色那么鲜明,但是一个非常暗的灰色可以做同样的事情。同样非常浅的灰色又不像白色那么死板,而且有的时候它还可以填补白色占据的空间。

灰色有正面和负面的含义。“灰质(Gray
matter)”会联系到智商与脑力。不过好像灰色的贬义词比较多,“灰色”本身就被用于描述一些暗淡和单调的东西,比如灰色地带、灰姑娘、灰心等。公司
中常常是清一色的灰色西装。灰颜色的名字包括炭灰色、炮铜色、粉灰、苍白色、铅灰色以及蓝灰色。

设计中的灰色

使用灰色很难会犯太严重的错误。它好像可以和任何色彩搭配。由于它的中立性,它常常被用作背景颜色。它可以让其
它色彩突出。正如前面提到的,你可以使用浅灰色替代白色或者用暗灰色替代黑色。要想得到一个更暖的更有泥土气息的灰色,使用灰褐色,它是一种带浅灰色的褐
色。

使用灰色和柔软的
可以产生一种女性的感觉,而暗色搭配灰色可以产生更男子汉的感觉。暗灰和红色橙色是一个特别吸引
眼球的组合。请欣赏下面的电影海报:

灰色系网站设计

300 Movie Poster

灰色常常被用作作品集的背景色(无论是在线的还是离线的)。它允许照片、插画或其它的色彩元素走到最前面同时为作品集提供一个坚实的支柱。让页面中
的大部分布局使用灰色几乎可以使背景消失,从而使其它颜色的颜色真正的凸显出来。

使用灰色的网站设计

灰色无论是作为背景颜色还是标题或者主字体颜色都很流行。这里是一些使用灰色的几个很不错的网站设计。

另外,灰色是
简主义网站设计的
首选色彩,这类网站通常(当然不是全部)会选用浅灰色作为背景色彩,然后选用深灰色作为主要的字体颜色。

Ok Cog Aoke

灰色系网站设计

Digital Podge 2009

灰色系网站设计

Eilersen

灰色系网站设计

Christopher Meeks

灰色系网站设计

Broader Sheet

灰色系网站设计

Ricardo Gimenes

灰色系网站设计

Ectomachine

灰色系网站设计

Jeff Finley

灰色系网站设计

Nokia
Music Almighty

灰色系网站设计

相关话题:设计中的单色运用 源地址:http://www.qianduan.net/color-in-design-gray.html

设计中的色彩:粉色

译自:Color In Design: Pink
中文:设计中的色彩:粉色
原作者:Jennifer Farley
请尊重版权,转载请注明来源!


在上一篇,我们讨论了一下泥土的色彩——棕色。这次让我们来看一看鲜明的粉色。尽管红色与激情相连,粉色却与爱情和浪漫有关。它是个时尚的颜色,然而尽管通常被认为是个很女性的颜色,但是并非女生专用色。你是个穿粉色衣服的很man的帅哥吗?粉色是个时髦和活泼的色彩,而且在网页设计中令人惊讶的流行。

想想每天的话语中对粉色的应用,你可以看到它通常被作为一个正面的色彩,比如一个健康的人有的时候会被认为“In the pink(非常健康)”,满足和幸福的人们被描述为“tickled pink(非常开心)”。

在设计中使用粉色

当然,粉色也有很多不同的分支和色调。从淡粉色到橙粉红色,再到深粉色,粉色也有很多名字比如紫红色、浅玫瑰红、橙红、肉色、珊瑚色以及艳粉色。每种情况都有个粉色

你可以使用淡粉色和浅粉红色创建柔软和雅致的色盘。结合黑色或深灰色的粉色可以看起来很高雅。粉色搭配蓝色很好玩,而深粉红色搭配深红色可以产生一个比较颜色的感觉。橙红色和苔绿色可以产生一个大自然的组合。

杂志封面是在实际中最容易看到粉色色盘的地方。在这个Harper’s Bazaar的封面, Gwyneth Paltrow穿着深粉色的衣服。字体都使用同一种类型,但是亮粉色的字体则匹配她的口红的颜色。橙红色和白色的文字也被添加到色盘了。

image

在下面的Rolling Stone 的封面中,Alicia Silverstone的衣服几乎和背景颜色相同。粉色很软。然而,黑色字体和字体的选择防止它陷入过度的粉色少女。

image

这个V Magazine的封面颇有60年代的风格。Lady Gaga的艳粉色衣服和连帽、眼镜搭配黄色的字体和亮橙色的背景色显得非常闪亮耀眼。

image

使用粉色的知名logo和品牌

和上篇棕色logo一样,我发现很难记起太多知名的使用粉色作为主要色彩的logo。最先想到的一个logo就是那个失败的London 2012 奥运会logo。它肯定是这样用的。请随意添加到这个列表中。

Dunkin Donuts

London 2012

image

image

网页设计中的粉色

Snog Pure Frozen Yoghurt

image

Twitter Lane Interiors

image

Nunti Muzici

image

Odopod

image

Franz Ferriz

image

Glaceau

image

Kobe

image

Sucre

image

Stack Magazines

image

Superawesome

image

相关话题:设计中的单色运用 源地址:http://www.qianduan.net/color-in-design-pink.html

安慰你的用户

煎蛋上看到一个比较有意思的文章,顺便也看看下面的回复,突然想起很多有意思的东西,关于情感化设计。我开始思考,是不是在很多时候,在考虑界面精简的同时,我们也需提供一点毫无意义的东西给予用户安慰的效果?

这篇文章叫做:一切都是假象:按钮的安慰效果,截取其中的一段:

安慰剂按钮 Placebo buttons :是指一种放置在公共场合假装有效,但实际已经停止工作的按钮。

你有没有猛按电梯关门键的经验。纽约客一篇文章曾提到,在90年代初,当地的电梯都还没有关门键,这都是后来添加上的,但实际上这并没有太大的用处,只是为给人们造成‘猛击此次,关闭电梯’一个假象,同时也能缓解人们在等待电梯下楼时的烦闷。

如果细致观察你的生活,想必你也有以下常见的习惯:

  • 热得不行回家马上把空调调到16°C。——但事实上气温不可能马上下降到16°C
  • 电脑卡的时候狂点击鼠标右键内的“刷新”命令。——事实上,“刷新”并不能解决卡的问题。
  • BT下载的时候让任务暂停后马上继续,希望速度能加快。——好吧,从我个人角度来说,我发觉这好像有点效果。
    ……

从精简的角度而言,很多的设计是过度的

现在邮箱的界面内为什么需要“收信”按钮?这是一个曾经在部门内部激烈讨论的问题,因为邮箱早已经实现了同步收取,邮件一发,对方无需点击收信按钮,即可收到邮件并看到提示。

Get mail button

从精简的角度上说,“收信”按钮是软件端的产物,因为本地邮件与网络端邮件无法实时同步,才需要一个“收信”按钮。那么对于网页端来说,这个按钮就显得多余了,因为网页能够做到实时的同步了。(所以Gmail与Hotmail就去掉收信的按钮)

古老的win98系统有个“我的公文包”功能,他主要用于同步更新文件,每次更新时,你都得点击一次“更新”才可让文件更新。可是,Dropbox把这个功能也省了。

精简化的设计原则强调于,尽量的减少用户的操作成本,帮用户多做一步。因此,“收信”按钮其实大可不必,

那么它存在理由,我只能从情感化上去理解它了。

从用户的需求来说,这些设计能够让用户发泄焦灼等待的情绪

记得你唤起因睡眠而黑屏的电脑时,疯狂过晃动手中的鼠标吗?

记得你因为赶时间,等不及电脑提示就直接拔掉U盘闪人吗?

人对时间无法有准确的主观感知,人们对较长的时间间隔,往往估计不足;而对较短的时间间隔,则估计偏高。

心理学家发现,用计时器测量出的时间与估计的时间不完全一致。人的时间知觉与活动内容、情绪、动机、态度有关。内容丰富而有趣的情境,使人觉得时间过得很快,而内容贫乏枯燥的事物,使人觉得时间过得很慢;积极的情绪使人觉得时间短,消极的情绪使人觉得时间长;期待的态度会使人觉得时间过得慢。一般来说,对持续时间越注意,就越觉得时间长;对于预期性的估计要比追溯性的估计时间显得长些。来源

对于信息高速传递的网络来说,用户对于一秒的等待速度都是难以接受的。但用户处于焦灼的状态时,则会不由自主的找到一种最直接方式去缓解这种情绪。

对于设计师而言,就要提供像“鼠标”这样一个最直接的缓解方式。去安慰你的用户。

如何去安慰用户

安慰用户的关键,即在于如何提供一个内容丰富而有趣的情境给用户。我个人觉得我们应该以下三个方面着手。

1、降低挫败感,尤其是多次尝试的挫败感

设计时,让机器的出错反馈风趣而又具有人性化,表现出对用户的关怀,自然就容易被用户接受。

采用的方法一般为:拟人化(如豆瓣开小差了),幽默(如煎蛋超载鸡版本二),小游戏等。

很抱歉

但需注意的是,对于用户的多次尝试失败,应该给予更加具有关怀性的反馈,对于用户而言,这种反馈是能够让其“内牛满面”的。如QQ邮箱的中,多次点击收信按钮的温馨提示。

是不是有邮件没有收到啊

2、让等待变得缓慢化且可以打发

我很喜欢Ghost版的系统,他不仅让安装系统变得更加快,更加重要的是,安装的时候,他还能提供空当接龙,扫雷这样的游戏给我打发时间。

同时,基于等待需时的长短,提供的进度反馈也不一样。短时间的采用简单的loading图标,鼠标的忙碌状态;中长时间采用的是进度条,但同时,应尽量避免采用非确定性进度条。可参考windows交互体验规范

最后,还需注意,如果所需的时间越长,进度条也应越长,这样用户能够较为轻易的感知到进度的变换而不误会进度停止。

3、给予惊喜

喜新厌旧是人固有的习惯,即使是再美艳的界面,再风趣的句子,也有厌倦的时候,对于网络尤甚,今天流行的句子,明天就凹凸了。这种行为表现得最突出的,就在网络产品的皮肤上。用户似乎总是没有100%满意的皮肤。

所以,在设计上,应该有一些随机的,易于被用户发现的变化。通过这种变化,用户可以获得愉悦感,同时也可获得发现这种变化的成就感,这就是两种积极的情感因素。

比较鲜明的例子就是Google Doodle,还有就是各种软件中的小彩蛋,以及游戏中的隐藏关卡和作弊码等。

源地址:http://www.userkon.com/tolyer/comfort_user.html

网站设计中常用设计效果总结

最近看了一篇文章,名为:2009年网页设计流行趋势,感触颇深,不过这篇文章的作者是个老外,不怎么了解中国的行情,我针对国内的基本情况把这个老外的文章扩充一下。顺便提及一些制作方法以及参考图片。
第一种:凹凸效果
随着IT行业的发展,人们不满足于显示器平面的显示效果,逐渐演变出想要突破这种二维空间的束缚,凹凸效果就出现了。首先出现的简单的凸,继而出现各类复杂的凸,然后是凹,最后是复杂的凹。
这个效果在国内来说用的并不是很多,但是看起来确实很棒,常见于焦点图,大型广告条等图片效果。如图著名的苹果网站,在这方面很突出,不仅仅是它的网站,苹果桌面有很多优秀的凹效果:

这种效果通常用到的技巧是投影,投影分两种,外投影与内投影,如果改用内投影的话就会出现凹的效果。

这种方式要注意的是边缘的处理,不仅仅是投影的参数调节,还要注意内部背景的选择,通常要比周边颜色深下去。同色系。
第二种:杂志化
杂志化是近几年来流行的趋势。很多优秀的品牌站都选择了这种形式。这种方式要注意的是有一个高清的惹人眼球的主体形象,通常是美女,帅哥等等。
然后搭配大文字排版,就可出现这种效果。

这种效果常见于服装,化妆品等品牌站。看杂志的通常是女性嘛。

继续阅读 »

2010年02月26日交互设计

没有评论
222 views

微软雅黑的设计

一.雅黑设计理念

雅黑字体是为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。在当今数字化时代更是用途广泛。
这副字可以说是科技进步的产物,是人类社会的需要,在设计上也有所突破。

首先打破传统结体方式,采用大字面设计,字怀放开,增大内白,使文字方正,布白匀称。由于字体中宫放开,使文字的适用性也随之增强,不但适合小
级数文字的使用,更适合屏幕显示。

在笔型塑造上去除“喇叭头”。为防止文字笔划缺乏美感、没有精神,在撇、捺、点、勾的处理上使其粗细有略微的变化,使之富有弹性。

在制作上,力求精良,笔划间尽可能少搭笔,使文字清新、爽朗、易读。

追求字体的整体形式美,强调文字设计的审美性和文化性,朴实大方,典雅端庄。

下面从字体设计理论方面与实际字体应用的角度来阐述一下雅黑是用什么方法和字体设计技巧来完成和完善设计目标的。

继续阅读 »

返回顶部