2个“友善”的弹出窗口

Jan 22 2010 Published by 小强 under 小强扯互联网

上面这张图是QQ校友的弹出窗口。存在Dropbox(不知道这个的强烈建议围观一下——Dropbox主页)快2个月了。我第一眼看到这个窗口,就感觉到了QQ校友的贴心(想了半天就觉得贴心这个词最贴切)忍不住截图下来

语言很真诚,不做作;图片很温馨,色彩使用了QQ校友的主色调——绿色;最经典的就是最后没有说完的话,让人很想知道后文;“答谢好友”这个按钮也很符合人之常情。

这个案例说明了只要用心,弹出窗口也可以做的很“友善”

上面这个是搜狗输入法的弹出窗口。

技术上搜狗团队下了大工夫,让我们知道了原来输入法也可以这么好用。

现在,搜狗又告诉我们,输入法不只在功能上可以人性化,其他方面也能做的人性化!相信没人会排斥这种祝福,很多人还会安装这种祝福

以前我觉得,是个弹出窗口都会让人厌烦,现在发现自己错了。只要够贴心,弹出窗口也可以很“友善”

No responses yet

《用户体验的要素》的5个层

Oct 10 2009 Published by 小强 under 小强扯互联网, 小强扯学习

下面的概念都引自《用户体验的要素》艺术,强烈推荐!

用户体验的要素有哪些?

战略层——网站目标和用户需求
成功的用户体验,其基础是一个被明确表达的“战略”。知道企业与用户双方对网站的期许和目标,有助于确立用户体验各方面战略的制定。然而回答这些看似简单的问题却不如说起来那么容易。

范围层——功能规格和内容说明
带着“我们想要什么”、“我们的用户想要什么的”的明确认识,我们就能弄清楚如何去满足所有这些战略的目标。当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时,战略就变成了范围。

结构层——交互设计与信息架构
在收集完用户需求并将其排列好优先级别之后,我们对于最终展品将会包括什么特性已经有了清楚的图像。然而,这些需求并没有说明如何将这些分散的片段组成一个整体。这就是范围层的上面一层:为网站创建一个概念结构。

框架层——界面设计、导航设计和信息设计
在充满概念的结构层中开始形成了大量的需求,这些需求都是来自我们的战略目标的需求。在框架层,我们要更进一步地提炼这些结构,确定很详细的界面外观、导航和信息设计,这能让美色的结构变得更实在。
表现层——视觉设计

表现层——视觉设计

在这五层的顶端,我们把注意力转移到网站用户会先注意到的那些方面:视觉设计。这里,内容、功能和美学汇集到一起产生一个最终设计,这将满足其他层面的所有目标。

书中还有一个很重要的概念:下一个层的设计要在前一个层结束之前!

即:在战略层的设计还没有结束,就要考虑范围层。不要等到战略层设计完了再开始想范围层。

如果每次只考虑一个层,可能在思考下一个层的时候会发现,上一个层白设计了

关于产品设计的详细流程,可以参考:用户体验要素模型和UCD流程

本文部分摘自:http://www.ue-seo.cn/ue.html

No responses yet

潘婷洗发水的巧妙设计

Jun 19 2009 Published by 小强 under 小强扯淡

洗发水的瓶子不只是美观,它可以让你用的更多!

前几天买了一瓶潘婷,瓶子的设计改变了,变得更加美观。然而,在我使用了几次以后发现它还有更多的功能——让你用的更多!

首先是瓶体的设计:

1.瓶体的材料更加柔软

相信每个人用洗发水都有一个“剂”的动作,柔软的瓶体使得相同力度下挤出的洗发水会更多(事实证明也是如此)

2.瓶体的立体结构比以前更“凸”

先看图片(新旧款对比):

注:新潘婷瓶体结构

注:旧潘婷的瓶体结构

为了更加醒目,我把瓶体侧边的线条描了一下(描的难看,将就看吧),通过对比不难发现,新设计的侧面更窄,正反两面更凸出。新款的设计更类似一个圆柱体,而旧款更类似一个长方体。加上更柔软的材料,只要你轻轻一按,宝洁的目的就达到了!

然后是瓶口的设计:

先看图

注:新潘婷的瓶口

注:旧瓶口的设计

1.新潘婷的手感更好

旧款的潘婷有明显的凹凸感,同时,旧款的凹槽更容易残留一些洗发水在里面,很难处理~~相比之下,新款的设计更加流线型,用手擦拭瓶口的感觉更流畅(据我所知,很多人都有剂完洗发水擦拭瓶口的习惯)。

2.新款的瓶口藏的更深

据我所知,大部分人使用洗发水都是瓶口倒立,一手挤,一手接。瓶口更深就会导致空中停留的洗发水更多!而人一般只会对手中的分量比较敏感,很少也很难计算空中停留的分量。所以,感觉手中的洗发水分量刚好时停止,最后发现还是挤了很多!

附1:潘婷的瓶盖不是很好开(在手湿的时候),不知道宝洁的有没有做过类似的测试。或者是我的手长的太特殊~~

附2:以前吃饭的时候就发现过,不同的碗盛有相同的东西时会让人产生分量不同的错觉,好的设计可能会让食客感觉你的菜比别人的多,实际上可能不是!而现实则是,大部分餐馆用的餐具都大同小异,没有给我“多”的错觉。

One response so far

少既是多

Feb 08 2009 Published by 小强 under 小强扯学习

这里盗用seth的“small is new big”的概念来谈一下互联网的用户体验。

先举出两个我亲身的例子:

1.到北京已经两天了,由于朋友忙,所以一直是一个人东奔西走。对于我一个“新手”来说难免要看各种指示图,每次看图我都很头疼,最主要的原因是东西太多,很多对我没用的信息阻碍了我的视线。

2.每天都要登陆很多网站看看有没有什么更新,由于很熟悉,所以每次打开页面后我的眼睛会自动地聚焦在我下一步要点的按钮上,页面上的其他部分完全被我忽略!(没有统计过我这种人有多少,不过我身边倒是很多)

上面从新用户和老用户两个角度来谈,应该不存在太偏激的情况。

问题很明显:展示在用户面前的内容越多,有时候反而会造成用户浏览的内容越少!

操作系统的多任务功能,浏览器的标签功能都提高了使用者的工作效率,同时也降低了用户的转移成本。他们留给一个页面的时间会更少。所以你要在短时间内抓住用户的眼睛,然后提供高质量的内容和体验。最好的方法就是少!不要让用户把时间花费在“找”和“选择”上!

同时,还存在另一个问题:展示给用户的内容越少,必然导致用户浏览的内容越少!

所以,在提供少量内容的前提下引导,刺激用户产生更多的行为,我认为这样才是一个优秀网站(不包括所有类型的网站)的做法!

One response so far

帮助页面总让我更头疼

Feb 07 2009 Published by 小强 under 小强扯互联网

去过很多网站,也在很多网站上迷糊过,每次迷糊肯定得去帮助页面,但是很少有几个帮助页面真正帮到我了!更甚的是,这些帮助页面把我搞的更迷糊,我只好离开,不再回来,因为我搞不懂它。

还是举现实的简单例子来说明:

你来到一个新城市,有很多疑惑,于是你询问了一个人,他一句话没听,就给了你一张地图。

例子说完了,这时你肯定很容易地总结出这个人犯的错误

1.完全不去了解你的需求

2.地图不是万能的,很多问题都解决不了

3.他根本不知道你有没有耐心看地图,甚至不知道你会不会看地图

4.地图很可能没有及时跟新,导致出现很多错误

…………………….

这些问题很多网站的帮助页面都会出现!比如虾米的帮助就很让人头大!具体为什么你自己体会吧——虾米的帮助页面

No responses yet

回头客是如何练成的?

Jan 26 2009 Published by 小强 under 小强扯互联网

今天看了白鸦过去的文章:如何保证顾客的整体体验?这是一篇很不错的文章!看完后感触颇多!总是有很多东西想说,但是又支离破碎,不知道从何说起。我就从一个问题下手吧:如何留住用户?而不是让他们沉默的离开

以前听过一个数据:传统行业里,70%多的顾客选择沉默的离开,只有不到30%的顾客会投诉或者提交建议。而这30%中有97%会继续光顾。

据我估计,互联网行业中,沉默离开并不再回来的用户远远超过70%。所以,我的观点就是:让更多的用户提交建议就能留住更多的用户,同时产生良好的口碑。
阅读全文

No responses yet

微软产品因何而败?

Jan 06 2009 Published by 小强 under 小强扯互联网

今天在译言上看到一篇很好的文章——微软的产品因何而败?作者完全从用户的角度分析了软件设计需要注意的几点,在我看来,这几点同样适用于网络产品。

首先分享文中的一句精髓——“技术支持只占产品整体设计因素的一半。另一半则是人的因素:缺乏理性,易于冲动,没有耐心,权力饥渴的贪欲机器。”

随后提出了五点关键:连贯性,可用性,简易性,性能,稳定性。

这五点作者已经解释的非常清楚,我就不做过多的说明了。除此之外,我还想加一点:继承性!

简单的说就一句话:继承用户的使用习惯!

不论是用户界面的布局,按钮的位置,按钮颜色的变化,各种名称,页面跳转….都要符合主流的使用习惯。一个人的习惯是不会因为一个可以替代的产品而改变的。我们的身边经常发生这种情况:一个人承认产品A比产品B好,但是他任然不会使用产品A,理由很简:不习惯!

还有一方面需要继承的是数据和资料。

如果转换成其他产品用户的成本(在这里指时间成本和精力成本)过高,那么用户任然选择不转移。大量的数据和资料的转移会浪费很多时间和精力,这样就增加了门槛,门槛越高,进入的用户则越少!

No responses yet