Attention, Zin 的交互设计之路。

User interface, user experience and interactive design.

{ I am SOHO:Researching in Design Pattern and Human-Computer Interaction. }

Research has to be good for something before it is good for everything / 研究必须在对某件事情确实有效之后,才谈得上推而广之

本站放弃对IE6的支持,抛弃一切该抛弃的东西

Firfox3.5发布支持HTML5及更多的CSS2.1属性

Firefox3.5发布了,抛开其所说,更安全、更快速、更小巧且具有扩展性不谈,其对HTML5的支持以及对更多CSS2.1特性的支持无疑对整个WEB 开发行业起到很大的推动作用。
来自官方的报道:

HTML 5 支持


使用声音或视频元素
Firefox3.5增加了对audio及video元素(标签)的支持
离线资源
Firefox 3.5 现在完全支持HTML5的离线资源使用规范
拖拽
HTML5中对元素拖拽API的支持,这无疑给那些基于Mozilla开发的插件带来了很大的便利,可以基于此API实现简单的拖拽交互

CSS特性的新支持


可下载字体(自定义字体)支持
新的 @font-face 规则使页面可以下载自定义字体字体,而使其按照设计者期望的形式表现出来

CSS 多媒体判断
Firefox 3.5 现在可以支持根据不同媒介选择而表现的样式表属性了

:before 和 :after 的支持已经升级至 CSS 2.1
伪类选择器 :before 和 :after 已经升级完全支持 CSS 2.1, 增加了对 position, float, list-style-*, 及一些其他显示属性的支持
其他还有ch 长度单位,opacity透明属性而之前的 -moz-opacity被放弃,text-shadow,word-wrap,还记得在fx下那些英文如代码之类的不会自动换行的尴尬吗,不用怕了,使用word-wrap:break-word就可以解决了,white-space 属性支持 pre-line等等
更多可以看https://developer.mozilla.org/en/Firefox_3.5_for_developers

jQuery性能优化

1,总是从ID选择器开始继承
2,在class前使用tag(标签名)
3,将jQuery对象缓存起来
4,对直接的DOM操作进行限制
5,冒泡
6,推迟到 $(window).load
7,压缩JavaScript
8,尽量使用ID代替Class。
9,给选择器一个上下文
10,慎用 .live()方法(应该说尽量不要使用)
11,子选择器和后代选择器
12,使用data()方法存储临时变量
13,尽量使用原生的JavaScript方法

用户体验的几个概念

谈到用户体验,同时也会有提到或联想到“用户为中心设计”、“可用性”、“人机交互”、“人因素”几个概念。
他们到底是什么关系呢?有什么概念的区别?
09年6月20参加UPA的用户体验的管理论坛讨论听了大家的探讨。这里向发表一下自己的意见。

整体来说,他们有着一定的逻辑关系,其他四个方面都可以认为是用户体验的概念及方法要素,当然,也有着自己独立的地位,甚至有自己的学术研究范畴。

关于用户体验,用户体验似乎每个人都在说,也正是每个人都有自己的“体验” 看起来是一个门槛很低的事情,然而用户体验是无处不在的,而且也是无时不体验的,用户体验会贯穿在整个产品的生命周期中,不只是产品本身的设计阶段,在产品的营销阶段也有着重要意义,这里并不是“客户对销售代表的感觉”。用户体验包含了商业策略的问题,记得UCA的理论里就有企业战略定位的问题,苹果 iphone的例子,在其推出之前就已经进行一些商业暗示的宣传了,实际用户已经进入了一个“心理体验”的阶段,用户体验是贯穿整个产品的生命周期的,从策划开始。

可用性,在ISO9241/11国际标准中定义为“可用性是一个多因素概念,涉及到容易学习、容易使用、系统的有效性、用户满意,以及把这些因素与实际使用环境联系在一起针对特定目标的评价。”可用性可以理解为一个产品设计的最基本原则性目标,是软件要“直观”、“容易使用”、“学习简单”、“使用稳定”等,从心理学角度看,可用性的基本含义是:
  1.软件的设计能够使用户把知觉和思维集中在自己的任务上,可以按照自己的行动过程进行操作,不必分心在寻找人机界面的菜单或理解软件结构、人机界面的结构与图标含义,不必分心考虑如何把自己的任务转换成计算机的输入方式和输入过程;
  2.用户不必记忆面向计算机硬件软件的知识;
  3.用户不必为手的操作分心,操作动作简单重复;
  4.在非正常环境和情景时,用户仍然能够正常进行操作;
  5.用户理解和操作出错较少;
  6.用户学习操作的时间较短。
  其中:
  有效性 -用户完成特定任务和达到特定目标时所具有的正确和完整程度;
  效率 -用户完成任务的正确和完整程度与所使用资源(如时间)之间的比率;
  满意度 -用户在使用产品过程中所感受到的主观满意和接受程度。
来源:http://baike.baidu.com/view/1436.htm

以用户为中心的设计,是产品设计的一个很大的概念,可以认为是一种设计方法或原则,人机交互及人因素,甚至都有自己独立的学科,可以从字面上理解,个人认为,人机交互在UED 中可以作为一种模型,来解释虚拟与现实的区别,场景设计需要考虑到哪些问题,而人因素则是另外一个考虑的角度,也正是人因素包含了物理因素,也包含了主观因素,才会有了“我认为”,“我通常会”这样的描述出现在用户体验的评论中。用户体验往往是去找出什么是错误或不好的做法,而很难找到一种“正确”或“好 ”的事情,方法应该在不断的研究中得到而去指导工作。用户体验本身有自己的商业价值,所以是一个很慎重的事情。UCD不是以“我”为中心的。

有道《变形金刚2》的个性首页皮肤上线

有道个性首页这次很应时吗,在过两天(2009年6月25日凌晨)变形金刚2就要在国内上映了,这次准备了几款变形金刚2的主题皮肤放出来,先看一下
堕落金刚


试穿 堕落金刚

大黄蜂


试穿 大黄蜂

CSS2属性对照表

有道谜题的回忆

有道谜题上线到现在已经一个多月了,这个游戏是给有道难题做的一个在线解谜游戏,游戏规则就是回答问题,答对了会按照顺序解开后面锁定的问题,有些问题可以解开隐藏关。
现在抽出时间来回忆一下当时开发的过程,参考意义并不大,只做日后个人参考。
这是第三次使用action script做项目,第一次是做一个有道桌面词典的gadget当时还弄了个AIR版本的,第二个是帮有道音乐盒的心情音乐做了个minisite,虽然有进步,但还有很多东西都处在学习跟实践的阶段……

Yahoo!提出网站内容性能优化的10条建议

英文地址:http://developer.yahoo.com/performance/rules.html
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。
Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。

其中内容部分一共十条建议:

  1. 尽量减少HTTP请求
  2. 减少DNS查找
  3. 避免跳转
  4. 缓存Ajxa
  5. 推迟加载
  6. 提前加载
  7. 减少DOM元素数量
  8. 用域名划分页面内容
  9. 使frame数量最少
  10. 避免404错误

如何在PHP开启gzip页面压缩实例-[zz]

介绍如何在php页面中使用gzip压缩来提高页面传输性能

HTML DOM Style 对象对照列表

 Style 对象

 
Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问Style 对象。
 
使用Style 对象属性的语法:
 
document.getElementById("id").style.property="值"
 
Style 对象的属性:背景、边框和边距、布局、列表、杂项、定位、打印、滚动条、表格、文本、规范

网站优化之Apache及IIS启用gzip - [zz]

先来了解一下GZIP,gzip 是GNU zip的缩写,它是一个GNU自由软件的文件压缩程序,也经常用来表示gzip这种文件格式。软件的作者是Jean-loup Gailly和Mark Adler。1992年10月31日第一次公开发布,版本号是0.1,目前的稳定版本是1.2.4。

gzip可以极大的加速网站。有时压缩比率高到80%,近来测试了一下,最少都有40%以上,还是相当不错的。
更早的文章

朋友的

订阅

  • 欢迎订阅我的博客Attention!
  • 订阅到有道阅读

© 2008 7thPark.com. Some rights reserved! Z-blog inside. 粤ICP备05035430号

返回页首