周全的交互设计- ueui.com.cn

百度HI又升级了

Raymond — Sat, 17 May 2008 10:43:31 +0800

今早又收到百度HI升级提示……
百度HI还是一如既往的将他的所有升级功能都描述了一遍，不过最后一条的提示：“对产品体验进行了提升”
说的没错，不过我觉得应该放在第一句做“引言”，而不是最后一句，因为1-6条说的是功能，第7条就变成了“体验”，而且说的很笼统，多少有点鸡肋……

来看一下这次升级有哪些变化？

1．支持代理协议登录，无论你是在办公局域网还是校园网都可以顺利登录

2．聊天窗口显示个性签名，随时让好友知道你的心情。

3．个性签名支持转意字符，让你的签名也有“表情”。

4．可以显示对方输入状态

5．对表情分组，方便管理。

6．支持闪屏震动功能，晃动的幅度很大。

7．支持外观换色功能。

你跟妈妈说了么？

Raymond — Sun, 11 May 2008 08:11:25 +0800

既然点开了，我捎带提醒您一句：“今儿是什么日子，别忘了啊……”

暂无相关日志

UI习作：一组icon设计

Raymond — Sat, 10 May 2008 01:42:26 +0800

以前的做icon都是都是零零碎碎的……
这回下了决心，首次搞了一整套的icon，艾……真磨练人的耐性啊。
系列icon设计，最重要的就是要把握整体的调性，有时候单个看，还算舒服，但放在一起呢？所以正视自己的软肋，这方面能力还有待加强。

努力ing！

关于对交互设计师和UI设计师招聘的一些看法

Raymond — Wed, 07 May 2008 14:18:44 +0800

最近想去应聘，所以就顺手写点有关招聘应聘的东西。刚去智联招聘搜了一下 “UI”和“交互设计”以及“用户体验”这么几个热门职位关键词,发现大部分公司写了一大堆“工业设计，人机交互专业，心理学，本科学历”等招聘要求。

看到这，就忍不住想说两句自己的“偏见”了……

企业招聘的是人还是才，是看能力，还是看出身，论文凭？
那么作为一个设计师来说，究竟是“证”重要，还是能力更重要……
我的观点是：学习能力和技能比学历更重要。

梵高受的是什么样的教育？可是丝毫不影响他对艺术的追求与造诣。他的色彩和构图是很多当时“学院派”艺术家所不屑的，但作品却有强的韵律在里面，也充满了想象力。
唐沐（用户研究与体验设计中心负责人）也并非科班出身，他大学学是会计的。可他对界面设计和产品用户体验的理解，又有谁所能及呢？我很欣赏他在接受视觉同盟采访的时说的一句话，他原话是这样的：“……后来考上了华南理工大学，专业是国际会计，现在很多人听到我的专业总会睁大了眼睛问“why？”或者“how？”，其实也并不奇怪，试问现在有多少大学生在大学里学习着他们并不喜欢的专业？而在毕业后又有多少人泯灭理想去做自己并不喜欢的工作？我只是其中比较有决心和毅力的一个……”

而且可以肯定的是第一批研究互联网交互设计的，肯定不是某某大学交互设计专业的本科学生，这就像爱迪生发明电灯时不是学物理学专业或化学专业一样。大家都是在黑暗中慢慢摸索，通过学习才了解UI设计和交互设计的一些理论依据和禁忌，尤其是交互设计是一个比较新的领域，所以在大的环境下我们都是学生，没有谁高谁底。

有很多非科班的设计师对我说“我大学不是学设计专业……也非本科…以后还做不做设计……”之类云云，我的回答是“有这种担心是正常的，但过于担心就说明你对自己没自信，或者说太考虑别人眼中的尺子，但如果连你自己都不自信，那别人又怎么能相信你呢？别人对于标准的衡量那是别人的尺子，你自己要客观的正视自己，勿自大，更别妄自菲薄。多考虑你为何要从事这个行业？你的兴趣爱好在这方面么？它是你梦寐以求想要从事的工作么？” 至于你是否能给企业创造价值，那是建立在前几点假设都成立的基础上的。

如果是？ok，那么你就去做；如果不是，也没兴趣，那想想你到底应该做什么。

就这么简单！

任何人都不是一出生就能当UI设计师或交互设计师的，这是需要后天努力习得的技能。所以在某些时候，劣势成优势，你非科班，就需要付出比别人多N倍的精力去学习知识，去证明自己，而正是这种学习能力会缩短你和科班的学生的差距。
所以我认为对于一个设计师来说，出身并不重要，重要的是他是否拥有良好的悟性以及学习能力。

没错，我也是一个非科班的设计师，我学的是会计，这也没什么丢人的（唐沐都这么坦诚了，我站在巨人的肩膀上跟着坦诚一下，是我的荣幸），更没有什么资本向别人炫耀。所以这种劣势给预我的压力的同时，也造就了我的学习能力，如果职业生涯是一场长跑的话，我们可以因种种原因输在起点上，但绝不能用“我不是科班”这个借口让自己输在终点上。

两扇门——我们得感谢上帝把"科班"的门给我们紧紧的关上，这就意味着我们只能从他打开的另一扇门——“学习”中要走得更持久，更艰辛，也更坚定！

其实大家的经历都一样，我曾也犯过很低级的设计错误，作品也被毙过N多次，甚至曾被打击得一点信心都没有（来北京的第一家公司，老板是奥美互动的前任大中华区总裁，对设计诉求提的相当苛刻）但别因此就灰心丧气，更别嫉恨他们，反而要感谢批评过你的人，给予你建议的人，甚至用恶毒语言中伤过你的人，3~5年之后你再回头看的时候，你会发现正是这些肥料，才让自己茁长的成长起来，才让自己的壳慢慢坚实，百毒不侵。“用感恩的心去工作”这不是作秀，更多的是感慨吧。

回过头来再说下招聘，企业招聘自然是想用更“专业”的人才，去做更专业的事，但问题是“专业”这两个字的衡量标准是什么？以学历为准会将很大一部分人卡死在起点上，而如果是以能力为标准，以经验和作品为准，既体现了企业海纳百川的胸襟，也会为企业招揽到各色各样的能人志士，试问现在有几家大型互联网公司能意识到学习能力比学历更重要呢…

（题外话：之前去应聘一家大型门户公司，Leader语重心长的对我说：“……和你交流后，发现你还是有思想的，可如果没有别人推荐你这次机会，你的简历肯定过不了人事那关……公司有规定，凡是非本专业及本科以下学历的人，需要副总向总经理提交书面报告，经批准后才予以录用……”依现在来看，那位副总没功夫为一个非科班出身的设计师去写书面报告，所以不出所料，我很幸运地被直接Pass掉了）

Wordpress SEO网站优化之大腕篇

Raymond — Tue, 06 May 2008 12:31:42 +0800

Wordpress SEO优化之大腕篇（一）

做SEO一定得选最好的wordpress主题，雇Rokey做UI，白鸦做UE，建就得建最高质量的wordpress博客。

链接直接用Permalink，服务器最差也得支持mod_rewrite功能。

什么title呀，keywords啊呀，description啊呀，能给放关键词的全给他放上。title里关键词要重复，keywords里关键词还得重复，description里要有完整的句段，隐藏关键字，特猥琐那种。爬虫一进门，甭管有事没事都得跟人家说：May I help you，sir？”一堆热门的Keywords，倍儿有面子！

模板内再加一堆H标签，标题用h1，光h2,h3就得重复七八次。文章内穿插各种关键词，能有重复就多重复。就是一个字：多！关键词不是strong标签就是U标签，你要是用一em标签，你都不好意思跟人家打招呼……

你说这样的wordpress博客做一网页得花多少钱？（我觉得怎么着也得二千美金吧？）二千美金？那是成本！四千美金起。你别嫌贵，还不打折。你得研究wordpress用户的心理，愿意掏二千美金做Wordpress的客户，根本不在乎再多掏二千。什么叫成功人士么，你知道吗？成功人士就是做什么关键词，都做最贵的，不做最好的！

所以，我们做Wordpress SEO的口号就是：不求最好，但求最贵！”

Wordpress SEO网站优化之大腕篇（二）

Wordpress想不花精力就被搜到的，纯粹是扯淡
SEO就得拿自个儿时间砸
舍不得孩子套不着狼
花钱买个好域名，
再找几个牛B的php程序员做代码优化，
什么火就喷什么
SEO靠什么呀？靠的就是内容，
内容上去了，排名(儿)跟着就来了
你码进去多少字
加一Ifream直接就卖给广告商了
我还告诉你啊，有人要广告位，立马(儿)就套现
给你资源交换你都免谈
你要是感兴趣你投他个八百块到一千块的
多了我不敢说，我保你一星期的IP和PV翻一番。
（真的？）
我说的可是有效点击啊。

（Ps：Wordpress SEO优化之大腕篇（一） 有20%文字借用了《SEO之网站优化大腕篇》，80%文字为原创。但不知道《SEO之网站优化大腕篇》原作者是谁，有知道的请告知一下。
Wordpress SEO优化之大腕篇（二） 100%都是原创的。）
此文仅献给看过《大腕》且一直在用Wordpress博客的朋友们 :) 转载请注明出处

暂无相关日志

《如果交互让你崩溃》观后感

Raymond — Sun, 04 May 2008 22:30:46 +0800

视频名称：Bad day at the office,（中文名：如果交互让你崩溃）此视频转载自《土豆网》

起初第一次看感到很恐怖。第二次看，哈哈笑得不行（你们尽可以鄙视我的反应慢）。看了N遍后，没啥好笑的了，却发现视频中反应了很多人机交互的问题，值得推敲。

视频反映了这么2个问题：人机交互和人人交互（人与人之间交互）。
如视频所示：如果交互让用户崩溃，你怎么办？（此仅指视频中人机交互的部分）

我是这么理解的：
1. 用户需要让产品满足他的最基本的需求。
2. 产品也从基础挖掘用户的需求。但，当因产品环境发生变异，而不能满足用户的基本需求时，短时间内不能解决的话，就应引导用户绕开现有问题，绝不能用户走入死胡同。
3. 从产品功能出发，对产品在现有基础上进行改进，从而让用户接受一个不完美，但还说得过去的产品。

后又联想到404错误提示页面。
当用户无论通过何种渠道到达这个页面时，心情已经很郁闷了，所以尽量用很亲切的语气，去诱导用户，这样会让他主动去完成剩下的查询动作。

我的404页面是这样设计的： http://www.ueui.com.cn/404

但如果用“此页面内容不存在”或是一些其他责备用户的语气，用户可能会直接关掉，甚至拒绝再次登录这个网站。

（ps：又看了一遍，艾，真害怕自己哪天用产品不爽的时候也会像视频里那样(^_^) ，交互做不好，会出人命的…）

医冠禽兽

Raymond — Thu, 01 May 2008 09:13:16 +0800

愤怒！实在是无以言表，看看吧。

http://news.163.com/08/0430/11/4APB62OV00011SM9.html

院长刘中民拿活人当实验品给老外做人体实验，最小竟年仅13岁，医生在丧失伦理道德的情况下和禽兽有什么分别。
以下是一位网友的回帖：

网易广东珠海网友(219.131.*.*) 的原贴：

我是一名先天性心脏病患者,曾经遇见过北京一家著名的心脏专科医院的一个医生,他就建议我这样做那样做,手术的名称我专心的记下了,然后拿着他的说法去咨询北京的另外一家著名的心脏专科医院的专家和上海的瑞金医院的专家和武汉的协和医院的专家们,在这个过程中我自己弄懂了很多关于心脏和心脏病的很多事情,最后我还是选择了他所在的那家医院手术,在入院后我专门去找了那位医生,他看见我第一件事情就是催促我赶紧入院尽早手术,我听他又吹了一遍他所宣扬的那种手术的优越性之后告诉他:我已经入院了,只是我入住的不是你这层楼的病区而已,他就傻眼了,又丧失了一个活生生的人体的试验.
我就是想说:
1 不是只有一个医生或一家医院是这样的无良;
2 中国老百姓的命在很多中国人的眼里就是一个词:草;
3 面对现状只有_悲凉;
4 告诉自己的身边的每一个人,一定要多找医生多看人,看多了就会学会识别与选择的,这是挽救自己和亲友的生命免遭荼毒的一条有效的途径.

为何这种发指的行为可以长达6年，而无人制止？
东窗事发，究竟还有多少家医院参与过同样卑鄙无耻的勾当而没曝光。
上海东方医院院长刘中民以及他背后的利益团体该如何审判？
我们去医院看病又该如何保护自己不受侵害？

暂无相关日志

潜活是一种生活方式

Raymond — Wed, 30 Apr 2008 02:33:17 +0800

于2周前参加了“潜活·公寓日志”的开幕式，近期把照片整理一下，发上来供大伙欣赏……
有兴趣的朋友不妨亲自去感受一下，在那里，那种潜活的氛围营造的真的很棒！

展览地：北京·台北 - 大未来画廊
开放日期：4.12~5.11
地址：北京市东城区安定门东滨河路三号（雍和艺术区）

这次展览邀请了策展人冯博一以“潜活：公寓日志”（Hidden life： Apartment Diary）为展览主题，通过12位年轻艺术家迟鹏、梁远苇、林志鹏、马秋莎、彭薇、彭韞、沈阳、王田田、王子、杨大治、杨心广、周靖的作品，呈现出他/她们日常现实中潜隐的状态下的一种行为，折射并提示出他/她们的“潜活 ”处境。而这种“潜活”还有着“浅活”的意味，那时一种随遇而安、浅尝辄止的生活、创作方式——“我的地盘，看我的！”。蜗居在自己的公寓里，避免外面过度激烈的漩涡和伤害，不必承担所有的生活压力，是为保护自身力量的一种方式。因此，展览本身更像是她们居所的移植或由居所内繁复的日常用品、日常生活状态反观其对生活方式的态度、认知与思考。

《我在这》——彭薇。
感觉果然是出自女性艺术家之手，用宣纸做出褶皱的人体效果，外加昆虫等图案修饰，很细腻，表达也很含蓄。

此作者很强，这是一组关于GAY的潜活及角色的图示,还出了书……

有很多名词都是第一次听说，案头王后、俊汉、耽美、娼花……

作者还做了卡通人偶，造型各异，但手上的动作却异常统一……

一面被敲击过的墙，流露出N种人的N种生活状态

墙的里面是液晶电视，可能想给参观者营造一种偷窥的感觉，不过的确，每个人都有窥探他人生活的欲望。

打开冰箱，里面放的是一片片冰冻着的大幅照片。

林志鹏的作品更纪实一些

用上千床被子搭成的一个隧道，最深处是一张床，这也是本次展览唯一需要参展者在体验时“拖鞋”的作品……

这些多媒介作品的创作与其真是的生存空间、生活方式乃至各自的生活趣味有着密切关联。抑或可以说，他们的生存处境是为决定着艺术家术创作的价值取向之一。她们的价值在于总是从自己的欲望出发来给预自己真诚的喜恨厌恶，既不高尚到考虑大大小小的集团利益，也不低速到单纯追求物质功利。这是他们纯粹自由的生寸状态和创作立场的一种显现。而观者或许希望看到当下艺术的创作现状，还希望了解这种现状是如何发生的解释。也正是这种现状的表层背后隐藏着深层的原因，才使生存的原初状态成为一种她们真实自我的有意识体现。

暂无相关日志

关于百度百科Web UI设计的YY

Raymond — Tue, 29 Apr 2008 15:52:55 +0800

自由职业设计师 Joe Critchley 曾对对Google主页重新进行了设计。受此启发，以鄙人的愚见，将百科的界面YY和瘦身后，遂有此图：

（点击浏览大图） - 上图为我做的“百度百科”的Web界面之“YY瘦身版”。

基本大的框架没动，说说一些UI上的调整吧：

1.一屏内加了“什么是百度”。
承前文，我觉得还是应该加上“什么是百科”这句话，而且应该出现在一屏的显要位置。
因为据我调查，用户从对“百科”的认知度远没有达到“MP3”和“知道”这2个频道，我周围的很多人还不知道百度百科是什么，以及怎么用。而现在的百科将这个提示放在第二屏的公告栏里，显然是不太受关注的。

2.增加了“选色器”
参考了腾讯的首页以及一些博客的设计。可能大家会觉得这个功能很鸡肋，没实际意义，但其实不然，这么做恰恰是考虑到用户浏览百科的心情，区分对待，如果是女生，可以选择粉色的，如果是小朋友，则选择卡通的米黄色或绿色…… 默认是大众都能接受的淡蓝色。

3.用较简单的线和面搭配界面，浅色调。
减少用户在阅读信息的时因背景图片而遇到的干扰，从而突出用户所关注的信息，提高用户使用此网站的效率。

当然也许有人会说“我更喜欢现在百科的界面，因为比以前漂亮了”
那就仁者见仁了，每个设计本身都有各个的侧重点，有更注重美观的，有更注重易用的，毕竟美观又易用的界面少之又少，通常是二者取其一。
而且没有哪个设计会让所有人都满意，就连Iphone这种近乎完美的设计，还是会有人提出一些异议。

“ 百度百科改版,看百度WUI未来发展趋势”这篇文章转载到蓝色理想后，反响挺大的。
一方面有些朋友的观点与我不谋而合，另一方面也听到了很多不同的声音。
譬如有人对我说“这些东西和UI无关，属于产品……”之类云云

可我想说的是Web UI就不是UI了么？

看来大家对UI的理解还仅仅限于做界面设计，Rokey在采访中讲的很清楚，UI不是单纯的做图标，还涵盖了交互设计。
建议这部分朋友去本站的知识百科了解一下UI的概念及范围

百度百科改版,看百度WUI未来发展趋势

Raymond — Tue, 22 Apr 2008 23:21:31 +0800

百度百科于2008年4月21日正式上线—— 首先恭喜“百度百科”终于把“测试版”的帽子摘掉啦！
百科地址：http://b.baidu.com （大伙可以先去体验下，再看此文！）

自2006年4月“百度百科”推出公测以来，其团队一直在不停的完善着百科的产品体验……2年后的今日，终于，百度百科正式版上线，引起很多wiki爱好者的瞩目。网站每一次重大改版，在体验上给人带来惊喜的同时，也制造了一些困扰，这都是不可避免的，百度百科也不例外，此次变脸在用户体验上是否成功呢？

带着这个问题，我们来看一下百科是如何从雏形走向成熟的！

初出茅庐的百科

昨天的百科

今天的百科

从上图可清晰看出百度百科的Web UI在上线前后判若两站，其风格鲜明，和其他百度web产品的UI截然不同。究竟是什么让百度的UED team下此决心动这么大的外科手术呢？Raymond不得而知，但可以肯定的是——这次百科改版对于百度WUI团队今后的设计风格影响意义重大，树立了百度UI的里程碑，而此后的UI风格表现上是否会朝着更多元化，更细腻的方向上走，有待时间考验，但至少这种尝试是值得推崇的，仅此颇让人欣慰。

新版上线后，视觉体验上也会存在一些多多少少的问题，Raymond的观点有以下几个：

一增删

删：删掉了百度百科的简介（估计百度认为是用户对“百科（baike）”两字的品牌认知度已经完全理解，就像百度的mp3栏目,不会放“什么是mp3”一样的问题）

增：图片的数量和密度比以前明显增多。
一屏内的“精彩词条”栏目的中下部位还安置了“图片滚动栏”，此举在wiki网站中非常罕见，猜想其目的是使“百科”到的内容更视觉形象化。但代价有三：版式乱，无重点，不明晰。

（1）版式乱: 看起来累眼，参考Tony的网站的视觉路径和版式设计，不再冗述。
（2）无重点: 愈想使每个图都醒目，其产生的结果是每个图都不醒目（还是那句老话 —— 花多不艳）。
（3）不明晰: 用户在浏览此处的时候，不明晰此图是何含义，就算由于好奇而产生的盲目瞎点，其结果必然是迅速关闭。

然后将鼠标拖动至二三屏，”按开放分类浏览“，优质词条，待完善词条等栏目排列整齐，结构明晰，感觉还是蛮不错的。

调：链接字体颜色调整的更加柔和。
新版链接字体用的颜色代码是“r 51 g 102 b 204， #3366CC” ，而非使用百度的默认字体色“R 38 G 38 B 220 #261CDC”，这使链接看起来不那么刺眼。

二导航栏

UE方面做的最大的调整，莫过于增加了二级导航栏。
意在突出3大入口：
1.尝试编辑实验（不会用百科的新手）；2.开始创建新词条（掌握技能后的进阶用户）；3.参与完善词条（对词条功能熟悉的老鸟）。
初衷是好的，可导航栏的设计和内容栏的UI元素明显不太搭，导航按钮也首次采用48×48的大图标按钮（这好像印象中是百度首次在其子栏目的导航栏里采用这么大的图片按钮吧？之前一直是”文字按钮“）。每个按钮的单独看细节表现的确棒，但放在整个页面中看，导航的过多修饰，让整个页面有一种头重脚轻的感觉。

三阅读情绪的转变

新版所营造的娱乐性体验更强一些，而国内其他wiki网站的则比较简约权威。改版后色彩更艳丽，一屏内使用了大面积的过渡色，模块的边角修饰使用的是圆角，而非方角……等诸多细节，在很大程度上使用户的阅读情绪发生了很大改变，莫非是想让百科的用户们也High起来？这就说回到百科的用户群。我们来分析一下这部分人来这的目的是什么？是来玩的？还是目的性很强来学知识、解疑惑的？

我觉得可能是后者居多吧，那为何要费功夫做这么多花哨且不实用的装饰呢？

（ps：以上仅代表Raymond的个人观点，相信百度WUI团队本身对于用户的理解远比我个人要深入，百度在做改版的前，一定是有充分的调查分析和充足的UE&UI经验这样双保险的前提下，设计出正式版百科的Layout的。希望由我的观点而引出一些大伙自己的想法，分享之，欢迎不同声音，欢迎讨论）

周全的交互设计- ueui.com.cn

百度HI又升级了

相关文章

你跟妈妈说了么？

相关文章

UI习作：一组icon设计

相关文章

关于对交互设计师和UI设计师招聘的一些看法

相关文章

Wordpress SEO网站优化之大腕篇

相关文章

《如果交互让你崩溃》观后感

相关文章

医冠禽兽

相关文章

潜活是一种生活方式

相关文章

关于百度百科Web UI设计的YY

相关文章

百度百科改版,看百度WUI未来发展趋势

一增删

二导航栏

三阅读情绪的转变

相关文章

周全的交互设计- ueui.com.cn

百度HI又升级了

相关文章

你跟妈妈说了么？

相关文章

UI习作：一组icon设计

相关文章

关于对交互设计师和UI设计师招聘的一些看法

相关文章

Wordpress SEO网站优化之大腕篇

相关文章

《如果交互让你崩溃》观后感

相关文章

医冠禽兽

相关文章

潜活是一种生活方式

相关文章

关于百度百科Web UI设计的YY

相关文章

百度百科改版,看百度WUI未来发展趋势

一 增删

二 导航栏

三 阅读情绪的转变

相关文章

一增删

二导航栏

三阅读情绪的转变