搬新大楼了,懒得更新,看到同事的文章先转之,我们部门在20楼,电梯口的样子
从门口望进去
CDC(用户研究与体验设计中心)+IBG(国际产品中心),哈哈刚好一进来负责的项目就是IBC,在一起,沟通起来就方便了
公司一年一度的旅游,部门选了两条线,一条境内的湘西凤凰之旅,一条是境外的菲律宾,原本是境外挑选的是泰国,可惜那边暴乱,所以没去成,泰国还是蛮不错的,不过对我来说都一样,因为护照还没办下来,所以只能选择境内的路线,虽然对于古城小镇什么的不是很感冒,总感觉这些地方被开发过度,有点失去原貌,商业气息太重,但是有机会出去旅游总是好的,刚好可以在繁忙的节奏中缓解一下自己的情绪,也梳理一下近期的思想,说实在,之前一段时间工作比较杂,设计上并没有很大突破,工作起来还是有点郁闷,出去散散气,缓解一下,归来也许能茅舍顿开做出什么好的设计出来,呵呵
这趟旅游本的CDC的旅游文化,并没有避过CDC的咒语,一旅游风雨雷电相伴,阴雨迷蒙一路伴随,虽说在古镇蒙蒙细雨能增添不少的情调以及意境,但是在旅游景区,人一多,到处是雨伞,于是套用ben的语言,几天就一直盯着古镇的地板而过,谈不上什么风景来的,倒是古镇的咖啡屋及酒吧给我们提供一个很好观赏这个古镇美景的契机,于是乎几天的时间基本都是在咖啡屋里呆着,看看书,玩玩PSP,也别有一番情调,看看茫茫的人流从眼前走过,自己是否也是别人观赏的一景呢?身处其境,别有一翻风味,看看凤凰古城的印象吧~
在自己忐忑不安摆弄下,blog终于还是安全升到了2.1.3,这个版本其实已经出来很久了,早就听说了他在后台体验以及程序安全性和运行速度上做了很大改进,只是自己一直懒得去管,想想之前的2.0.5用起来勉强还是可接受的,WP的程序,前一段时间频繁在升级,所以一直没动心,再者就是之前的LBS以及以前的BBS升级,经常带来许多问题,甚至崩溃现象时常发生,所以一直以来都没动手,今天趁着五一没出去游玩,突然想了了这个念头,在本地捣鼓试验了一阵子,发现相对还比较容易,其实途中也是出现很多问题,好几次断了念头,毕竟好不容易安心用起WP,使用起来也没什么大碍,只是做为体验用户以及程序开发的发烧友,对程序的改朝以及更新换代都是尤为敏感的,所以心理不免痒痒的,索性就冒一次险,在本地还没完全调试成功的基础,就直接删除以及更新文件,呵呵,这叫做置于死地而后生~
大致把我的升级方法叙述一下(说实在,wp的升级还是很简单的):
1.备份数据库,这个这个当然是最重要的了,要不我敢置于死地而后生吗,哈哈,备份的方法有很多种,一种是直接用phpMyAdmin 备份你的数据库,不过我怀疑不熟悉MYSQL的人可能有点困难,好在WP有很多备份的插件,这里推荐,我使用的的WordPress Database Backup,个人感觉很简单就可以备份数据,还可以发送到邮箱保存起来~
2.后台关闭所有的插件,毕竟要改潮换代了,这些插件可能也不是很适合现在的版本,所以把他先关闭了再说,等完全升级成功,再来考虑他们的他们的兼容性~这也是升级成功的关键步骤之一哦,千万要记得哦~

最近因为这边事多,就没什么时间写blog,加上前几天一忙,忘了域名缴费,竟然被活活地关了好几天,等自己反应过来的时候,却不巧又碰到周末,客服说周一再联系,晕死,真倒霉,所以那几天基本只能眼巴巴看着一些文章,干着急,有想法了,也没办法写,还好,有365Key-天天网摘和del.icio.us收藏习惯,还能整理些自己感兴趣的文章,发现好东西还真不少~
1.web2.0时代的预算表艺术
http://chn.blogbeta.com/229.html
这里列出11条关于“如何在这个web2.0的时代去创造一个现实点的预算表”的建议.个人感觉很务实,要点是:
1.少说多做。2.从底层开始策划。3.不要计划得太远:12到18个月已经是极限了。4.准备好每3个月的重新规划。5.不要让支出超越营收。6.与你的投资者合作。7.思考每个单位的收益性8.计划好市场推广支出。9. 财政报告报告宁缺毋滥。10.不要遗漏支出预算表。11.想法要大。
2。 豆瓣“我上”
http://blog.douban.com/douban/2006/11/09/74/
豆瓣“我上”频道上架,感觉豆瓣的发展一直以一种很清新的模式在进行,在豆瓣上,我挖掘到了很多我需要的资源,目前是测试版本的”我上“,基本能够满足豆友们两方面的需求:1.收藏和评价自己喜欢的blog。2.从浩如烟海的数据中发现潜在的你可能感兴趣的blog地址。对于我这个有严重Blog情结的人来说,这的确是个不错的东西,看看我上的页面,说不定你也在我关注的横列,如果是,打个招呼哦
3。Craigslist 的数据库架构
http://www.dbanotes.net/database/craigslist_database_arch.html
Craigslist 绝对是互联网的一个传奇公司,做为分类网站的佼佼者,Craigslist 的数据库架构肯定有他的优势在里面,从DBA notes的分析中,我们还是能窥见一些东西的:数据库软件使用 MySQL 。为充分发挥 MySQL 的能力,数据库都使用 64 位 Linux 服务器, 14 块 本地磁盘(72*14=1T ?), 16G 内存。不同的服务使用不同方式的数据库集群。Craigslist 采用的数据解决方案从软硬件上来看还是低成本的。优秀的 MySQL 数据库管理员对于 Web 2.0 项目是一个关键因素。目前我也在啃MySQL ,发现要用好他不是一件很轻松的事。
4。商业与创新的体会
http://blog.timetide.net/archives/2005/02/14/20050214065556.php
“以对于创业者或者关注人群来说,在此时进入市场,已经错过了最佳时机。同时,这个时期也是寡头们大打眼球经济牌的时候,如果一味的跟从,就很容易将自己陷入模糊的境地。这也是为什么对于Small Business来说,创新是成功的关键,一则创造一种新生事物,做一个Innovator,并以此为突破口发展出一种市场需求。Six Apart,Bloglines正是这样的角色,并且通过口口相传的效应而引爆了一个流行趋势。"
5。到底什么是UE设计师啊?
http://lanx-ui.blogbus.com/logs/2006/11/3753444.html
用户体验设计各成员职责
http://lanx-ui.blogbus.com/logs/2006/11/3764604.html
糖煲莲子,好像 抓虾的UI设计就出于她的手笔,用户体验(user experience)也就是UE是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用。他们能够忍受的问题,疑惑和BUG的程度。在她的文章中也许你能得到一些印象。前一段时间UPA也在杭州举行了,虽然很近,但是还是没有时间去参加,但是也看了一些直播的演讲,所获还是很大的。
6.Gmail完善界面细节及易用性
http://www.gseeker.com/50226711/gmailcecec_48766.php
一直喜欢Gmail,看到他又进行了一系列的界面及易用性上的改进。,小小的改善也能带来很好的用户体验,这些都使得Gmail正成为Google历史上最令人赞叹的产品之一。关于Gmail改变"更多选项"设计的问题,可以看看白鸦的文章.
7。Taobao.com UI Team
http://www.uiplanet.com/taobao
这个taobao的UI team blog,很有意思,感觉很亲民,我觉得这是一个为理想而奋斗的team ,在UPA上听了他们团队的一篇Web前端技术与可用性 ,下了PPT,看了一下,发现了不少我感兴趣的东西。他们团队blog上还有不少的好东西,有兴趣可以自己去看看,好像他们现在正在招聘,招聘广告也觉得很有意思,心里痒痒的,是不是可以考虑不读了,也过去凑凑热闹,毕竟alibaba是我喜欢的一家公司,如果上市了,那就……~ [lol]
8。什么是语义网络?——让你的数据更加有用
http://www.hidecloud.com/article.asp?id=204
长久以来,大家都要求网页设计师将样式从页面结构中分离出来。这通常意味着转移到css,并且使用标记语言这些比样式本身更具有结构性的技术。传统的技术仅仅只能辨识数据的结构,而语义网络正在尝试读懂网页所提供的数据。我们的目标是,你的电脑将会知道你正在读的这份文档是一篇“文章”,它的作者是“Jennifer Kyrnin”,发行商是“About”,谈论的主题是“语义网络”。这些信息就是一个页面的语义。并且这些信息能够帮助计算机去获取并使用数据,而不仅仅是简单的给用户呈现出来。
还有一些关于生活和心理的:
1。三十岁前不要去在乎的18件事
http://home.rexsong.com/?p=272
很多事情,说起来很容易,但是要真正不去在乎是很难的,但是我们还是可以来看看到底什么是三十岁前不要去在乎的事。
2.沟通交流窍门集锦
http://www.lifebang.com/archives/227
在这里面我真的写了不少的东西,这几天还在看<人性的弱点>发现,真的生活需要更宽容,更豁达一些,重要还是在于沟通,懂得沟通,你自己也快乐,别人也高兴,一些窍门还是需要学习的,最近已经充当了好几次心里开导师了,发现看后效果不错。呵呵
3。拓展你看待问题的方式
http://www.lifebang.com/archives/212
如果你可以从事物的本质看得更远一些,就有可能发现一个更宽广的天地。拓展你看待问题的方式,提升你的个人魅力,那么,该如何去做呢?
-
a.做一个解决问题的人,而不只是充当某种角色.
b.为事不为人
c.注重内心的变化
这里还有更多关于事业工作的帖子,个人感觉都还是很不错的.

在lifebang上又看到一个有意思的网站,恰巧也是我所关注的定制领域的,一个装修配色的定制网站color smart,生活帮上把它叫做装修配色工具,我感觉不是很合适,可能是因为先前一些在线的颜色挑选程序的影响.在这边我还是把她归到个性定制的设计网站类型里面来.虽然他目前可能只是一个颜色挑选的工具,但是也是个性定制发展的一个方向,关于类似的房子定制网站,其实先前也接触过一些,之前帮一个师兄做的数字样板房的定制系统的界面设计其实就是一个类似的案例,当时师兄为我勾画的就是这个类似这样的网站,只是他所勾画的功能以及展示形式远比这也强大,只是后来师兄毕业完后,最终也没完全把这个程序发展完备,就又成了一个空壳子,有点遗憾。看看这个网站好了:
[img]uploads/200611/07_212050_colorsmart0.jpg[/img]
color smart可以帮助你选择配色方案,预览总体效果。
网站上说得信息大概是这个意思吧,
1.可以为你的房屋定制挑选配色方案.网站提供了了一辅助色彩方案可以参考.
2.可视化你的内部和外部的房屋配色方案.
3.注册用户可以得到一些更详细一些更详细的资料.
lifebang上把她的一个操作流程体验整理了一下,在这借用一下.
首先,在色彩浏览中选择颜色基调
确定主色调:
确定配色方案:
在预览中选择大致的房间格局:
然后,就可以通过点击房间里的个部分,尝试你的配色方案了:
感觉只是色彩方案对样板房的定制这个空间还有点小,程序其实原理跟那些在线的颜色挑选程序是一样的,他采用的flash架构,UI界面设计的很漂亮也很人性化,整体感觉很不错,就是感觉她的发展空间应该更大一些,不单单是一些色彩方案的定制设计,房屋还可以采用一些三维的展示形式,那样更能对房屋的个性定制带来方便,师兄做的那个数字样板房的定制系统里面就是实现了三维的样板房展示,可以360度观看各个角度,本来一个师姐的一个论文也想做类似的,它还想再后面更加发展,实现房屋内空间的拖曳设计,这个感觉在个性设计上也是很不错的一个想法,只是技术上可能还得下工功夫.
总之,对于样板房的个性定制设计绝对是个不错的卖点,目前的房地产那么热,我想如果谁感兴趣也可以尝试做这样一个项目,我感觉还是比较有意义的.

一些很小的设计细节,最近因为一直在外地,不是用自己的机子,所以在登录这一块遇到了不少的问题,突然想到,能否简单地就WEB登录入口的交互设计做些思考,让用户操作流程更加的合理和方便,发现要把一些细节想清楚还是很困难的,把自己的想法总结一些,其实某种意义来说也是一次用户体验的感受而以.
首先先提几个需要解决的问题
- a, 作为一个登录入口,必备的一些元素是什么?
b,那些不是必备的,但是会对用户操作带来便捷?
c,在此计算机上该什么处理保存 Cookie信息问题?
d,用什么做为用户名比较好?昵称或Email,或其他
e,如何解决一些信息的混乱…
1,先回答第一个问题:必备元素
大家对登录入口应该比较熟悉,做为一个登录入口,必备的元素就是用户身份ID,密码,以及确认按钮,有了这三个元素,一个登录的基本操作基本可以完成.
看看下面一个典型的例子:

豆瓣的登陆设计素以简洁著称,而且他的交互设计也是业界的典范,他是以 Email作为的ID,注册密码,以及进入按钮,基本功能已经满足.一些好的细节设计后面再讨论,
2.先回答第二个问题:应该扩展的元素
当然一个好的易用的登陆窗口,紧紧这几个元素是远远不够的,稍微思考了一下,一个登录的窗口,应该具有的登录信息元素(包括必备以及非必备)有以下几个:
- a.用户名(Email\呢称)
b.密码输入
c.确认进入按钮
d.忘记密码解决方法
e. 提示Cookies保存信息
f.新用户注册入口
g.返回首页
h.印证码
….
这些非必备的按钮,有些可以带给用户带来很好的交互操作,但是如果处理不好就能给用户带来不少的麻烦,比如忘记密码的解决方法,当用户遗忘的时候,善意的提示能带来很好的效果,这个细节,上面的豆瓣密码输入的后面就留有忘记密码了提示.
3.Ok,下面就是 第三个问题了:COOKies问题
这个也是比较麻烦的一个问题,提示Cookies保存信息,这个对用户的便捷性是最相关的,但是也是最难考虑的,毕竟这个个安全性合在一起,那么什么样设计能达到最优呢.
对于一些大型的门户网站,基本没有这个思考,因为他们的用户群很杂,真正过来的都是一些看信息的,不会登录,除非是有一些服务在里面才会登录,所以这类网站基本没有设计保存Cookies的功能.
百度的设计就是这样,他的设计风格跟豆瓣很类似,但是豆瓣在注册的时候,会出现Cookies信息提示
同一台电脑登录一次就行, 豆瓣能记住你! 这个给用自己的机子的人带来了很大的好处,但是却对一些网吧流动用户带来了极大不便以及安全性上的思考,这样一些大的门户网站基本就没有这一方面的担忧,一般他们在注册的时候会提示你.不过yahoo,GOOGEL的倒是有 记住我的帐号的单选框
还有一些论坛的登录基本都是在登陆的时候提示你cookie的保存时间
这个看到一个处理比较好的网站就是抓虾的了
抓虾的登录入口就保留了豆瓣的简洁交互风格,但是在COOKie处理上,他累优一些,我也是最近在外面才体验到这一点,他在一些细节,以及COOKie上处理的更人性化一些
登录抓虾
如果你不是在自己的机器上,记得退出时在右上角点击“登出”。
(善意提示信息)
在此计算机上保存我的信息。(默认打勾)
(如果你不理他这个,基本跟豆瓣一样,但是如果你用的别人的机子,这个挑选就显得非常的必要,豆瓣的强制跟他比起来就比较的不宜人)
忘记密码了? 还不是会员?等都处理得很合理,很适合人的交互习惯.所以某种程度上可以说抓虾的登录做的已经非常的成功了.
4.第四个问题也是比较难解决的:用什么做为用户名比较好?昵称或Email,或其他
这个问题,就我个人体验,我倾向于用Email,刚开始可能不是很习惯,但是,这个对网站管理,ID的唯一性都能带来极大的便捷,昵称可以重复,但是 EMAIL确实你自己独有的,这个豆瓣抓虾的注册流程都作的很好,大致分析了一下,新近出现的一些新网站基本都开始采用Email做为唯一 ID的身份标志,一些老门户网站,基本有自己的邮箱服务.所以也基本采用的是邮箱ID,所以可行性以及识别性来说,Email更合理一些,你还是可以给自己i设一个比较好听的昵称,作为你自己喜欢的昵称.
这一方面可以参照一下豆瓣的注册,感觉她处理的恰到好处.
有些网站画者添足,给用户的交互也带来了极大的不便
这种事类似 Email 做为唯一ID的,但是他后面还有一个下拉的邮箱选择,一会儿键盘输入,一会儿鼠标操作,给用户带来不是便捷,而是不便,当然如果对于一些比较长邮箱后缀这种还是很不错的,但是很少有人傻的去使用那些,基本每个人的Email都是经常在使用的,很容易记住的EMAIL名.
5.第五个问题,关于一些信息的混乱问题
这个有些信息很容易造成混乱,其实就是一些设计没有规范,比如登录ID是用Email,还是昵称,或是其他.那在登录一些网站的时候就会很混乱,所以设计时必要的提示是很重要的,用Email的ID,就必须注明Email,可惜的大部分网站用 Email的ID也是使用用户名做为提示,这是很糟糕的设计,还有密码,应为用的是Email,而注册的密码又是网站的密码,这两者可能不一样,为了避免信息混乱,应该有所提示,这一点豆瓣也处理得不错
你的email地址,你在豆瓣的注册密码:这种细微的提示给用户带来了极大的便捷
还有一些宜人的,比如新用户注册按钮,比如返回,设计好都能有较好的交互操作,能给用户带来很好的印象
土豆的设计基本就是满足了这些功能,
最后总结一下,个人认为比较好的WEB登录入口的设计:
- 1.满足最基本的功能元素
a.Email 做为ID,提示是使用该网站注册密码,进入按钮
b.密码忘记解决方法,新用户注册按钮,返回前页
2.具备人性化的处理保存 Cookies信息问题,最好给用户一个选择,可以预先设置满足大部分人的选项
如果不具备,要提示登出以后推出的提示.
3.输入你的Email后面的文字框最好全部由用户填写,避免画蛇添足的设计(下拉框,特殊情况除外)
4.良好方便的密码取回通道,这个对于Email作为ID的有极大的优势,所以建议也是采用Email作为ID
5.就是一些人性化的语言提示,以及善意的错误提示,别把用户当菜鸟,提升亲和力.
抓虾是个中和起来最符合上面的WEB登录入口设计,其实只要多思考平时的WEB操作流程,多考虑一些用户平时会遇到的问题,WEB登录入口的设计应该会很宜人的
(作者:onling Blog:http://www.onling.net/blog)

还在外地,虽然最近一段时间注意力主要在工程软件上,以及产品设计里面,但是对网络以及网页还是在关注的,因为在外面,用的是公机,365key以及del.icio.us都不是很好用,所以最近看的一些比较好的文章不能入库,整理一下跟大家分享一下,也希望能给自己以后的设计带来一些思考:
1。关于web注册页的可用性分析
http://blog.sina.com.cn/u/48f239da010006cc
注册是留住网用户最重要的一步,不友好的注册最终带来的是用户的损失,有些网站的注册的确很烦人,这里介绍的就是反例,不过随着AJAX技术的流行,现在这类问题开始变的越来越友好,下面一个介绍就是这方面好的典范。
2。Netvibes注册用户流程
http://www.rexsong.com/blog/article.asp?id=444
这是一叶千鸟介绍的一个不错注册用户流程,个人也非常喜欢,他的特点:
- [1],过程不刷新,流畅
[2],没有不友好的警告弹出
[3],没有过多的录入要求提示
[4],没有复杂的录入无效提示
[5],符合大众的色彩心理暗示[/list][/color]
3。中文 Web 阅读体验
http://www.livid.cn/doc_view.php?doc_id=5332
页面设计,字体是至关重大的一门学问,明白了中文 Web 阅读体验,可能对以后在设计页面时会有很大的帮助,其实自己在这里面体验也挺多的,但是就是没用心去总结,livid的这个总结到是帮了我一个大忙,可以借鉴一下~
4。改变世界的15个网站
http://www.flyu.com.cn/post/230.html
既然没发现一个中国的,看来还是有差距的,不过随着中国目前网络发展的趋势,相信后面肯定会有上榜的网站的,目前还是有些潜力股在涌动,只不过要看这些网站的造化了~ [cool]
5。参与的架构:下一件大事
http://chn.blogbeta.com/208.html
驾驭它们用户的集体智慧,将用户贡献的内容传递给全世界。
网络效应最终能够产生结果还是依赖于注意力的成功传播和并发的价值。
意味着只要你有驾驭你用户的输出与创新的力量,你就可以超越任何以中心化形式组织的产品。
6。设计上的精挑细选会削弱网站
http://blog.sina.com.cn/u/4a7f0fc6010004mj
这的确是个令人气愤的标题。但事实也的确是这样的。
7。体验:设计不能承受之重
http://ucdchina.com/angela/article.asp?id=9
你可以看到,在这样一个由诸多因素同时产生作用的环境下,界面设计能占到多大的比例?设计师能做的工作有哪些?为什么设计部门要对“用户体验”这样一个综合的指标负责?为什么设计师要独自承担这样沉重的历史使命?
8。“网上购物?我没这个习惯。”
http://www.mianduo.com/blog/read.php?163
对于普通网络用户来说,网上购物是个充满未知的领域,需要大量网络知识。然而这些障碍实际上是可以通过良好的交互设计解决的。是购物网站设计上的种种缺陷,将许多用户拒之门外。作者列举六个在线购物网站存在的设计问题:。。。
9。魔高一尺、道高一丈:记Palary浏览器
http://www.kuangfeng.cn/blog/?p=689
当你访问palary.org的时候你会看到一个酷似浏览器的页面,当你输入网址以后,就可以在这个“内部浏览器”中进行网页的浏览。呵呵比较有意思,的确是魔高一尺、道高一丈。
10。网页不需要漂亮
http://www.rexsong.com/blog/article.asp?id=463
对于视觉体验来说,舒服是比漂亮更高层次的艺术,同感于这个观点,其实所谓的舒服就是视觉以及交互的合成,如何达到最大和谐,也就是最好的网页设计,或者漂亮也只是一个花瓶而已~
11.是“你”?是“我”?
http://www.chouyu.com.cn/article.asp?id=35
在网页上直接与用户对话时,使用第二人称:你,这是再正常不过的了。当然,中文里有更尊敬的词—您。
用户情感设计也是在网页设计里面占很大部分,好的情感设计能给用户带来友好的亲切感,但是处理不好,就是信息混乱~这篇分析的不错~
其他关注:
融资的艺术(融资实录连载)
安全登录系统的设计与实现方案
做好一个网站,不仅要在服务及功能上胜人一筹,而且网站的整体设计也是一个不可获缺的重要因素,一个设计漂亮的站点通常能在第一时间吸引人的眼球,用户回访机率也就更大。因为我本人对设计这一块也很感兴趣,所以经常在浏览一些网站的时候,非常在意它们的设计效果,下面这十个web2.0网站的设计堪称经典,值得我们去学习。
1) Cork’d – 是一个分享好酒、酒文化、酒故事的网站。深棕色和淡棕色的颜色搭配很协调,再配上漂亮的插画,显得整个布局更加充实。
2) Newsvine - Newsvine是一个社会性新闻站点,它是一个用来阅读、撰写和分享新闻的场所。
3) digg - digg也是一个社会性新闻网站,它的网站创意不仅吸引了很多的人,而且它设计也非常大气,以致于越来越多的网站来模仿它的设计。
4) Blurb – Blurb 提供图书设计及出版软件。
5) FireFox – Firefox不仅由于出色的功能,从而可以与IE进行对抗,而且它的网站设计也漂亮得没话说,给人的感觉非常清新。
6)9rules – 9rules是一个blog network,以设计为主,他的成员基本上都是顶尖设计人员,不言而喻,从这些人里设计出来的网站那当然是非常漂亮。
7)Snap – snap是最近发布的一个搜索引擎,他利用了AJAX技术,搜索结果以缩略图方式来显示,主页非常干净简洁,搜索结果的界面提供大量了动态效果,给人的总体印象是干净利落。
Simply Hired – Simply Hired 一个职位搜索网站。它采用了明亮颜色配方,使用起来也非常简单方便。
9) Blogger – Blogger是google旗下一个BSP网站,它不像国内的很多BSP,在首先放满了各式各样的栏目和图片,而是非常简洁,只放置了登录注册框和动态显示一篇blog文章标题。
10) Pandora – Pandora提供音乐共享服务,它基本上把功能都放在一个页面中,非常的独特,设计创意非常新颖。






























