為何好創(chuàng)意有時(shí)會(huì)扼殺優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)

之前我一直認(rèn)為，越富有創(chuàng)意的人越容易成為優(yōu)秀的設(shè)計(jì)師，然而恰恰好的創(chuàng)意有時(shí)也會(huì)扼殺優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)，當(dāng)對(duì)設(shè)計(jì)了解的越多，就越發(fā)覺(jué)得創(chuàng)意并非設(shè)計(jì)的全部。

　　推動(dòng)你進(jìn)入設(shè)計(jì)之門的創(chuàng)意，可能并不是帶你走的最遠(yuǎn)的因素。許多設(shè)計(jì)師通常是作為視覺(jué)設(shè)計(jì)師入行，隨后開(kāi)始接觸UI界面、可用性、可訪問(wèn)性、用戶體驗(yàn)、交互設(shè)計(jì)，逐步轉(zhuǎn)型成為UI設(shè)計(jì)師、用戶體驗(yàn)設(shè)計(jì)師和交互設(shè)計(jì)師。

　　的確，創(chuàng)意、靈感和創(chuàng)造的熱情“勾引”著你進(jìn)入設(shè)計(jì)的領(lǐng)域，然而當(dāng)你想成為更優(yōu)秀的設(shè)計(jì)師之時(shí)，你會(huì)發(fā)現(xiàn)太多的創(chuàng)意會(huì)對(duì)你的設(shè)計(jì)造成傷害。

　　為什么?

　　主要原因是我們是在為用戶而設(shè)計(jì)。這一點(diǎn)你越早覺(jué)悟越好。用戶心理變化一定是復(fù)雜的，但是有一點(diǎn)是肯定的：默認(rèn)情況下，用戶是懶惰的，他們會(huì)選擇最快捷最方便的方式來(lái)完成操作和任務(wù)。太復(fù)雜的布局、太富有創(chuàng)意的解決方案和重新造出來(lái)的輪子并不能讓用戶更輕松，結(jié)果可想而知。

　　所以，設(shè)計(jì)師的問(wèn)題變成了這樣：如何在創(chuàng)造性、藝術(shù)性和原創(chuàng)設(shè)計(jì)之間找到平衡，并且還得兼顧直觀性，又不失實(shí)用性，同時(shí)還能在業(yè)務(wù)上有良好的反饋?

　　從成型的原型構(gòu)思開(kāi)始

　　根據(jù)谷歌的研究結(jié)果，用戶更喜歡看起來(lái)簡(jiǎn)單(低復(fù)雜度)且熟悉(高典型性)的網(wǎng)站。

　　當(dāng)人們打開(kāi)你的網(wǎng)頁(yè)，只需50毫秒他們對(duì)于你的網(wǎng)站就有了設(shè)計(jì)審美上的判斷結(jié)果。對(duì)你品牌和產(chǎn)品的第一印象就這么形成了，是走是留幾乎就在這一瞬間被決定了。

　　“當(dāng)設(shè)計(jì)與用戶的期待所沖突的時(shí)候，用戶對(duì)你的設(shè)計(jì)的第一印象會(huì)因此受到傷害，失望在所難免。”

　　——Javier Bargas-Avila ，YouTube 用戶體驗(yàn)中心，高級(jí)用戶體驗(yàn)研究員

　　你可能看過(guò)數(shù)以千計(jì)的網(wǎng)站，當(dāng)我問(wèn)你如何設(shè)計(jì)一個(gè)博客網(wǎng)站的時(shí)候，你想到的布局可能是這個(gè)樣子：

　　我們幾乎可以針對(duì)所有類型的網(wǎng)站都做一次這樣的測(cè)試：電商網(wǎng)站、企業(yè)網(wǎng)站、大學(xué)官網(wǎng)、產(chǎn)品展示、媒體網(wǎng)站、電子雜志，等等等等。

　　所以，一個(gè)博客網(wǎng)站的原型并不復(fù)雜，左側(cè)是大塊的內(nèi)容區(qū)，右側(cè)一個(gè)功能性的側(cè)邊欄，它可能會(huì)包含推薦、廣告、社交媒體、郵件訂閱等功能模塊。

　　是否每個(gè)博客都是這一個(gè)樣子呢?并不一定，但是絕大多數(shù)的博客會(huì)選擇這樣的布局。

　　當(dāng)用戶打開(kāi)你的博客的時(shí)候，他們知道在側(cè)邊欄注冊(cè)，找到你的社交媒體帳號(hào)。當(dāng)這種設(shè)計(jì)成為約定俗成的設(shè)定之時(shí)，用戶無(wú)疑會(huì)感到自然而方便，但是如同它不存在，用戶找不到自然會(huì)覺(jué)得沮喪。

　　因此，我相信心中始終對(duì)特定類型的網(wǎng)頁(yè)有個(gè)合理的原型，會(huì)非常有助于設(shè)計(jì)。在此基礎(chǔ)上，你可以嘗試調(diào)整細(xì)節(jié)，改變模塊與風(fēng)格，測(cè)試不同的想法，加入原創(chuàng)的設(shè)計(jì)。

　　當(dāng)然，所有的這一切都是基于你的目標(biāo)用戶來(lái)做的。如果你的網(wǎng)站是為創(chuàng)意工作者所設(shè)計(jì)，他們的預(yù)期可能同普通用戶截然不同。一個(gè)典型的類型化網(wǎng)站對(duì)他們而言無(wú)疑是無(wú)聊的，他們需要的是更加廣闊的思路和更加開(kāi)放的腦洞。

　　另一方面，如果你的網(wǎng)站并不是為特定群體而設(shè)計(jì)，你可能需要用更加穩(wěn)妥的設(shè)計(jì)來(lái)確保安全，盡量靠近那些典型的網(wǎng)站設(shè)計(jì)原型才好。這個(gè)時(shí)候，太過(guò)富有創(chuàng)意的設(shè)計(jì)，會(huì)讓有所期望的用戶感到失望，混亂，甚至離開(kāi)。

　　別讓用戶思考

　　其實(shí)網(wǎng)絡(luò)上早就有約定俗成的設(shè)計(jì)標(biāo)準(zhǔn)，比如LOGO多大、導(dǎo)航如何布局、搜索框在哪個(gè)地方和登錄框在哪，等等。甚至于圖標(biāo)的含義，網(wǎng)站元素的命名(比如Home、Sitemap、Contact)，按鈕的樣式，布局和視覺(jué)的層次都有規(guī)則。

　　這些標(biāo)準(zhǔn)使得用戶更容易、更快地找到他們想要的東西。盡量使用這些約定俗成的規(guī)則來(lái)做設(shè)計(jì)，讓創(chuàng)意在其他的地方發(fā)揮作用。

　　這些流行的UI元素都是用戶所熟悉的樣式。

　　還是不要重新發(fā)明輪子了。我想你并不希望你的設(shè)計(jì)從導(dǎo)航欄就開(kāi)始遠(yuǎn)離用戶預(yù)期，也不想看到用戶面對(duì)網(wǎng)站中別出機(jī)杼的圖標(biāo)一臉懵逼的樣子。請(qǐng)務(wù)必記住，用戶希望盡量直接快速地完成自己的任務(wù)，別讓他們猶豫，別讓他們思考。

　　特定的界面層級(jí)所能承受的內(nèi)容的量是相對(duì)固定的，你的網(wǎng)站設(shè)計(jì)的結(jié)構(gòu)層級(jí)越復(fù)雜，所成承載的信息量自然也越大，但是用戶用來(lái)探索網(wǎng)站所需要耗費(fèi)的精力就越多。

　　如果你打破網(wǎng)頁(yè)設(shè)計(jì)的慣例，自然也有有例外的方案。如果你確切地知道你的網(wǎng)站用戶群的話，你不同凡響的設(shè)計(jì)是用來(lái)給他們提供發(fā)掘的樂(lè)趣，那么這種設(shè)計(jì)是合乎邏輯的。

　　我想你已經(jīng)看過(guò)不少獨(dú)樹(shù)一幟的作品展示類的網(wǎng)站了，它們有的會(huì)用少見(jiàn)的水平滾動(dòng)式頁(yè)面來(lái)營(yíng)造不同的瀏覽體驗(yàn)。這些有趣的探索會(huì)得到設(shè)計(jì)師和創(chuàng)意工作者的追捧，這種情況就是我所說(shuō)的例外。

　　但是這樣的創(chuàng)意并不適合本地圖書館和市醫(yī)院的官方網(wǎng)站設(shè)計(jì)，因?yàn)榫W(wǎng)站面向的用戶群體非常的廣泛，有許多用戶并沒(méi)有豐富的網(wǎng)站瀏覽經(jīng)驗(yàn)，這樣的設(shè)計(jì)會(huì)讓他們感到困擾，所以并不存在這種創(chuàng)意發(fā)揮的空間。

　　同樣的，我強(qiáng)烈建議依照慣例來(lái)進(jìn)行設(shè)計(jì)，如果要進(jìn)行改變和調(diào)整，盡量在測(cè)試之后再做決策。

　　不要只相信直覺(jué)——看看用戶是怎么想的吧。如果你是新設(shè)計(jì)方案的提出者，那么你應(yīng)當(dāng)承擔(dān)起新方案可用性測(cè)試的測(cè)試工作。

　　在視覺(jué)設(shè)計(jì)時(shí)發(fā)揮創(chuàng)意

　　既然前面提了那么多“不能動(dòng)”的領(lǐng)域，那么網(wǎng)頁(yè)設(shè)計(jì)的樂(lè)趣又在什么地方呢?

　　在做視覺(jué)設(shè)計(jì)的時(shí)候，你可以、也應(yīng)該發(fā)揮創(chuàng)意。嘗試不同的字體和色彩搭配，在布局、留白、間距當(dāng)中尋找視覺(jué)的丑奴兒歌詞，在插畫和滾動(dòng)特效里讓用戶驚艷。

　　尋找創(chuàng)造性的方案來(lái)簡(jiǎn)化設(shè)計(jì)，極簡(jiǎn)主義并不是讓你隱藏功能和內(nèi)容，而是通過(guò)減少來(lái)提升效果。的確，實(shí)際上做極簡(jiǎn)設(shè)計(jì)反而比復(fù)雜的設(shè)計(jì)更需要?jiǎng)?chuàng)造力。

　　幫助你的用戶在較少的步驟和較短的時(shí)間內(nèi)達(dá)成目標(biāo)吧。用創(chuàng)意來(lái)幫用戶解決問(wèn)題，或者打破你的視覺(jué)設(shè)計(jì)引入更多模式化的設(shè)計(jì)來(lái)搞定問(wèn)題，再不行也可以使用行動(dòng)召喚來(lái)解決矛盾。

　　仔細(xì)想想，在慣例、標(biāo)準(zhǔn)之外，創(chuàng)意在網(wǎng)頁(yè)設(shè)計(jì)中有著足夠多的發(fā)揮空間。

　　不要誤會(huì)我的意思——?jiǎng)?chuàng)意和樂(lè)趣始終存在于網(wǎng)頁(yè)設(shè)計(jì)工作當(dāng)中，但是你需要清楚哪里需要規(guī)則來(lái)約束，而哪里需要?jiǎng)?chuàng)意來(lái)?yè)]灑。