以用户为中心的设计

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

简洁的网页设计帮你拉顾客

作者:译言  |   发布: (编辑)Tony   |   时间:2008-08-28 23:43:33 文字大小:- +

最近很多电子商务网站在登陆页面上放置了大量信息。而他们“汗牛充栋”的逻辑很简单:信息越多,用户越多。不巧的是,网上购物的人总是很挑剔。

Jacob Nielson 报导说网络用户在挑选和购买的过程中,变得越来越急躁。他们不会根据分类或产品介绍,花时间到网上查找信息,大部分人更愿意使用方便的搜索引擎。如果用户找不到他想要的,这笔交易就告吹。

这就使得简洁的网页设计成为关键,特别是你需要销量的时候,它能让用户更快地找到资讯。如果一个网页充斥着大量无用的文本、widget或无关的产品,那么这个网页可以说已经作废了。

不过,有些电子商务网站恰恰相反。他们喜欢搞“多点开花”,以图给潜在的用户尽可能多的选择,在网页上添加了许多无用的信息、广告和无关的产品。而不是清楚的一个网页一件产品。

 

更少的产品意味着更多的关注

许多网络公司可能忘记了一条电子商务的基本规则:网络购物越简单越好。可以在亚马逊点几下鼠标就买到的DVD,谁也不想驾车跑几公里外去买。如果购物的过程简单快捷,顾客甚至不会介意多花点钱或多等些时间。

 

Image and video hosting by TinyPic

 

苹果公司已经完全掌握了极少主义艺术网页设计。如果你打开他们的主页,只会看到三样东西:
   * 一个简单的顶部导航
   * 主体部分的一件产品
   * 在倒影部分的产品相关链接
除了标准的页脚导航,整个主页仅由这三个部分组成。以下是点击一件产品进入的网页(以 iPhone 为例)。

 

Image and video hosting by TinyPic

 

在产品页面,你第一眼就能了解这个网页是关于什么的:iPhone。产品本身占据了大部分的页面,周围是新 iPhone 的特点和一些应用程序。但更重要的是,我们要了解这个网页上没有什么:
   * 无关的产品
   * 无关的侧边栏广告
   * 过多的重复
   * 混乱的排版

苹果公司用一个舒适的页面展示了足够多的信息。展示大量的信息没有错,只要让它看起来并不多。这样你同样可以看到所有的信息,链接和图片排列在 iPhone 的周围,同样发挥了作用。网页上没有任何无聊的广告或无用的其它产品的信息。

这儿有一组经过实践考验的方法,任何设计师或网页开发者都可以学去,免得糟糕的页面布局把顾客赶走。

只有你需要的。简单的网页设计中最重要的一个方面就是,只展示你要卖的产品。但这不是说你不能向用户展示大量的信息。你只需要确定用户想了解更多的信息。苹果大量使用“Learn more”链接达到这一点。

减少点击次数。顾客到达想要的页面点击次数越少,对你来说可能的回报就越高。可别让顾客劈荆斩棘去买你的产品。

“奶奶”规则。如果你的奶奶(或任何年老的人)可以通过你的网站了解如何购买产品,那么产品被购买的几率就很大。无用的信息会很快把你的奶奶搞晕的。

减少分栏。你每增加一个分栏,显示内容的空间就少一截。顾客不想要的东西占据了太多的版面,这就无法强调主要的产品。

尽量减少操作菜单。展示产品应当避免无关的干扰,推动顾客购买的进程。顾客在选购时都希望尽可能少的思考,要让顾客有更多思考的空间并专注于购买的过程。

保持整洁。一个干净的设计可以让访问者心情愉悦。多花点时间确保你的网页布局美观,这样才会有回头客。

作为设计者应该从顾客的角度审视网页设计。你会在自己设计的网站上购物吗?

 

其它优秀的电子商务设计实例

 

Image and video hosting by TinyPic

 

Bell.ca 只使用了很少的色彩来展示品牌,而给浏览者的操作菜单只有主导航栏。注意设计者是如何安置这么多不同的菜单——购物导航,还要同时照顾到私人和企业客户。 网页不仅不凌乱,反而显得简洁明快,提供了很多菜单,但并没有迫使浏览者一一浏览查找。同时也要注意到顶部的产品导航设计得有多聪明,我想没有谁还会选错 产品了吧。

Image and video hosting by TinyPic

 

Shoeguru.ca 展示了一个完全以用户和产品为中心的设计。似乎产品本身就是一名推销员。网页上除了产品毫无其它无关的东西;甚至连导航菜单都“少得可怜”。

 

Image and video hosting by TinyPic

 

Etsy 在主页上放置了如此多的信息却丝毫不显凌乱,简直是网页布局的样板。Etsy 的产品目录很繁杂,但优秀的设计使其显得轻松朴实。事实证明,一个实用性的主页也可以有很好的商业效果。

 

Image and video hosting by TinyPic

 

Crupress 是一个文雅的图书网站,没有什么娱乐成分。主页上有大量的文本,并没有搅乱用户的思绪。顶部的导航很醒目,但也只需要瞟一眼就能了解。所有的设计元素水乳交融。

 

Image and video hosting by TinyPic

 

Tokyocube 是个有趣时髦的销售日本产品的小网站。网站没有浪费宝贵的空间来介绍产品,而是把他们摆放在屏幕的右侧。网站使用大量的留白使得用户能够快速清晰地欣赏产品。谁也忍不住要点击几个玩偶好好瞧瞧。

 

Image and video hosting by TinyPic

 

Furious Tees 相对前面几个网站更注重图形设计,主要有两点作用:
   * 体现网站活泼的基调
   * 清楚的显示所有的衬衫只卖19.99美元

访问者也不会忘了 Furious Tees 是卖什么的,产品不都在面前吗?把产品都放在主页对于那些销售新奇产品的网站特别有益,因为通常人们都不会去找这些东西。

但是把产品都集中放在主页上,很容易把布局搞乱。Furious Tees 很好地避免了这些问题。他们把关注都集中在 T-shirt 和风趣的设计上,没有在网页上放任何侧边栏或是广告。

 

Image and video hosting by TinyPic


Basecamp (37 Signals)

论混合不同种类信息来销售产品,恐怕没有比 37 Signal 的项目管理工具 Basecamp 更牛B的了。但网页上的信息数量恰到好处。每个词语、每个图片都经过权衡。如果没有足够的信息,用户不会浪费时间去理解产品;太多的信息用户也无法招架。

得当的顶部背景色彩和公司徽标,使得下面的主体部分更引人注目。他们将各种不同的媒体融合在一起的同时,还留出大量的空白,使得用户不会一下子被繁杂的文本、图片搞晕。

 

最后的总结

每个网站都会要求不同类型的布局、图样和文章以便销售产品。但作为设计者有些事半功倍的办法:
   * 权衡每个词语
   * 删去没用的元素
   * 使用雅致的色彩并大胆留白
   * 控制访问者每一次看到的信息数量

记住,网上购物的人总是很挑剔。他们不会磨磨蹭蹭地挑选商品,而会使用搜索引擎搜索关键词来找到他们想要的。如果他们不喜欢看到的网页,对不起,拜拜。对于网站来说,只能用一个不大的界面来吸引这些潜在客户。一个雅致的、整洁的设计可以将关注集中到产品上(而不是其它任何东西),并帮助顾客更快地找到他们想要的。

更多
打印  |  相关话题:少即是多,给产品做减法   |  类别:设计思想  |  源地址

UCDChina的书

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

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

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

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

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

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