以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://blog.rexsong.com/?p=13944

苹果网站的特点

作者:千鸟  |   发布: (编辑)kent.zhu   |   时间:2011-08-02 10:11:36 文字大小:- +

以前听同行讲过一次apple.com,在他眼里apple.com就是丰碑,基本没有不好。任何哲学的理论和术语都可以往它身上套,简直就是成就与完美的化身。这问题我觉得需要拆解分层次的看,任何有特点的设计必然有其优势,也有其局限性。

我认为讲apple.com很有特点可能更合适,因为“特点”只是个中性词。关键它把特点表现的恰到好处,特别符合apple应有的“范儿”。比如占据一屏极具冲击力的大照片,让期待已久的粉丝们特别满足。与我欣赏的另外个网站muji.net相比,同样走简洁路线,apple就显得“大条”了些。毫不掩饰的讲,我更中意muji.net更精细化的路数。

仔细看过iphone 4专题,不紧不慢的告诉用户怎么怎么好,可以耐心的搞几十个页面、上百张图片分别说功能。而且还藏挺深,不像很多中文网站,有点好东西恨不得全部放首页上。我相信绝大多数iphone 4的用户都没看过这些内容,但如果你真有兴趣去找,至少可以看半小时。文案上也下了很多功夫,用户顺其自然就被引导过去了。内容组织很好,层次清晰主次分明,给用户的感觉是条理特别清楚。不过,这点并不算apple.com多大优势,因为欧美网站普遍都以内容组织见长。

而在版式角度,apple.com布局中规中矩,普通到让我感觉很单调。具体布局也是一个个模块的平铺,一行三个四个五个的罗列。如果不是照片出彩,整张页面会非常普通。我一向不喜欢此类横向单列布局的页面设计,这种版式很难做出效果,也没有往下引导的感觉。模块细节多采用圆角,我想是用于配合圆弧形的logo标识。

为测试购买,还在store上下单买过iphone 4。从apple.com首页进去,单是购买流程需要点击13次,然后才进入跨域的在线支付。在易用以及门槛角度,真一点都不简单,与中文电子商务网站一味简单迅速的要求完全相反。此特点也是欧美网站的共性,这个流程直接翻译过来,对中国用户来说门槛太高。

知乎上有人问“能学到哪些网页设计的重要原则和启发?”我认为苹果网站(apple.com)最值得学习的是顶部主导航,其组织、模式、代码都很考究,精雕细琢并且用了好多年。比如导航条目有“默认、当前、触发、按下”四种表现状态,较差的导航不区分“当前”和“触发”状态,而后来加的“按下”更具动感。再比如动态扩展搜索,点击后自动扩长并提高对比度,还是挺合理的,这个应该是今年才改的。

总结起来,我认为apple.com在内容组织、页面版式、交互设计层面没有特别独到之处,纯粹用户界面层次真正把apple的基因发挥到了机制。再在宏观角度来讲,我认为“灰色调、圆角、阴影、大图”这些所谓的简洁都不算重要,apple.com最难能可贵的有两点。其一,从任何页面打开都能一眼看出这就是apple风格;其二,软硬件产品风格和基调统一。前者只是网站设计层面的技术活,而后者则贯穿整个公司战略产品体系。

更多
打印  |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买