初創(chuàng)企業(yè)創(chuàng)始人經(jīng)常讓我采用其app創(chuàng)意把應(yīng)用做得好看。他們覺(jué)得自己需要漂亮的產(chǎn)品以便獲得融資。我稱之為“好看優(yōu)先”，也就是說(shuō)初創(chuàng)企業(yè)關(guān)注的首先是應(yīng)用在視覺(jué)上設(shè)計(jì)得很漂亮，其次才去關(guān)心產(chǎn)品的目標(biāo)和是否有用。

從某種程度來(lái)說(shuō)，這是對(duì)日益強(qiáng)調(diào)技術(shù)產(chǎn)品視覺(jué)設(shè)計(jì)重要性的一種響應(yīng)。這使得設(shè)計(jì)團(tuán)體的認(rèn)知度有了很大的加強(qiáng)。但是“好看優(yōu)先”是不對(duì)的。如果你的產(chǎn)品既沒(méi)用又不吸引人，再好看也沒(méi)用。

首先，我們來(lái)看看一些成功的產(chǎn)品：

Uber從視覺(jué)風(fēng)格上來(lái)說(shuō)很難算得上是革命，但是它可以讓一輛“黑車”幾分鐘內(nèi)出現(xiàn)在你面前，而且你還可以在地圖上跟蹤其行駛路線，減少支付系統(tǒng)中的交易摩擦。其核心的價(jià)值主張是有效的。

Instagram則不同，很實(shí)用，也很吸引人，整個(gè)應(yīng)用的外觀都有了改善。但是在設(shè)計(jì)上當(dāng)然也算不上有什么突破。它擁有合適的社會(huì)化機(jī)制，圍繞著該應(yīng)用的概念營(yíng)造出火爆的使用，而非依靠出色的視覺(jué)設(shè)計(jì)來(lái)達(dá)到目的。

Airbnb解決了人們的問(wèn)題—找地方住。這款應(yīng)用也很好看，但是它不是僅僅依靠設(shè)計(jì)取得成功的，許多Airbnb早期的外觀元素真的是非常糟糕的。

然而，并非所有的初創(chuàng)企業(yè)都意識(shí)到這一類的成功。今天許多初創(chuàng)企業(yè)都在追求漂亮的視覺(jué)風(fēng)格，卻置其產(chǎn)品要解決的問(wèn)題于不顧。他們對(duì)設(shè)計(jì)的關(guān)注導(dǎo)致了對(duì)空白區(qū)、網(wǎng)格圖形以及印刷先導(dǎo)設(shè)計(jì)的狂熱。這一向設(shè)計(jì)傾斜的思潮導(dǎo)致了許多極簡(jiǎn)主義網(wǎng)站的出現(xiàn)。Web 2.0的外觀已經(jīng)死亡。正在迅速為“簡(jiǎn)潔設(shè)計(jì)”所代替，令人回想起上世紀(jì)五十年代瑞士風(fēng)格的圖形設(shè)計(jì)—這種設(shè)計(jì)體現(xiàn)了鮑豪斯運(yùn)動(dòng)的許多原則，幾乎沒(méi)有陰影和漸變。

有些人開(kāi)始想起這種設(shè)計(jì)風(fēng)格，然后隨著Flipboard和Letterpress這樣的應(yīng)用而流行，并從移動(dòng)端蔓延到了web上。仿佛一夜之間遍地都是這種設(shè)計(jì)風(fēng)格。這個(gè)現(xiàn)象在網(wǎng)上的一個(gè)很好的例子是 Svbtle和 Qz.com。而Pinterest看起來(lái)就好像是上世紀(jì)五十年代克勞威爾的現(xiàn)代主義網(wǎng)格設(shè)計(jì)。
把所有的注意力都傾注在產(chǎn)品的視覺(jué)設(shè)計(jì)上最終能不能得出一款功能更好的產(chǎn)品？在對(duì)像素表現(xiàn)、留白區(qū)以及山寨Pinterest界面的追求中，我們看到的是老產(chǎn)品換新瓶，功能卻沒(méi)有改進(jìn)，甚至有時(shí)候功能性還變差了。Gmail2012年的重新設(shè)計(jì)就引發(fā)用戶的迷惑和憤怒，部分原因就在于它更注重了“簡(jiǎn)約設(shè)計(jì)”原則而忽視了用戶的利益和行為。

如何設(shè)計(jì)產(chǎn)品？

喬布斯對(duì)此有過(guò)最好的概括：

有人認(rèn)為設(shè)計(jì)就是要決定產(chǎn)品的外觀（參見(jiàn) 圖說(shuō)用戶體驗(yàn)與用戶界面之別）。但是一旦你深入下去就會(huì)發(fā)現(xiàn)它確定的是產(chǎn)品的工作方式。

要聚焦到用戶的利益上。用戶問(wèn)題是什么？你打算如何去解決？開(kāi)始時(shí)應(yīng)該使用現(xiàn)成的圖標(biāo)。用 Balsamiq。提出基本的設(shè)計(jì)，開(kāi)發(fā)基礎(chǔ)應(yīng)用，然后交給用戶。在外觀上不要浪費(fèi)時(shí)間。

在你解決好應(yīng)用的核心問(wèn)題之前，不要在視覺(jué)設(shè)計(jì)上浪費(fèi)開(kāi)發(fā)周期。如果你需要設(shè)計(jì)師的幫助，可以聯(lián)系交互設(shè)計(jì)師或產(chǎn)品設(shè)計(jì)師。你不需要視覺(jué)設(shè)計(jì)師倒騰出好看的像素。你可能需要有人幫助你弄清楚如何讓產(chǎn)品工作，并以簡(jiǎn)單和吸引人的方式來(lái)實(shí)現(xiàn)。

在iOS上，要想搞砸你必須擺脫那些條條框框。有了 Twitter Bootstrap，哪怕是最不情愿設(shè)計(jì)的工程師也能創(chuàng)建出一個(gè)基本的、好看的網(wǎng)站，想要做出一個(gè)徹底丑陋的產(chǎn)品已經(jīng)變得越來(lái)越難。

盡快找人測(cè)試。我們?cè)谥暗囊粋€(gè)項(xiàng)目中犯過(guò)一個(gè)錯(cuò)誤，花了6個(gè)月的時(shí)間做了一個(gè)新聞閱讀器應(yīng)用卻沒(méi)有進(jìn)行過(guò)廣泛的用戶測(cè)試。我們擁有出色的興趣圖譜算法，但是應(yīng)用發(fā)布時(shí)卻發(fā)現(xiàn)不管應(yīng)用有多好看卻沒(méi)人感興趣。大家都認(rèn)為應(yīng)用很棒，但就是沒(méi)人用。

當(dāng)我們開(kāi)始開(kāi)發(fā)DrawChat的時(shí)候，用5周的時(shí)間做出一個(gè)版本，然后迅速推向用戶，并根據(jù)反饋來(lái)迭代開(kāi)發(fā)。
我們沒(méi)有在早期的開(kāi)發(fā)周期浪費(fèi)時(shí)間在中看不中用的特性上，而是關(guān)注于中用但樣子不算好看的版本，一旦發(fā)現(xiàn)有人用或關(guān)注某項(xiàng)功能，再慢慢去美化
。

在DrawChat上有一件事情我們做對(duì)了—對(duì)用戶友好、好用好玩。我們給應(yīng)用添加了一個(gè)畫畫怪物指向“New Chat”按鈕而不是傳統(tǒng)的那種空白的對(duì)話框方式。這種好玩的細(xì)節(jié)設(shè)計(jì)會(huì)給用戶留下很深的印象，其效果要比最完美的漸變模式設(shè)計(jì)都要好的多。
另一個(gè)好玩的設(shè)計(jì)例子是Sybtle的“Kudos”按鈕，它可以點(diǎn)亮和彈出。這一動(dòng)畫設(shè)計(jì)的目的是在用戶提供積極反饋時(shí)取悅并獎(jiǎng)勵(lì)用戶。

首先專注于設(shè)計(jì)一款有用的產(chǎn)品。一旦有了一款有用的產(chǎn)品，不用去考慮對(duì)每個(gè)像素做出調(diào)整。要營(yíng)造出總是好玩且有時(shí)超出預(yù)期的喜悅時(shí)刻。

投資人不蠢。如果你的價(jià)值定位有料，你就不需要最好看的app界面。它們的工作是去蕪存菁而已。如果你的產(chǎn)品創(chuàng)意很棒，他們自然也能判斷你是不是有能力做出來(lái)并讓產(chǎn)品變得好看。