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

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

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

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

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

苹果公司已经完全掌握了极少主义艺术网页设计。如果你打开他们的主页，只会看到三样东西：

• 一个简单的顶部导航
• 主体部分的一件产品
• 在倒影部分的产品相关链接

除了标准的页脚导航，整个主页仅由这三个部分组成。以下是点击一件产品进入的网页（以 iPhone 为例）。

在产品页面，你第一眼就能了解这个网页是关于什么的：iPhone。产品本身占据了大部分的页面，周围是新 iPhone 的特点和一些应用程序。但更重要的是，我们要了解这个网页上没有什么：

• 无关的产品
• 无关的侧边栏广告
• 过多的重复
• 混乱的排版

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Furious Tees 相对前面几个网站更注重图形设计，主要有两点作用：

• 体现网站活泼的基调
• 清楚的显示所有的衬衫只卖19.99美元

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

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

Basecamp (37 Signals)

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

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

最后的总结

每个网站都会要求不同类型的布局、图样和文章以便销售产品。但作为设计者有些事半功倍的办法：

• 权衡每个词语
• 删去没用的元素
• 使用雅致的色彩并大胆留白
• 控制访问者每一次看到的信息数量

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

原文标题：How Simple Web Design Helps Your Business
原文地址：www.smashingmagazine.com
作者：Glen Stansberry

转载中文翻译地址：zanbu.blogbus.com

实在是不想搞什么商城啊啊啊啊啊啊啊啊~能做这种多好，干净简洁的页面加上吸引人的JS效果应用~ 前两日研究了一把苹果的产品展示效果，http://store.apple.com/us/product/TW373LL/A?fnode=MTY1NDA1MA&mco=Nzg5NzcwMQ 够牛的，用的它自己的Coherent: Cocoa Databinding for Ajax，没学到手。。。

您可能也喜欢：
百事可乐新LOGO的设计背后，设计的重量	简洁漂亮的博客们~ 设计啊设计~ 想法啊想法！~	Best of CSS Design 2008 on Web Designer Wall 2008年50个最佳CSS设计网站	The Difference Between Art and Design 艺术与设计之别
无觅

以上图片来自G1 Phone的设计者网站 MIKE AND MAAIKE! ，还有很多其他很棒的设计作品，X-BOX360也是他们的哦，有兴趣的可以去看看~~

现在的G1, 中文操作系统也有了，但可惜的是仍旧是不能够使用中文输入法，就算明年谈妥了能引进，也肯定是被阉割过了的，黑暗的电波世界哇~~

虽然有看到人说这个外形呆板了，不过我还是蛮喜欢的，不太直的直板，哈哈~~虽然低造价的电阻式触屏没有苹果的灵敏，但咱还有按键滚轮和大键盘不是，后来证明多点触摸同样也是能实现的嘛，而且，用苹果我很怕自己不带电呢，这个就保险些~~ 搭载的Google Map也是很吸引我的地方，转手机就可以看场景了，不怕迷路了就！~~

嘛，虽然新手机才刚刚入手，8过再有机会换的话，我想我是会选择G1的，等它改进了媒体播放功能、实现了与PC同步、外壳再精制一些的，我就会出手啦！~ 那个时候到底会叫G几呢？~~ 到时找人带非太监版去是绝对滴！~~

找了个HTC人自己录的视频，怎么说也是中文说明嘛，暂且忍受一下台湾腔吧

您可能也喜欢：
iPhone/iTouch，Mobile Safari Web App 开发相关（2011.4.13更新）	CSS选择器之浏览器支持汇总，IE8/FF 3.5 beta/Safari 4 Beta/iPhone包括	太帅了！利用Google Map来做你的新网站吧！~	我的希捷 1T 桌面Free Agent杯具了，决定年后回来再入一块新的（西数2T绿盘），大容量3.5寸硬盘选购，自己先积存点知识！！（已入~）
无觅

Home office of Stefan Didak
by Stefen Didak

家庭工作室||| 很好很强大|||

The Emotion Studio
by timsamoff

恩，我有这套设备也会自恋下的！~

Ultimate Mac setup
by visualseed

可能某人会对桌上那些大镜头更感兴趣哇。。。

New Workstation
by ishmell

这个，看不过来的吧。。。啊！右下角没做居中！~~

My desk
by kihlbom

漂亮的白，奇怪的椅子|||

Multi Monitor Mahem
by totalAldo

爱、爱、爱因斯坦？！~~

Macbook Desk Setup
by js1stuff

苹果集合，小鼠不搭啊，给我多好，我很心水这个鼠标的说，555~~

Leopard Fever
by Crouching Donkey

这个鼠也给我！~

Google Headquarters on six displays
by twid

好一番GOOGLE总部景象哇~~

锵锵锵~~也现下我自己的~~ 三月到手，接下来一个月生活惨淡||| 桌面上“家伙”可不比他们少呢~~

有兴趣的可以 这里 查看全部

您可能也喜欢：
苹果的2008新圣诞广告，3D小人动画版，MAC v.s. PC！ 我喜欢可爱的PC大叔啊~~	强大的东东，Divine，PSD直接就转WP了	【转】优秀电子商务网站设计实例，简洁有助于赢得客户	比起iPhone，我还是更心水G1哇~
无觅