Archive for 六月, 2009

网站可用性和用户体验的关系

星期四, 六月 25, 2009 By: allan
Category: 技术支持

DJ 和 Bonny展开了一场以“品牌的用户体验”为主题的对话。这场对话也引发我们去探讨可用性(usability)和用户体验(user experience)的差别。从我的角度看,这两者同样重要。

正如DJ提到的,很多在相同领域的客户都面临相同的可用性问题。我们很幸运的曾经和几个在相同领域的公司合作,因此我们针对两者的区别有一些想法可谈。

我对两者的定义是…

首先让我们看看国际标准化组织(ISO)是如何来给可用性下定义的。在ISO9421里提到,某一事物的可用性应当可以以效力(effectiveness)、效率(efficiency)和满意度(satisfaction)三个维度来进行衡量。

效力(effectiveness)是指用户是否可以完成任务。

效率(efficiency)是指用户完成任务的快慢(这点在web和某些非关键应用上的重要性略低)

满意度(satisfaction)是衡量用户是否很享受完成任务的过程(最有趣的可能是具有高满意度将影响用户对效力和效率的看法)

那什么是用户体验呢?

用户体验是关于用户和品牌间的一个更大的概念。所以不只是一个是否可用的问题,而是如何让用户更简单的理解、参与其中并与品牌展开对话的问题。

这个问题真是太大了!这要求每个人,包括从管理层到一线员工(包括设计师、开发人员、文案人员和经理)都用相同的方式思考并实施。

你不需要见解(eyes),你需要的是愿景(vision)

这是问题的关键。如果缺乏一个针对你想创建的用户体验的非凡愿景,你很难建立伟大的用户体验。

看看那些伟大的品牌:Apple、Innocent Drinks、Nike、Howies。如果你与这些品牌的任何员工交谈,他们都能和你分享他们公司的愿景以及这些愿景意味着什么。

这些对你的网站/移动应用/业务简报(newsletter)/应用有什么影响?

尝试去思考这些内容,并把它比作你的同事,而不是一个对象。

作为一个你想让他谈论品牌的同事,你将如何使他们加入到你的用户中来。

事实上,他们所拥有的网站将是品牌表现的一部分。所以,网站看上去如何、他们说了些什么、他们对于抱怨如何反馈都是品牌对外表现的一部分。

所有的这些对于创建伟大了用户体验都非常重要,确保这些事情一切正常是必须做到的。

反过来看看那些在相同领域的品牌,就很容易看出他们有着相同的愿望但却试图着拥有不同的用户体验。

文章转载自:菠菜博 [http://www.bbon.cn]

VN:F [1.7.7_1013]
Rating: 0.0/10 (0 votes cast)
VN:F [1.7.7_1013]
Rating: 0 (from 0 votes)

40+ CSS导航菜单实例资源

星期二, 六月 23, 2009 By: allan
Category: 技术支持

如果在网站中有什么可以为用户留下第一印象的话,那么一定非创意实用的网站导航菜单莫属吧,在崇尚操作实用,注重体验的Web设计中,导航菜单的作用举足轻重。它可以引导用户更好地浏览网站内容,让用户更快速地找到感兴趣的内容。

在这篇文章中,整理搜集了40多套优秀的CSS导航菜单实例资源,下载即可使用,修改模板和结构也是非常的方便,应用在你的网站开发过程中,一定可以为你的前端开发提高工作效率,节约时间。

11 CSS Menus By Exploding Boy

11cssmenus

12 More CSS Menus By Exploding Boy

12cssmenus

14 Vertical CSS Menus by Exploding Boy

14vertcss

Drop Down Meny by CSS Play

dropdowncssplay

CSS Slanted Menu by SimpleBits

cssslants

CSS Menus v2 by qrayg

cssmenuv2

Mini-Tabs by Simple Bits

minitabspic

CSS Only drop-down menu by CSS Play (Multiple)

cssplaymult1

cssplaymult2

cssplaymult3

cssplaymult4

cssplaymult5

CSS Fly Out Menu By CSS Play

flyoutmenucssplay

CSS Fly Out 2 By CSS Play

flyoutcssnontran

CSS Fly Out 2 (Transparent Version) By CSS Play

flyoutcsstrans

CSS Tabs by Unraveled

csstabsunrav

CSS Tabs with Submenus

csstabswithsub

Tab Tree using CSS and Javascript

csstabtree

9 Horizontal CSS Menus by E-lusion

csstabselusion

FreeStyle CSS Menu

freestylecssmenu

Chrome CSS Drop Down Menu

chromecssdropdown

Light Weight CSS Tabs

lightweightcsstabs

Inverted Sliding Door Tabs

invertedslidtabs

Digg-like Navigation Bar Using CSS

diggcssnavbar

Digg-Like Vertical Menu with CSS

diggcssvert

Flickr-Like Horizontal Menu

flickrcssmenu

CSS Tabbed Search bar

tabbedsearchdigg

Hybrid CSS Dropdown

hybridcssmenu

via:top-40-css-menus-you-can-use-right-now/

文章转载自:菠菜博 [http://www.bbon.cn]

VN:F [1.7.7_1013]
Rating: 0.0/10 (0 votes cast)
VN:F [1.7.7_1013]
Rating: 0 (from 0 votes)

Fast Dial – Firefox自定义聚合常用网站工具

星期一, 六月 22, 2009 By: allan
Category: 技术支持

Fast Dial 用一套你最喜欢的网站的缩略图面板取代了“about:blank”页面。像 Opera 浏览器的 Speed dial 一样,让你通过点击缩略图快速访问常用的网站。右键点击缩略图,在上下文菜单依次选择“Fast Dial”、“设置URL”。选取一个 URL 之后点击“OK”。一两秒之后就会出现一个缩略图,以后只需点击缩略图就可以打开网站了。

fast-dial

你也可以右键点击页面在上下文菜单中选择“添加到Fast Dial”来指定任何网页。
左击缩略图标题可以打开“设置URL”对话框。中键点击刷新缩略图。
如果你将鼠标移动到缩略图的右上角,就会出现一个按键面板。

插件地址:https://addons.mozilla.org/zh-CN/firefox/addon/5721

插件安装:安装到 Firefox

文章转载自:菠菜博 [http://www.bbon.cn]

VN:F [1.7.7_1013]
Rating: 0.0/10 (0 votes cast)
VN:F [1.7.7_1013]
Rating: 0 (from 0 votes)

Google 云计算 梦想实现

星期六, 六月 20, 2009 By: sam

喜欢驾驶私人飞机旅行的埃里克·施密特遇到麻烦了。突如其来的机械故障让这位谷歌的CEO在香港机场苦等了9个小时,但这并没有阻挡他飞往北京的决心。

3月17日,在位于北京清华科技园的一间狭小的会议室里,52岁的施密特戴着金边眼镜,扎着粉底小花的领带,用一种近似大学教授的儒雅,开始了自2006年以来第三次面对中国观众的演讲。没有富丽堂皇的礼堂,没有令人眼花缭乱的灯光特效,这个全球最著名的互联网公司的CEO的演讲平易近人得如同一次大学里的公开课,甚至在演讲进行了十多分钟之后,他仍然被摄影记者团团围住,他不得不一再说谢谢,让簇拥在身边的摄影师散去,底下的观众才得以看清他的身影。

 

全球计算机

“你一生要换多少次手机?如果手机丢了,里面的电话号码怎么办?”施密特向在场的人问了一个问题。

显然,施密特早已准备好了答案。他用一种未来学家的口吻说道:“未来互联网的发展,最重要的一个改变就是个人计算机的架构正在逐渐转向云计算。”

云计算,正是施密特此次访华抛出的一枚重磅炸弹,也代表了谷歌一以贯之的看法:人们对计算机的使用正在从以PC桌面系统为中心转向以网络为中心。施密特说,过去我们把所有东西都放在计算机里面,计算机丢了,所有信息也随之丢失了;而在这个以网络为中心的新模式中,这种情况不再发生,因为所有的服务和应用都是在通过线提供的。他打了一个形象的比喻,就像把自己的所有数据“存进了一个银行”,“银行给你存钱并提供自动取款机,而你就可以无需把所有的钱都带在身上。”在这种情况下,就算替换手机,联系人的号码也不会丢失,因为已经存留在网络上。施密特勾勒出的这样一幅诱人的未来图景——通过互联网,人们无论在什么样的终端上都可以随时得到所有的信息。

施密特雄心勃勃的“云”计划与《哈佛商业评论》前编辑尼克拉斯·卡尔(Nicholas Carr)的观察不谋而合。他在《巨大的转变》(The Big Switch)一书中断言,100年前曾经在机械动力领域出现的一幕正在今天的计算领域上演。他说,在19世纪末期,如果企业需要运转一台机器,没有其它选择,只能自己建造一个动力运营部门来生成动力,最初利用的是水力和蒸汽动力,后来便是电力。而当尼克拉·特斯拉(Nicola Tesla)发明了电力传输方式之后,一切都发生了变化。你只要处于一个供电网络之中,就可以获得来自遥远地方的电力。随着宽带网络的普及,今天的计算就如同当年的电一样,正在完成从工具向效用的转变。未来,企业将不再需要自己的数据中心或是桌面软件。像谷歌之类的公司将类似国家电网,托管全球数据处理和存储服务,其它企业只需付费即可使用。

这一模式的诱人之处在于:国家电网所能承载的负荷是发电机难以比拟的。谷歌云计算的负责人说,现在,电脑用户用自己的电脑计算,科研单位用自己的数台服务器计算,可是一旦他们接入谷歌“云计算”中心,他们就都可以通过谷歌成千上万台服务器的数据库计算能力来得出自己想要的结果,一方面降低了成本,另一方面提高了效能。

在卡尔看来,认为谷歌只是一家搜索引擎公司的看法已经过时了,谷歌的目标是取代个人PC或企业数据中心,成为全球的计算机。而要成为全球计算机,依靠的就是云计算这个“简单却很强大”的理念。施密特并不讳言,作为云计算的推动者之一,“谷歌所做的投资或者所做的工作都是与云计算相关的”。

谷歌资深工程师谷雪梅告诉《互联网周刊》,云计算的概念并不是谷歌提出的,20年前就有了晶格计算的说法,1998年的时候,美国的科学家才对云计算有了一个定义。她说,“云计算并不是一个产品,它是一个庞大的概念,谷歌在自己的技术和产品里,不断地实践着这个概念。” 在她看来,搜索引擎算得上是最早的云计算的应用之一了。因为它的数据和计算都在数据中心里面,用户只需要进入谷歌的首页,把自己想知道的东西输进去,谷歌庞大的搜索引擎就会在远端的数据中心,帮助用户寻找相关数据并进行计算排名,然后把结果反馈回来。

云计算成为互联网的核心,谁都不想错过这个机会。2007年,亚马逊(www.amazon.cn)推出了名为“弹性计算机云”的收费服务,中小软件企业可以按需购买亚马逊数据中心的计算能力;太阳微公司(Sun Microsystem)推出“黑盒子计划”(Project Blackbox),为政府、企业和大学的数据中心随时提供额外的计算能力;IBM(www.ibm.com.cn)也宣布了200名工程师参与的“蓝云(Blue Cloud)”计划,并在中国无锡建立第一个“云计算”中心(Cloud Computing Center),为新兴软件公司提供计算能力。

与其他的几大巨头相比,谷歌的切入点有所不同。谷歌的从个人服务延伸到企业应用。云计算和存储对于企业的意义重大而深远。这将是一次颠覆性的企业信息化革命。如果你也想体验google最in的企业服务。现在就请立即填写申请表。我们将由专业的技术人员协助你迈入全新的企业云计算的应用领域。

你的公司名字 必填

你目前使用的邮箱 必填

联系人

联系电话

公司域名

需要开设的用户名(用逗号分隔)

其他要求或备注

验证码
  captcha

VN:F [1.7.7_1013]
Rating: 9.0/10 (1 vote cast)
VN:F [1.7.7_1013]
Rating: +1 (from 1 vote)

35个优秀的创意光影效果网站设计实例

星期六, 六月 20, 2009 By: allan
Category: 技术支持

在当前的Web设计中,越来越多的高质感的光影效果被应用其中,并逐渐成为一种设计趋势,设计优秀的光影效果可以为网站增添更多的生气和活力,让网 站的整体视觉更具冲击力和感染力;创意的光影效果还能使网站要表达的主题意境发挥的更加淋漓尽致,让用户更直观地获取网站设计主旨,从而更好地领略产品形 象定位。当然,要实现这么优秀的创意效果,是一定需要深厚的设计实力,这里整理的35个优秀的创意光影效果网站设计,值得你参考学习。

45royale

45royale.com

Newism

newism.com.au

TaoEffect

Screenshot

McCafe

Screenshot

Postbox Inc.

Screenshot

Weloveicons.com

Screenshot

31 Three

31three.com

Icondock

Screenshot

Mailchimp

Screenshot

for a beautiful web

Screenshot

CampaignMonitor

campaignmonitor.com

Crush + Lovely

crushlovely.com

Camp Creative Group

campcreativegroup.com

Design moves me

designmovesme.com

ditley

ditley.com

artificial studio

artificialstudio.com

Revive Africa

Screenshot

Lisa Moseley

Screenshot

WebKitbits

Screenshot

rareview

Screenshot

Your Web Job

Screenshot

Strutta

Screenshot

Drew Wilson

drewwilson.com

envato

envato.com

icebrrg

icebrrg.com

Revyver Labs

labs.revyver.com.com

Mike Precious

mikeprecious.com

nekob

nekob.com

nitobi

nitobi.com

Search Inside Video

searchinsidevideo.com

Monterey

seemonterey.com

Tutorial9

tutorial9.net

GoodBytes

goodbytes.be

foehn

foehn.co.uk

Alex Buga

alexbuga.com

youLOVE.us

youlove.us

avalonstar

avalonstar.com

Viget Labs

viget.com

Barack Obama

barackobama.com

via:35 Examples Of Masterful Lighting Effects In Web Design

文章转载自:菠菜博 [http://www.bbon.cn]

VN:F [1.7.7_1013]
Rating: 0.0/10 (0 votes cast)
VN:F [1.7.7_1013]
Rating: 0 (from 0 votes)