Skip to content

如何量化用户体验[转自译言]

20-十-09

很多人都把用户体验看作是网站成功与否的一个总体衡量标准。分析一个网站在提供好的用户体验方面的效果如何,往往会变成一项很主观的事情,仅停留在观点层面,缺乏客观依据。

本文描述了一个量化用户体验的快餐式的方法,我发现这个方法对于提供给客户一个关于他们的网站和过去开发所作努力的快速、客观、形象的表现很有帮助。

什么是用户体验

用户体验”这个术语指的是一个概念:把最终用户作为设计和开发活动的焦点,而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心(用户至上)的设计理念。

用户体验主要由四个因素组成:

  • 品牌
  • 可用性(注释:用户能够使用一个界面来达到他们的目的的难易程度) [......]

继续阅读

our face

29-七-09

our face

无敌兔兔男

29-七-09

c

a

b

学习actionscript3:重力作用下的皮球

22-六-09

学习actionscript3最困难的恐怕要数面向对象的思维吧,函数程序写的多了就发现写到最后就乱了,有点儿不知道自个儿的程序是怎么样的逻辑,面向对象在这方面好一样,管理量大的代码轻松的多,我也试着通过actionscript3学习一下面向对象。

写了一个这样的小动画,有一个皮球在受重力作用而运动,同时你也可以用“手”改变一下它的方向和重新定义它的速度。


把整个动画看成几个对象:地球、空气、墙、球,另外地球有引力、空气有对皮球的阻力。

下载:源文件

解密CSS Sprites:技巧、工具和教程

06-五-09

一直想翻译这篇文章,没来得及,发现已经有人捷足先登了,干脆拿来主义。翻译的还不错,转贴自yeeyan.com

CSS Sprites并没有一个确定的中文翻译,通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟。CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。

本文系统的介绍了CSS Sprites的概念、用途和用法,相信本文会解决你在使用CSS Sprites中遇到的大部分问题。

什么是CSS Sprites?

“Sprite”(精灵)这[......]

继续阅读

CSS3的美好世界

06-五-09

css3

css-tricks.com对CSS3功能的期待程度进行了调查,结果是:

  1. 圆角 (22.0%, 1,541 Votes)
  2. 多背景 (22.0%, 1,523 Votes)
  3. @font-face (21.0%, 1,424 Votes)
  4. 动画/过渡效果 (12.0%, 818 Votes)
  5. 渐变色 (8.0%, 535 Votes)
  6. 投影 (4.0%, 271 Votes)
  7. RGBa-(颜色16位表示,a是透明度) (3.0%, 234 Votes)
  8. 文字阴影 (2.0%, 140 Votes)
  9. 其它 (2.0%, 168 Votes)

这些让人流口水的功能迟早都会实现,只是这个过程有多久[......]

继续阅读

精品字体网站-Fawnt.com

16-四-09

FireShot capture #4 - 'Fawnt - Top free fonts I Font - Archive I Blog Design and Webdesign' - www_fawnt_com

经常去看看的一个Fawnt fonts网站,貌似很久没有更新了.但是如果要是需要做LOGO或者需要一些比较好看的英文字体的时候,这个网站是不二之选.很多比较去年比较流行的字体比如Aniver, Tondo, 还有去年大火的Rezonr所有字体都是免费版本.自己慢慢找吧!

Happy Birthday to You!!!

15-四-09

Best wishes from @froons and @imoook and everyone of our company!

css设计中几个把握

15-四-09

可用

页面在各主流浏览器中可以正常浏览内容,至于“样式一致性”可以放宽要求。
比如非IE浏览器支持css圆角,而IE做圆角只能通过切图实现,如果直角在美观度上可以接受不仿就包容一下浏览器的显示不一致。这里有两个例子,一个是debian官方网站,另一个是wordpress后台界面。

速度

网页的显示速度不只是服务器的事儿,前端代码也很重要。
可以从CSS的体积着手让页面加载速度快一些,看下面“简单”。
还可以调整css文件的结构,少用import,减少css文件数量,必要时把CSS嵌入在HTML中,注意浏览器的缓存,css的URL引用要完全一致。

简单

这里的简单是css设计的简单。
一、要习惯[......]

继续阅读

网页设计工具-灰盒排版方法<灰盒模型>

10-四-09

注:在一些书籍中看到过”灰盒方法”,网上很多人用(包括我自己),但真正关于方法本身的介绍却很少.最近重读<超越CSS:Web设计精髓>时候”灰盒方法”的原出处.2004年一个叫Jason Santa Maria的设计师在自己设计的过程中逐渐总结出来的这种方法,原文中有对灰盒用法和流程的详细介绍.更重要的作者描述了他是在什么样的情况下发现使用这种方法的好处. 度过之后,对灰盒有更清晰的理解.所以翻译出来,希望对从事网页设计的朋友能有帮助.

在阅读了Douglas Bowman的Underline Text in Adobe Illus[......]

继续阅读