产品设计三定理

很多用户是闭着眼睛看网站的说了一件很现实的事情,用户是不看提示的,他们只凭自己的感觉操作. 对于产品交互的设计,我也一直这么认为,如果需要在界面上通过写提示信息来指导用户操作,那么设计上很可能是有可以改进的余地.就象好的程序是自然可读的,如果不得不加注释,多半是有问题了一样. 好的交互设计,就是要随着用户去造,总能完成任务.要做到这点,需要好好体会下面的交互设计三定理: 第一:产品不能做危及用户的事情,如果用户操作错误,也有义务修正. 第二:服从用户的所有操作,但不得违反第一条. 第三:不能危害产品自身,但不得违反第一、第二定理 看着眼熟么?其实剽窃了阿西莫夫的机器人三定理,他老人家半个世纪前就总结好了: 第一:机器人不得伤害人,也不得见人受到伤害而袖手旁观。 第二:机器人应服从人的一切命令,但不得违反第一定理。 第三:机器人应保护自身的安全,但不得违反第一、第二定理 每一个产品都是一个机器人. 说起来挺容易,做起来真的很难.

共享我的奥里奥blog主题

看到有人模仿这个主题,干脆共享出来。 主题截图如下: 该主题可以使用于wordpress 2.0.x版本。 安装方式,下载主题包,解压后将整个oreo目录放置于: [wordpress安装目录]/wp-content/themes 目录下。然后在wordpress的theme管理下选择Oreo主题。 配合Ultimate Tag Warrior插件使用可以在页面中显示相关标签内容。如果没有该插件,只能显示文章分类。其它footbar中的内容可以自行添加在sidebar.php中。 主题的代码和设计使用GPL协议。使用时希望能够保留页尾作者的名字和链接,如果实在想删除,也无所谓。 下载地址: oreo.0.1.tar.gz 如果碰到什么问题,欢迎报告。抛砖引玉,希望和大家交流theme设计。 更新:Wayne很勤劳的为oreo主题修改了不少bug,添加了不少功能,欢迎大家去看看他的成果。

blog重构

上个星期看css reboot看得心旷神怡,越看自己的blog越不像样,终于下决心给我的blog也来一次reboot。 1.干掉侧栏 无论是两拦还是三栏式的blog布局,侧栏都被过度利用了,就象一个垃圾箱,什么都可以丢进去。花里胡哨的侧栏转移注意力,而且实用价值并不高。例如包括我自己在内的很多人都有一个高耸入云的订阅图标列表,实际上排列在一起样貌相似的小图标即不好区分也不好点击。作为一个bloglines的用户,我从来没有在任何一个人的blog上费劲去找他们专门提供的订阅图标,我懒,我只点一下bloglines给我提供的bookmarklet。 2.重用底栏 Flickr是重用底栏的专家。SimpleBits是在blog布局中重用底栏的先行者。不仅是为了奖励把页面拉到最后的读者,去掉侧栏而使用底栏,内容和功能各得其所,主题内容更加突出。底栏也不象侧栏那样受到宽度局限,有更丰富地设计选择。由于在页面下方,即使内容多一些,占地大一些也不会影响主要内容的浏览。另外,我的FBO插件已经帮我搜集了我自己的有关信息,很容易就可以把它们都显示在底栏。 3.blog首页 blog首页到底放几条主题合适?我过去的选择是5条。但一个象我这样更新并不频繁,内容连续性不强,主要浏览来自于订阅和搜索引擎的blog,首页放5条主题的意义在哪里?我最后的选择是放一天的内容,将最近主题列表显示在底栏。blog的形式决定首页内容的数量。 4.内容布局 我花了不少时间,参考了很多设计,最终确定目前的内容布局方式。blog的内容象一个辞典的条目一样被展示出来,tag在sidenote的位置。每个人都熟悉辞典的布局,熟悉的布局就不会带来不舒服的感觉,自然就能理解每一部分要传达的信息。在内容右边放置了相关内容的链接,远比侧栏里几个显示月份的归档链接有意义的多,同时将这部分内容从以前每条主题的下方独立出来放在右边,功能和观感都更清晰准确。 5.配色及其他 我没有学习过任何有关配色的知识,我能做的就是找到我感觉好的配色,然后抄袭。目前的配色也是从我的blog内容出发,黑土地色系让我的blog可以显得稳重一些,划过链接时的绿色就象土地上的绿草,会给大多数人舒服的感觉,也是现在网上越来越流行的配色。没有用其他任何大的色块,或者说还没信心用,小的色块起一点点缀作用。 重构前后的效果比较: 重构前: 重构后: 对于这次blog的重构,美观是促使我开始动手的契机,更好的用户体验是我的目标。欢迎有同样兴趣的朋友和我交流。 还没在IE里看过效果,不知道会不会是一团乱。。。

设计超强的blog

今天看到有人自己评出的十个设计最好的blog,果然个个都超强。 里面有好几个都出自9rules的CSS Reboot。 从这些设计中可以看出,blog最常采用的两栏式布局慢慢不再是渴望独具一格的设计师的首选。主页面上展开的blog内容也越来越少,突出最新的主题。footbar慢慢开始代替sidebar成为主流。 向真正的网页设计者致敬,他们是互联网时代的艺术家!