【原文】What Successful Products Teach Us About Web Design

我們都知道，Web設(shè)計(jì)是需要不斷的打磨修正的過(guò)程，但是過(guò)度設(shè)計(jì)也不利于產(chǎn)品。設(shè)計(jì)是產(chǎn)品的根本，設(shè)計(jì)一旦完成，產(chǎn)品的新版本也就誕生了。在產(chǎn)品開(kāi)始的時(shí)候，Web設(shè)計(jì)就像一個(gè)新生兒，非常脆弱且易受攻擊。但是隨著它的成長(zhǎng)，它會(huì)變得越來(lái)越強(qiáng)大。在這期間，重新設(shè)計(jì)網(wǎng)站沒(méi)有任何意義，相反，這只能證明一個(gè)設(shè)計(jì)師的無(wú)能。

設(shè)計(jì)產(chǎn)品就是通過(guò)不斷版本升級(jí)來(lái)完善產(chǎn)品，當(dāng)然每次升級(jí)都會(huì)帶來(lái)或多或少的困難。但是在這其中，我們也可以或多或少的學(xué)習(xí)到一些經(jīng)驗(yàn)。

首先，我們來(lái)看些例子：

你知道自從2007年蘋(píng)果發(fā)布了多少版Iphone的外觀設(shè)計(jì)？答案是一個(gè)，并僅僅做過(guò)兩次調(diào)整。目前市場(chǎng)上一共有多少種安卓版本摩托羅拉手機(jī)？13種，不包含老機(jī)型

你知道Mini Coppery有幾版設(shè)計(jì)？自從1959年，僅僅在最初那版勇敢的外觀設(shè)計(jì)上進(jìn)行了不斷的完善！豐田花冠從1967年有幾版呢？19版！

Zippo從1933年開(kāi)始就一直維持他的外觀沒(méi)有變過(guò)。

除去市場(chǎng)，技術(shù)規(guī)格，和硬件的因素。例如Iphone，Mini copper，Zippo的產(chǎn)品能夠取得如此的成功，就是因?yàn)樗麄兂錾脑O(shè)計(jì)。而他們出色的設(shè)計(jì)得益于三個(gè)因素：設(shè)計(jì)師，對(duì)于設(shè)計(jì)范圍的堅(jiān)持，對(duì)于設(shè)計(jì)迭代的堅(jiān)持。這些例子中的道理，也可以幫助我們進(jìn)行web設(shè)計(jì)。在這篇文章中，會(huì)總結(jié)我們從這些成功的產(chǎn)品中我們可以學(xué)到什么。

設(shè)計(jì)師的能力

你相信的你的直覺(jué)么？你應(yīng)該相信！當(dāng)你看到一個(gè)設(shè)計(jì)的時(shí)候，你應(yīng)該在一秒之內(nèi)就能判定他的好壞。我們知道我們自己的喜好，盡管我們不一定能把他表達(dá)出來(lái)。這就是美的哲學(xué)。這是統(tǒng)一與和諧的哲學(xué)，它不是魔術(shù)。它來(lái)源于設(shè)計(jì)師所秉承的特定原則，例如色彩平衡，對(duì)比度以及顯性因素。要想成為一名出色的設(shè)計(jì)師，需要的不僅僅是純粹的設(shè)計(jì)技術(shù)，而是需要你根據(jù)你的所見(jiàn)所感而進(jìn)行調(diào)整，抉擇，取舍達(dá)成設(shè)計(jì)的完美與和諧。

下面是Karim Rashid在自己的文章中提到的一些建議。?Rashid首先提到了他所鐘愛(ài)的立體聲設(shè)備。

我有一個(gè)有著兩個(gè)白色揚(yáng)聲器的立體聲播放設(shè)備。它非常的便宜-是一款非常親民的產(chǎn)品，它有一個(gè)放唱片的轉(zhuǎn)盤(pán)，僅此而已。這是多么美好的事情，因?yàn)樗耆亲晕要?dú)立的并且如此的簡(jiǎn)單，同時(shí)非常的人性化。完全物有所值！

看到?jīng)]？親民，自我獨(dú)立，人性化，簡(jiǎn)單是關(guān)鍵詞。

下面是?Rashid的想法：

為什么我們要一遍一遍又一般的去看我們的設(shè)計(jì)原型？比如，各種各樣的數(shù)碼相機(jī)其實(shí)是不同版式，比例的水平方框而已。他們來(lái)源于最早的攝影機(jī)的樣子，但是我們的數(shù)碼相機(jī)根本拍不了電影，那么他們到底為什么還要全都長(zhǎng)成這個(gè)樣子？

Rashid是怎么得出這樣的結(jié)論的呢？是什么驅(qū)使我們?nèi)プ鱿嗤氖虑榈哪?？這不僅僅是理論層面的事情，我們確實(shí)都是這么做的。當(dāng)你下次需要做一個(gè)重要的設(shè)計(jì)抉擇的時(shí)候，停下了問(wèn)問(wèn)你自己，如果我是Dirter Rams或者Jonathan Ive我要怎么做？

向自己提出這種問(wèn)題，可以通過(guò)簡(jiǎn)單的方法逼自己通過(guò)極致的設(shè)計(jì)體驗(yàn)要求來(lái)提升自己設(shè)計(jì)判斷能力。經(jīng)常這樣做，還可以提升自己的設(shè)計(jì)感知能力，讓你自己的決定，價(jià)值觀和能力更加接近一名出色的設(shè)計(jì)師。但是，僅僅這樣做就足夠了么？不，這僅僅是個(gè)開(kāi)始。

我們來(lái)看看Zippo打火機(jī)，它看上去是如此的美觀并且堅(jiān)固，除此之外，我們還注意到，Zippo是有自己獨(dú)特的氣味，他是防水的，彈蓋子的時(shí)候特別咔噠的響聲，等等。這些都構(gòu)成了Zippo特殊的設(shè)計(jì)氣質(zhì)。也構(gòu)成了它的魔力，如果當(dāng)你擁有一個(gè)Zippo的時(shí)候，你會(huì)感覺(jué)到好像打火機(jī)會(huì)學(xué)習(xí)你的使用習(xí)慣，而變得越來(lái)越順手。

這些都是因?yàn)閆ippo在設(shè)計(jì)上的精雕細(xì)琢，這也是我們Web設(shè)計(jì)應(yīng)該學(xué)習(xí)的東西。要讓你的產(chǎn)品看上去，感知上去就足夠的簡(jiǎn)單，實(shí)用。

產(chǎn)品聚焦

讓我們?cè)賮?lái)聊聊汽車(chē)：

在初期，如我們所知，Toyota的花冠車(chē)型在設(shè)計(jì)上沒(méi)有什么特別的。它主要的賣(mài)點(diǎn)是它的實(shí)用性，并且相對(duì)便宜。Toyota成功了么？當(dāng)然成功了！

那么Mini Copper呢？它是一款面向大部分年輕用戶(hù)的小巧美觀的車(chē)型。它成功了么？當(dāng)然，它也成功了！

汽車(chē)是個(gè)復(fù)雜的機(jī)器，而不僅僅是承載人們的運(yùn)輸工具。如果Toyota做的和MINI Copper一樣的漂亮，那么它的成本不可能像現(xiàn)在這么低。如果Mini Copper把自己定義為家庭用車(chē)，那么也會(huì)喪失很多魅力。也許，你知道我想表達(dá)什么了。

在每個(gè)產(chǎn)品背后都需要明確自己的產(chǎn)品定位范圍。一旦這個(gè)定位是準(zhǔn)確的，那么這個(gè)產(chǎn)品就是有用的，并且可以得到市場(chǎng)的認(rèn)可。這個(gè)原則同樣適用于Web設(shè)計(jì)。

做個(gè)比喻，我想從形態(tài)上最像網(wǎng)站的產(chǎn)品就是雜志了。用《連線(xiàn)》雜志舉例，我讀它已經(jīng)有10年的時(shí)間了，如果讓我簡(jiǎn)單的描述它，就是“前瞻性和酷”?！哆B線(xiàn)》每隔一段時(shí)間會(huì)進(jìn)行產(chǎn)品設(shè)計(jì)調(diào)整，但是產(chǎn)品范圍定位從未變過(guò)。通過(guò)展示優(yōu)秀的設(shè)計(jì)、插圖和或長(zhǎng)或短的文章來(lái)為支撐他的科技主題，為他的讀者介紹最前沿的科技信息。隨著時(shí)間讀者不斷更換，時(shí)代更迭，但是《連線(xiàn)》從未被時(shí)代淘汰。這是為什么呢？因?yàn)樗偸呛茏鹬刈约旱哪繕?biāo)。當(dāng)然，還有很多設(shè)計(jì)精良的雜志，他們中的很多也有很棒的內(nèi)容，但是你很難找到一個(gè)有著獨(dú)特的不能輕易被模仿的定位的雜志。

你那些沒(méi)有那么復(fù)雜的Web項(xiàng)目也需要如此的做。你必須清楚的定位你的產(chǎn)品。你的設(shè)計(jì)是用來(lái)推動(dòng)你的定位的。在此基礎(chǔ)上，好的內(nèi)容才能流傳起來(lái)。你知道了這個(gè)原則并遵循他，你就會(huì)知道你的設(shè)計(jì)需要在什么地方剎車(chē)。如果你發(fā)現(xiàn)有個(gè)新的想法或者功能無(wú)關(guān)產(chǎn)品定位主題，那么就說(shuō)不吧。

網(wǎng)站就像個(gè)生物。隨著進(jìn)化，總要新的功能出現(xiàn)，隨之有些功能應(yīng)該就會(huì)退化，這個(gè)過(guò)程不應(yīng)該是靜止的，不是一味的做加法，而是交替變更的。因此，一些有前景的想法不是要被拋棄，而是在下次改版的時(shí)候再想要不要加進(jìn)去。

一些大型的，有一定資金的網(wǎng)站就經(jīng)常會(huì)迷失自我。他們總想要滿(mǎn)足所有的需求。這就是場(chǎng)災(zāi)難，它制造了很多項(xiàng)目成員不必要的溝通問(wèn)題，它會(huì)影響產(chǎn)品核心功能的影響等等，使得項(xiàng)目資源變的緊張，這時(shí)倒霉的日子也就不遠(yuǎn)了。

如果一切都很重要，那么就沒(méi)有重要的事情了。

產(chǎn)品迭代

我們來(lái)談?wù)勌O(píng)果。蘋(píng)果的圖標(biāo)設(shè)計(jì)，和他的創(chuàng)始人獨(dú)特的產(chǎn)品思考方式最近被反反復(fù)復(fù)的討論。

無(wú)論我們用多少言語(yǔ)來(lái)描述史蒂夫 喬布斯，我們似乎還是很難解釋他神奇的成功之路。

所以，讓我們來(lái)看下Adrian Slywotzky是怎么說(shuō)的吧：

我們愛(ài)蘋(píng)果是因?yàn)樗屢磺械牟僮骺雌饋?lái)如此簡(jiǎn)單。蘋(píng)果在設(shè)計(jì)產(chǎn)品的時(shí)候，每個(gè)功能護(hù)至少做10個(gè)高保真原型。他們不斷的PK，挑選出3個(gè)，然后再PK，最后剩下一個(gè)最優(yōu)的。因?yàn)樘O(píng)果知道在產(chǎn)品上市前你付出的越多，在市場(chǎng)上面臨的競(jìng)爭(zhēng)就越小。

如果蘋(píng)果都如此的，我們?yōu)槭裁床荒兀?/p>

作為設(shè)計(jì)師，當(dāng)靈感突入襲來(lái)的時(shí)候，你充滿(mǎn)了把想法變?yōu)楝F(xiàn)實(shí)的熱情，你的眼睛發(fā)光，好像看見(jiàn)了成功，但是事實(shí)上最終結(jié)果和你想象的往往大相徑庭。

為什么呢？因?yàn)槟愕南敕ê托袆?dòng)基本上都是有缺陷的。“這個(gè)還有很多的提升空間”這句話(huà)已經(jīng)成為陳詞濫調(diào)，但是你還是會(huì)經(jīng)常聽(tīng)到。因?yàn)槟愕南敕ㄟ€有很大的提升空間，所以老板接受你的想法需要很大的勇氣。所以下次再構(gòu)想你偉大產(chǎn)品藍(lán)圖的時(shí)候，首先要保持自律的心同時(shí)讓它看上去比較完美的時(shí)候再去實(shí)施。這樣也會(huì)讓你變得更加聰明，也會(huì)顯著的提升你的產(chǎn)品。

產(chǎn)品迭代的時(shí)候，不要去過(guò)分的考慮項(xiàng)目類(lèi)型或者項(xiàng)目預(yù)算，他們就是魔鬼，會(huì)強(qiáng)迫我們面對(duì)人類(lèi)的劣根性，而不去關(guān)注產(chǎn)品本身。

也許這樣你會(huì)感到很大的壓力，如果如此，你可以想想首席信息架構(gòu)師，Oliver Reichenstein，在每個(gè)開(kāi)發(fā)階段和他的團(tuán)隊(duì)所說(shuō)的：

幾乎很難解釋為什么我們的產(chǎn)品會(huì)是現(xiàn)在的樣子，因?yàn)槲覀兘?jīng)歷了如此多的迭代，就好像很難解釋一盤(pán)包含各種可能性的國(guó)際象棋一樣。

Web設(shè)計(jì)也是如此，我們沒(méi)有理由去避免多次迭代去完善產(chǎn)品。

? 最后的話(huà)

當(dāng)成功的設(shè)計(jì)師被問(wèn)到，他們?nèi)ツ睦飳ふ异`感的時(shí)候，他們經(jīng)常會(huì)說(shuō):”我可以觀察到的世界的任何地方?！边@是真理，但是他們不會(huì)說(shuō)其實(shí)他們的經(jīng)驗(yàn)讓他們知道值得關(guān)注的地方在哪里以及如何去過(guò)濾掉信息噪音。

我們周身有很多偉大的產(chǎn)品，每個(gè)背后都有自己的故事，一個(gè)他上市前經(jīng)歷的設(shè)計(jì)，定位，和迭代的故事。

用Dyson空氣清新劑來(lái)講，他的設(shè)計(jì)令人印象深刻。它的定位非常清晰（比其他清新劑更強(qiáng)的去污能力，是你的環(huán)境更加健康），他的設(shè)計(jì)師出了數(shù)以百計(jì)的產(chǎn)品原型，只是為了讓產(chǎn)品如何在沒(méi)有袋子的情況下工作。第一個(gè)空氣清新劑在1970年上市！

設(shè)計(jì)一個(gè)永恒的網(wǎng)站不比設(shè)計(jì)一個(gè)空氣清新劑簡(jiǎn)單，但也不是不可能。他需要全面，專(zhuān)注，成熟，自然。當(dāng)然，還有不斷迭代變化。

本文系譯者小麥投稿發(fā)布，轉(zhuǎn)載請(qǐng)注明來(lái)源于人人都是產(chǎn)品經(jīng)理，并保留本文鏈接。