视觉设计师必备的在线logo矢量素材

http://www.brandsoftheworld.com/

 经过n年的发展,功能与内容越来越完善了.隐藏的意思是也越来越复杂了,呵呵~~

不过对视觉设计师来说,很有用

1)可以搜索到几乎是所有知名品牌的logo.你要通过google找,太不专业了,呵呵,它就是一个logo的数据库,非常稳定

2)支持免费下载.找到对设计师来说还是第1步,关键是要能下载下来,不是为了收藏.呵呵~~有这种行为习惯的基本是信息革命史前的残留动物.

3)最关键的是他提供的文件是非常专业的,我怀疑是作者本人发布的,从图形与格式看都是如此.相当于给你提供了别人的原稿,这很令人兴奋吧,呵呵~~

4)除了搜索还提供了浏览纬度,种类除了logo,又扩展出了相片与字体...

多下载,多上载 

自己慢慢玩去吧

《别让我思考》读书笔记

    拜读了这本好看、精简、实用而有趣的web可用性设计的好书籍,文章作者Krug提出的可用性三大定律,很具借鉴价值,以下做了整理分享给大家。

    Krug可用性第一定律——别让我思考
    这句话不用过多的解释,只是说设计者应尽量做到让用户看到你的web产品时是一目了然的,明白它是什么,怎么使用它,而不需要花费精力去思考。但是恰恰网页上会出现很多让我们去思考的内容,比如:

91.jpg

    上述的例子已经很明白的说明了用户在面对不通情形下的思考成本,当用户访问web时,每个问号都会加重他们的认知负担,把注意力分散,或许这种干扰很轻微,但积累起来,足以让用户抓狂。为什么要做到这么不言而喻呢?这跟web用户的使用习惯有关。在本书作者花了大量时间观察用户如何使用网络时惊讶的发现:人们总是很忙,他们使用web的目的就是要节省时间,所以他们习惯了扫描而不是阅读,就如我们习惯了去扫描报纸、杂志、产品说明书一样。访问一个不需要思考的网站是多么惬意、高效的一件美事。

    Krug可用性第二定律——要点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择
    很多时候我们很难控制用户在到达目标之前的点击次数,可能3次,可能5次,但只要每次点击都是毫不费力,顺势进行,那么用户的挫败感就会大大降低。本文作者给出了下面的经验准则:“三次无须思考、明确无误的点击相当于一次需要思考的点击。”结合我们自己的后台页面,在我们暂时无法找到一个更好的缩短用户使用及实现产品功能流程的解决方案之时,那么我们让每一步操作都显得简单明了,对用户的帮助也是巨大的。就如我在购买系统安装盘时,home?professional?到底哪个才是我要的呢?显而易见,用户在使用web时也经常遇到如此选择,那么让这类选择变得无须思考则是让我们的产品更容易使用的一个主要因素。

    Krug可用性第三定律——去掉每个页面上一半的文字,然后把剩下的文字再去掉一半
   
估计每个设计师看到这句话都会鼓掌叫好,因为我们总是纠缠在PD、运营人员之间,让自己有点焦头烂额。用户体验概念深入人心,很多时候我们为了体现对用户的超级友好而产生的文案真是让人眼冒金星,各式各样的形容词、欢迎辞堆积,生怕怠慢了用户,但恰恰相反,有多少用户会仔细斟酌你那天花乱坠的文字呢,就如之前说的,用户很忙,他们习惯的之后扫描。请看下面的例子:

92.jpg其实他的主要内容就是填写个反馈表单,但这些欢迎辞明显妨碍了用户并降低了他们的效率。

93.jpg建行的页面也一样,其实他最关键的就是最后一句话

    去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。虽然这话看上去似乎有点夸张,但我们必须认识到有力的文字都是简洁的,就如画上不应该有多余的线条,机器上不应该有多余的零件一样。欢迎辞更像是闲聊,浪费用户的时间,让文字更简短,让用户在每个页面上一眼看到更多的内容,有效的进行更多的操作,难道不好吗?

title实现的一种非常简洁的方法(回应f-dev的title比赛)

http://algo.net.cn/tmp/titles/

这种方法采用主体CSS渲染,并使用JS渲染细节。最大限度确保浏览的一致性。

作品

浏览产品线,搜索产品线,detail产品线,后台产品线,会员产品线,渠道产品线

1)浏览产品线是阿里巴巴网上贸易市场中面向买家的所有市场入口页面,包括首页,行业首页,分市场频道及市场活动产生的临时性推广页面。其内容包括网站导航,搜索引擎/类目,阿里巴巴提供的各种服务,第3方广告,市场活动及推广信息等
2)搜索产品线是为买家寻找产品、公司及为卖家寻找商业机会提供的搜索引擎工具,通过搜索,买家/卖家能快速地找到相关的产品及公司,并展开进1步的商务活动。搜索产品线作为一个重要的工具,其入口会贯穿整个网站的几乎所有产品线之中
3)detail产品线是指卖家/买家发布在市场上的详细信息,包括产品信息,公司信息,企业网站等
4)后台产品线是为注册会员提供的信息发布工具–阿里助手,注册会员通过阿里助手可以将相关的公司,产品信息发布到阿里巴巴的市场平台上,参与搜索排序及市场的聚焦推广活动
5)会员产品线为会员提供各种免费与收费服务的产品。包括注册会员,升级为诚信通会员,参与关键字竟价及黄金展位等。
6)渠道产品线是阿里巴巴将潜在用户转化为市场用户提供的各种产品,包括工具条,阿里旺旺的相关通道,外部流量引入页面等。
 

交互方式一定要考虑用户的习惯

讲个例子

有天出差住在宾馆,凌晨6:45的时候我的手机闹钟开始响了,那是我使用手机闹钟功能设置的日常起床时间.

我有2款手机,1款是nokia 7500 prism,1款是hp 6515,看情况换着用。7500的闹钟功能比较简单,提供1次提醒功能,我设置的时间是6:45分.6515提供3次提醒功能,我从6:45开始,隔5分钟闹1次,1共设置了3次.

这次我带的是nokia 7500手机

说到这里忍不住感慨下,我命苦吧,起来这么早.没办法,要在早上8点之前把女儿送到学校,路上看运气,1般至少要半小时.这学期我女儿已经不能再迟到了,据她讲再迟到1次学校就要扣她的品德分了(晕~~什么学校,这事情还能牵扯到了人品上。不过,这个办法挺有效的).

呵呵,扯远了~~回来继续说.

当我被闹钟吵醒的时候,我想起今天出差,不需要起这么早.不理它得了,它自己闹1会会停的.用这款手机的时候我都这样,能多睡会.呵呵~~

正想继续迷糊下去突然想起有点不对,这不,旁边还睡着1位一起出差的同事呢.昨晚大家睡的也比较晚,说好睡到自然醒的...在人家睡意正浓的时候,吵醒是多么残忍的一件事啊.不能让它再响了,我必须让它马上停止,让它多响1声那都是犯罪啊...

想到这里我迷糊中摸到手机,随便按了下.不响了.嘿嘿,成功~

刚想继续睡,没想到它又继续响了,我又按了下.又不响了...如此好几次,还没完没了的架势,我感觉到旁边的同事在不停的翻身,折腾着被子(估计在蒙脸吧,呵呵,罪过啊~~)

我纳闷起来:这不是我的hp 6515啊,只有它才会多次提醒,7500平时只闹1次的...为什么今天的7500失常的象6515正常的时候一样了呢?难道我是在做梦吗?。。。干脆让我在梦中把手机换成iphone,把汽车换成toaureg,把房子换成别墅,把老婆换成....吧,my goddess!!!郁闷中我睁开迷离的双眼看了眼屏幕.

与按件对应的屏幕上清楚的显示着2个字"再响"

天啊(这次是母语)!!!!

有好几天我都忘不了这件事,我对nokia这个品牌的感觉从此开始恶化,我不明白为什么在那个情境下键盘对应的竟然是"再响"而不是"停止"功能.有谁会有这么bt的需求,在闹钟响的时候做个动作其意图不是让它停止下来,反而是希望它再响1次

对比生活中真实的闹钟,它上面也有1个按键,这个按件的功能即是启动闹钟的功能,同时也是停止闹钟的功能—启动状态下只要我们再按1次它就停止了(我女儿就有一个米老鼠造型的).这是我们很容易弄懂也不容易搞错的功能.这真是一个非常棒的设计!因为你根本不需要思考与学习自然就会做这个动作.就象你想赶走1只狗,你只要做个干扰的动作一般就会奏效.这个设计延续了我们在日常生活中养成的习惯--很多都是在自然中得到的经验.

自然地,我也把这个习惯带到了手机上,在hp 6515上它起作用,我干扰它她就会停止,在nokia 7500上它起反作用,我干扰它它默认我让它再响1次...

我错了

信息产品上产生的这类问题,alan cooper称之为"认知摩擦"

交互设计师是在信息产品快速发展的过程中产生的,因为我们人为地设计这种与我们的习惯不一致的交互方式,制造了大量的"认知摩擦"。可有多少交互设计师把自己当用户去体验下自己设计出来的信息产品呢?哪怕是测试1下也会减少很多这类问题。我们的交互设计师让用户学会了多少与自然中不同的交互方式从而改变了他们的习惯?假如用户再把这种习惯带到现实生活中,就象他们很自然地把现实中的习惯带到信息产品的使用中来一样—那会出现怎样的场景?

想到这里感到害怕。毕竟,现实中出错的成本与代价远比挫败与沮丧这类心理感受要严重的多,那也许是真实的伤害。。。

这也并非全是交互设计师的责任,在快速开发上线迭代的商业文化下我们往往会牺牲这些细节的质量来追求产品的市场表现。我无法衡量这样的体验所造成的损失,从这个个案看,nokia手机操作系统的这个小小的设计让我对它的产品甚至品牌的好感消失的更加快速,它要让我重树好感会很困难。

我不知道别的手机会不会也有类似的问题,但我宁愿去尝试。

交互方式,一个原来我们不会去关注的领域在信息产品的时代正逐渐成为一个新兴的设计工作。在现实中那么自然地发生的交互方式到了信息产品里因为技术的原因我们无法完全继承过来,这个责任目前被赋予交互设计师(如果反过来想也许我们会更清楚这个责任有多重大)。这其中有很多成功的例子,比如触摸屏(我经常看到小孩子对感兴趣的内容都习惯去点屏幕,即使它不是触摸屏),也有很多权宜之计,比如鼠标键盘,也有很多失败的设计,这个例子就是其中一个。失败的设计其外延出来的内容已超越了违背用户习惯的交互设计范畴,也许这是一个反面的例子可以用来证明交互设计对产品的用户体验以及品牌的价值。

位置-信息架构的核心思考

先讲1个例子

昨天晚上我路过1个街道,我的行程是到了路口右拐(那是我回家的方向).接连超过几量汽车后我拐到右道,前面有1辆出租车无法超越,快到路口的时候,前面的出租车停了下来,它的前面还有2辆出租车已经停在那里.我以为是红灯遇阻,于是停在后面等候.停了大约有1分多钟的时候我感觉出了问题:红灯没这么长啊.我看看周围,发现路边是个娱乐场所S2,时间点已是凌晨,旁边的车道很空,来往车辆正常...一系列的状况告诉我我可能上当了.我立马左转到左车道,发现这3辆出租车前的右车道是空着的....原来我真的被这3辆在右车道上等候做生意的出租车误导了,当时的挫败感与沮丧难以言喻

联想到我们在产品页面增加相关信息的时候,位置放在哪里往往会成为争论的焦点.很多时候,我们都象这个例子中只图自己方便的出租车司机一样,把车直接停在车道上,根本不去考虑有没有阻碍,影响用户的任务.联想到用户在使用我们网站时种种错误的操作产生时的窘状...

如果把我的这个故事翻译成网站,你会发现我的任务因为插入的信息(出租车)所处位置的问题,导致我产生了问题–任务受阻。可能消耗不必要的时间,可能去了不相关的页面,还有可能因为回不来导致原来的任务无法完成。。。

这样的事情在我们的网站上太普遍了,比如在发布流程中插其它产品/服务的推广。。。与出租车乱停车不同,我们做这样的决策的背后往往被冠以商业的名义

分享国外网站的404 error pages

    搜集了一些有趣及人性化的404 error pages,有利于拓宽我们的思路,从细微做起,一步步提升网站的友好度。例子如下:
1.       运用吸引人的画面

运用手绘的效果告知访问失败的用户,但同时在页面提供搜索框降低用户的访问挫败感

1

Rainfall Daffinson网站的设计俨然让你不觉得失望

2

甚至即便是一个404 error page也可让你感觉设计的好有型呢

3

很生活化的书籍设计,拉近网站与用户的距离

4

2.       诗情画意的设计

在告知用户页面不可访问的同时还设置了一个返回首页的引导,很友好

10.jpg

BlueVertigo网站在页面上小诗一首,也挺不错的

13.gif

 

还有Poemofquotes.com也是如此

14.gif

 

Darren Hoyt网站则是向用户坦诚说明造成网站不可访问的原因,很诚实的感觉,呵呵

15.gif

 

3.       情感化的设计

你看,一看就很委屈很伤感的样子,用户当然就会原谅它了

16.jpg

呵呵,网站建议用户向小猫一样一见情况不妙就得撒腿就跑

17.jpg

 

4.       跟用户耐心解释究竟发生什么事了

用一张很好的视觉流程图向用户去解释

18.jpg

19.jpg

 

5.       很独到的解决方案,让用户一看画面就明白发生什么事了

电视台没节目了,用户估计也明白了

20.gif

电脑蓝屏,大家也知道事情不妙了

21.gif

    呵呵,好了,暂且分享到这里,以上图片均可直接点击进入该网站404 error页面。分享的目的只是想说,友好的界面设计来源于我们的生活 ,注意观察周围的一切,拥有一双锐利的双眼,相信你的设计将更贴近用户!

Firefox的浏览器插件 – PicLens, 浸入式界面

http://www.piclens.com/site/firefox/win/

http://www.piclens.com/site/firefox/tutorial_pl_ff_16.php

阿里巴巴(中文站)用户体验设计部官方网站

Copyright 2008. All right reserved. Powered by WordPress.