Author Archive

网页的栅格系统设计

星期三, 9月 17th, 2008

栅格系统的形成
1692年,新登基的法国国王路易十四感到法国的印刷水平强差人意,因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的, 重视功能性的新字体。委员会由数学家尼古拉斯加宗(Nicolas Jaugeon)担任领导,他们以罗马体为基础,采用方格为设计依据,每个字体方格分为64个基本方各单位,每个方各单位再分成36个小格,这样,一个印 刷版面就有 2304个小格组成,在这个严谨的几何网格网络中设计字体的形状,版面的编排,试验传达功能的效能,这是是世界上最早对字体和版面进行科学实验的活动,也 是栅格系统最早的雏形。More...

栅格系统英文为“grid systems”,也有人翻译为“网格系统”,其实是一回事。不过从定义上说,栅格更为准确些,从维基百科查到栅格的定义为:栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一(more…)

iphone淘宝商城beta体验版上线

星期四, 8月 28th, 2008

 

经过一个多月的努力,淘宝ued团队倾力打造的iphone淘宝商城beta版本已经登场! 您可以轻松的通过iphone手机浏览到淘宝商城所有的商品,还等什么?敲入“i.mall.taobao.com”赶紧试试看吧!

iphone的出现,在手机用户体验上做了革命性的创新;作为淘宝UED的一次尝试,我们希望这种良好的体验给广大的淘宝带来一些不一样的感受。

ps:本期iphone淘宝商城为体验版,主要突出其搜索与收藏功能。 (more…)

交互设计中的“007功能”

星期四, 10月 25th, 2007

星爷的一部“国产007”应该是无人不晓,其中一个片段是将“007”向MM展示他的秘密武器。皮鞋可以吹头发,大哥大可以刮胡子……把真实功能隐蔽起来的物品,已经成为他们专用的装备了。

不过,这些并不是007的专利,一键多用,一个按钮多种用法……着实让使用者“007”了一把。不过,恐怕只有像007那样的特工才最需要,对于普通的用户,只求一个用户简单、舒心罢了。

(more…)

头可破,血可流,设计细节不能丢

星期五, 9月 14th, 2007

实在是想不出啥标题了,本来想用“设计中不可忽略的10个细节”,可是有人跟我说太庸俗了。所以,就写一个比较夸张的标题吧(也比较土),呵呵~~

因为自己在设计的时候就对这些东西经常不是很在意,以为是很小的事情,结果往往给自己搞出不少的麻烦。可能大家没有我这么粗心,不过还是想提醒一下跟我一样的设计师:细节决定成败。

1.提示信息
用户既然做了,那么是对是错、是好是坏、是成功是失败,总得给人家一个反馈吧?!给他们留一个能看到这些信息的地方吧。

2.帮助提示
当设计表单或者一些操作比较复杂的功能时候,千万不要忘记给这个地方加一个提示(帮助)哦!即使那是文案设计师做的事情,起码也要留一个地方。

3.无结果(404)、无数据页面。
每次做项目都会遇到的页面,逃也逃不掉。

4.文字折行,缺行。
设计师总爱在PS里搞一个最好看的宽度来演示效果,现在注意了:有的时候这些内容不会像你想像的那么听话。一个字符的有,一百个字符的也有,综合考虑下吧。

5.单词过长
这个问题老大难,一个表格(容器)里遇到“64d91eb441377ee66b823e3732f775ac64d91eb441377ee66b823e37…”这样的东西怎么办?

6.label标签
用到checkbox,一定不要忘记加

7.为你的连接加上title
这个就更不用说了,title=”一定要加啊!”

8.区别
可填不可填要有区别,必填选填要有区别,可点不可点要有区别,可选不可选要有区别,点与不点要有区别……

9.更多
有的时候加一个“更多>>”会让用户发现更多自己需要的东西。

10.翻页
信息多的时候,不要忘记还要翻页的哦!多少条一页?如何翻页?

学习的态度

星期四, 8月 23rd, 2007

别看我们Blog页头上那一排的小二名录里“二当家”排在第一位(曝光率奇高),但是我们这位老大平时总是很低调,很少在blog里看到他矫健的身影……
终于,终于在视觉同盟看到了关于他的访谈。这位总是以“潜水”而自居的二当家,这次可一定要露露脸咯,哈哈。

麻利(二当家),毕业于杭州工艺美术学校日用品工业造型专业,2003年加入淘宝,目前是淘宝网设计部门负责人。
采访人:fape
采访时间:2007年7月

(more…)

具有中国特色的“盲道”设计

星期四, 8月 16th, 2007

真的不知道那些盲人们走在这种专门为自己“设计”的路,会有什么感想………

PS:前段时间看到一则来自上海的新闻,上海的地铁因为其在屏蔽门的设计上存在可用性问题,导致发生了乘客被碾死的悲剧。我听过对设计师这样的赞美:设计师时刻改变着生活,改变着世界。但是又不能不说,有的时候,设计师将必须承担着更为重要的责任。

(more…)

交互设计师可以做的更多

星期五, 7月 13th, 2007

 

1.站在更高的层次上去思考问题
设计师往往拘泥于一些细节的设计中,并不是说关注细节不对,而是设计应该从大局出发。经常会有这样的情况:往往我们对一个交互复杂、内容繁多的页面抓耳挠腮,思考着“将按钮放在什么地方”之类的问题。可是,经过与PD的沟通以后,有了更好的交互流程来延续用户的操作。这时回过头来一看,那个复杂的页面竟然在这次交互流程优化中消失了……

这个时候,我们可以做的就是更多的参与前期的需求收集,并且与PD一起对产品进行设计与讨论。

2.尝试让自己也成为需求提出者
交互设计师往往作为一个需求设计的执行者,而并非提出者。来一个项目,我们就只管去做,只去关注这个项目范围内的东西如何如何。承志在一次谈话中问我:“网站中那些新功能是你自己创造或者自己推动的……”想了好一会儿,我才吃惊的发现竟然几乎没有。看来交互设计师除了要有创新的想法以外,还要有让其变为现实的能力。执行者和提出者站的角度与思考的层次都是不一样的(同上),而这两个角色的转变对我来说绝对是意义非凡。

3.团队中你的意见很重要
主动的跟进项目,需求评审会上,没有一个项目成员会不希望你的参与。相反,他们会很渴望得到你的意见与想法。

4.我们时刻代表着用户
切记:为用户说话是设计师的天职。任何时候交互设计师都需要学会设身处地为用户着想。你最终代表的是用户,往往有的时侯我们会把自己想象成用户,或者把用户看作与自己类似的人。然而情况却经常是截然不同,他们没有代表用户,代表的只是自己。

总之,被动的接收PD的PRD,然后按照PRD的内容形成界面原型,我想交互设计师平时工作所希望的肯定不会局限于此。我们需要同PD一道创造出更多创新的东西,让用户觉得更加易用、愉快、与健康。

习惯必须延续,必要可以延伸

星期三, 5月 30th, 2007

 

选用了正淳的一句“习惯必须延续,必要可以延伸”当作这篇文章的标题,呵呵,正淳不要说我侵权就好!这话说的很有道理,自己在做项目过程中就遇到了这样的问题,后来想了想,归根结底是如何准确理解用户习惯的问题。

1.关注用户的利益点。
对于改变一个用户习惯的产品,可能比你新做一个产品出来要想的更多,用户对原来系统的依赖性依然是很强的,经常会将新系统与原来的系统进行比较。新系统中必须保留原来系统中所有的跟用户有直接利益关系的已知的功能。否则,用户会感觉到以前为之付出的精力或者关注的焦点被无情的剥削了。

2.用户的习惯是不能违背的,但是是可以打破的。
用户已知的认知与习惯中,我们的产品必须是有印象的,似曾相识的,也就是说,用户在用到新的产品的时候,会马上联想起以前用过的各种产品,这是由于人的惯性思维引起的。他们会不由自主的用老的产品或者用过的产品来对比新的产品。有的时候哪怕是错误的习惯,可能也会被继承下来。那么,我们需要做的就是:继承习惯。这里说的不是照搬,而是按照用户的习惯进行设计。当然,也必须要有突破的地方,不然产品不会对用户有什么吸引力(排除其他因素的影响)。对于用户用的不爽的地方,进行优化,或者突破,或者延伸,让用户感到比以前更方便了,那么我们的目的就达到了。

“习惯必须延续,必要可以延伸。”正淳的解释可能更加恰当一些。

3.用户期望与众不同。
每个人都希望自己是不同的,而如果产品达不到这一点,那么将会给用户带来很多不爽。个性化的产品,就一定要个性化,当然这个应该在用户可承受范围之内。Google放弃他那100年不许变的界面,也变得那么可爱就是一个很好的例子。

 ps:实践中得出的经验之谈,希望听到不同的声音,大家一起讨论。

大飞机的座舱设计,看完以后这个晕啊~~

星期三, 5月 23rd, 2007

波音系列:

707:

727:

737:

747:

757:

767:

777:

欧洲客机:

A380:

协和:

军用运输机:

美C130:

再来两张俄罗斯的,对比一下:

An22:

An225:

应siwin要求,补上一张TU160的坐舱:

新书推荐《淘宝网:倒立者赢 》

星期二, 3月 27th, 2007

 

前两天身边的同事都在看这本书《淘宝网:倒立者赢 》,自己也没有怎么在意。今天下班的时候闲来无事顺便拿来翻了翻,还真的就看进去了~~~感觉就是在写身边的故事,感触颇深……现在推荐给大家,如果你想了解淘宝,那么这本书绝对值得你看一看。

(以下引自书里的内容)

三年的时间,让淘宝从一个起步的网站,变成如今中国C2C领域的领军团队。究竟淘宝是如何做到的,他们是如何在“EBAY(其他网站)已经占领大部分中国市场”的局面下,转被动为主动?淘宝成功的核心究竟是什么?人和、诚信、细节决定成败!倒立的招式,在何时何地都是非常需要的。落后的时候,倒立着思考问题,或许就能打开新局面。成功的时候,倒立着看清实质,或许就能发现那些被屏蔽着的不足。倒立并不是一件简单的事情,非但需要有足够的手劲,还要有坚韧的毅力。让你的血液沸腾,一切变的更有激情!作者:沈威风