石锅拌饭

Tag: design

产品设计三定理

by on May.09, 2008, under Uncategorized

Picture 4-2

很多用户是闭着眼睛看网站的说了一件很现实的事情,用户是不看提示的,他们只凭自己的感觉操作.

对于产品交互的设计,我也一直这么认为,如果需要在界面上通过写提示信息来指导用户操作,那么设计上很可能是有可以改进的余地.就象好的程序是自然可读的,如果不得不加注释,多半是有问题了一样.

好的交互设计,就是要随着用户去造,总能完成任务.要做到这点,需要好好体会下面的交互设计三定理:

第一:产品不能做危及用户的事情,如果用户操作错误,也有义务修正.
第二:服从用户的所有操作,但不得违反第一条.
第三:不能危害产品自身,但不得违反第一、第二定理

看着眼熟么?其实剽窃了阿西莫夫的机器人三定理,他老人家半个世纪前就总结好了:

第一:机器人不得伤害人,也不得见人受到伤害而袖手旁观。
第二:机器人应服从人的一切命令,但不得违反第一定理。
第三:机器人应保护自身的安全,但不得违反第一、第二定理

每一个产品都是一个机器人.

说起来挺容易,做起来真的很难.

4 Comments : more...

共享我的奥里奥blog主题

by on Jul.08, 2006, under Uncategorized

看到有人模仿这个主题,干脆共享出来。
主题截图如下:
Newpage
该主题可以使用于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,添加了不少功能,欢迎大家去看看他的成果

11 Comments :, , more...

blog重构

by on Jul.03, 2006, under Uncategorized

上个星期看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可以显得稳重一些,划过链接时的绿色就象土地上的绿草,会给大多数人舒服的感觉,也是现在网上越来越流行的配色。没有用其他任何大的色块,或者说还没信心用,小的色块起一点点缀作用。

重构前后的效果比较:
重构前:
Oldpage
重构后:
Newpage
对于这次blog的重构,美观是促使我开始动手的契机,更好的用户体验是我的目标。欢迎有同样兴趣的朋友和我交流。
还没在IE里看过效果,不知道会不会是一团乱。。。

7 Comments :, , more...

设计超强的blog

by on Jun.28, 2006, under Uncategorized

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

Comments Off on 设计超强的blog : more...

Search

Archives

Browse by tags

agile apple blog book design ecto extension firefox git google hack ichm iphone keyword life mac madfox movie nonsense opensource plugin pm ruby rubyonrails sns software startup wordpress work 财帮子