為何好創(chuàng)意有時(shí)會(huì)扼殺優(yōu)秀的網(wǎng)頁設(shè)計(jì)
可能讓你選擇設(shè)計(jì)之路的是超越常人的創(chuàng)意思維,但是有的時(shí)候,太多的創(chuàng)意反而會(huì)扼殺好設(shè)計(jì)。
之前我一直認(rèn)為,越富有創(chuàng)意的人越容易成為優(yōu)秀的設(shè)計(jì)師,然而當(dāng)我對(duì)設(shè)計(jì)了解的越多,就越發(fā)覺得創(chuàng)意并非設(shè)計(jì)的全部。
推動(dòng)你進(jìn)入設(shè)計(jì)之門的創(chuàng)意,可能并不是帶你走的最遠(yuǎn)的因素。許多設(shè)計(jì)師通常是作為視覺設(shè)計(jì)師入行,隨后開始接觸UI界面、可用性、可訪問性、用戶體驗(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)你越早覺悟越好。用戶心理變化一定是復(fù)雜的,但是有一點(diǎn)是肯定的:默認(rèn)情況下,用戶是懶惰的,他們會(huì)選擇最快捷最方便的方式來完成操作和任務(wù)。太復(fù)雜的布局、太富有創(chuàng)意的解決方案和重新造出來的輪子并不能讓用戶更輕松,結(jié)果可想而知。
所以,設(shè)計(jì)師的問題變成了這樣:如何在創(chuàng)造性、藝術(shù)性和原創(chuàng)設(shè)計(jì)之間找到平衡,并且還得兼顧直觀性,又不失實(shí)用性,同時(shí)還能在業(yè)務(wù)上有良好的反饋?
從成型的原型構(gòu)思開始
根據(jù)谷歌的研究結(jié)果,用戶更喜歡看起來簡(jiǎn)單(低復(fù)雜度)且熟悉(高典型性)的網(wǎng)站。
當(dāng)人們打開你的網(wǎng)頁,只需50毫秒他們對(duì)于你的網(wǎng)站就有了設(shè)計(jì)審美上的判斷結(jié)果。對(duì)你品牌和產(chǎn)品的第一印象就這么形成了,是走是留幾乎就在這一瞬間被決定了。
“當(dāng)設(shè)計(jì)與用戶的期待所沖突的時(shí)候,用戶對(duì)你的設(shè)計(jì)的第一印象會(huì)因此受到傷害,失望在所難免?!?br /> ——Javier Bargas-Avila ,YouTube 用戶體驗(yàn)中心,高級(jí)用戶體驗(yàn)研究員
你可能看過數(shù)以千計(jì)的網(wǎng)站,當(dāng)我問你如何設(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)用戶打開你的博客的時(shí)候,他們知道在側(cè)邊欄注冊(cè),找到你的社交媒體帳號(hào)。當(dāng)這種設(shè)計(jì)成為約定俗成的設(shè)定之時(shí),用戶無疑會(huì)感到自然而方便,但是如同它不存在,用戶找不到自然會(huì)覺得沮喪。
因此,我相信心中始終對(duì)特定類型的網(wǎng)頁有個(gè)合理的原型,會(huì)非常有助于設(shè)計(jì)。在此基礎(chǔ)上,你可以嘗試調(diào)整細(xì)節(jié),改變模塊與風(fēng)格,測(cè)試不同的想法,加入原創(chuàng)的設(shè)計(jì)。
當(dāng)然,所有的這一切都是基于你的目標(biāo)用戶來做的。如果你的網(wǎng)站是為創(chuàng)意工作者所設(shè)計(jì),他們的預(yù)期可能同普通用戶截然不同。一個(gè)典型的類型化網(wǎng)站對(duì)他們而言無疑是無聊的,他們需要的是更加廣闊的思路和更加開放的腦洞。
另一方面,如果你的網(wǎng)站并不是為特定群體而設(shè)計(jì),你可能需要用更加穩(wěn)妥的設(shè)計(jì)來確保安全,盡量靠近那些典型的網(wǎng)站設(shè)計(jì)原型才好。這個(gè)時(shí)候,太過富有創(chuàng)意的設(shè)計(jì),會(huì)讓有所期望的用戶感到失望,混亂,甚至離開。
別讓用戶思考
其實(shí)網(wǎng)絡(luò)上早就有約定俗成的設(shè)計(jì)標(biāo)準(zhǔn),比如LOGO多大、導(dǎo)航如何布局、搜索框在哪個(gè)地方和登錄框在哪,等等。甚至于圖標(biāo)的含義,網(wǎng)站元素的命名(比如Home、Sitemap、Contact),按鈕的樣式,布局和視覺的層次都有規(guī)則。
這些標(biāo)準(zhǔn)使得用戶更容易、更快地找到他們想要的東西。盡量使用這些約定俗成的規(guī)則來做設(shè)計(jì),讓創(chuàng)意在其他的地方發(fā)揮作用。
這些流行的UI元素都是用戶所熟悉的樣式。
還是不要重新發(fā)明輪子了。我想你并不希望你的設(shè)計(jì)從導(dǎo)航欄就開始遠(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ù)雜,所成承載的信息量自然也越大,但是用戶用來探索網(wǎng)站所需要耗費(fèi)的精力就越多。
如果你打破網(wǎng)頁設(shè)計(jì)的慣例,自然也有有例外的方案。如果你確切地知道你的網(wǎng)站用戶群的話,你不同凡響的設(shè)計(jì)是用來給他們提供發(fā)掘的樂趣,那么這種設(shè)計(jì)是合乎邏輯的。
我想你已經(jīng)看過不少獨(dú)樹一幟的作品展示類的網(wǎng)站了,它們有的會(huì)用少見的水平滾動(dòng)式頁面來營造不同的瀏覽體驗(yàn)。這些有趣的探索會(huì)得到設(shè)計(jì)師和創(chuàng)意工作者的追捧,這種情況就是我所說的例外。
但是這樣的創(chuàng)意并不適合本地圖書館和市醫(yī)院的官方網(wǎng)站設(shè)計(jì),因?yàn)榫W(wǎng)站面向的用戶群體非常的廣泛,有許多用戶并沒有豐富的網(wǎng)站瀏覽經(jīng)驗(yàn),這樣的設(shè)計(jì)會(huì)讓他們感到困擾,所以并不存在這種創(chuàng)意發(fā)揮的空間。
同樣的,我強(qiáng)烈建議依照慣例來進(jìn)行設(shè)計(jì),如果要進(jìn)行改變和調(diào)整,盡量在測(cè)試之后再做決策。
不要只相信直覺——看看用戶是怎么想的吧。如果你是新設(shè)計(jì)方案的提出者,那么你應(yīng)當(dāng)承擔(dān)起新方案可用性測(cè)試的測(cè)試工作。
在視覺設(shè)計(jì)時(shí)發(fā)揮創(chuàng)意
既然前面提了那么多“不能動(dòng)”的領(lǐng)域,那么網(wǎng)頁設(shè)計(jì)的樂趣又在什么地方呢?
在做視覺設(shè)計(jì)的時(shí)候,你可以、也應(yīng)該發(fā)揮創(chuàng)意。嘗試不同的字體和色彩搭配,在布局、留白、間距當(dāng)中尋找視覺的丑奴兒歌詞,在插畫和滾動(dòng)特效里讓用戶驚艷。
尋找創(chuàng)造性的方案來簡(jiǎn)化設(shè)計(jì),極簡(jiǎn)主義并不是讓你隱藏功能和內(nèi)容,而是通過減少來提升效果。的確,實(shí)際上做極簡(jiǎn)設(shè)計(jì)反而比復(fù)雜的設(shè)計(jì)更需要?jiǎng)?chuàng)造力。
幫助你的用戶在較少的步驟和較短的時(shí)間內(nèi)達(dá)成目標(biāo)吧。用創(chuàng)意來幫用戶解決問題,或者打破你的視覺設(shè)計(jì)引入更多模式化的設(shè)計(jì)來搞定問題,再不行也可以使用行動(dòng)召喚來解決矛盾。
仔細(xì)想想,在慣例、標(biāo)準(zhǔn)之外,創(chuàng)意在網(wǎng)頁設(shè)計(jì)中有著足夠多的發(fā)揮空間。
不要誤會(huì)我的意思——?jiǎng)?chuàng)意和樂趣始終存在于網(wǎng)頁設(shè)計(jì)工作當(dāng)中,但是你需要清楚哪里需要規(guī)則來約束,而哪里需要?jiǎng)?chuàng)意來揮灑。
譯者@陳子木
來源@優(yōu)設(shè)網(wǎng)
文章鏈接:http://www.uisdc.com/creativity-can-kill-design
已讀,作為用戶我也不希望面對(duì)網(wǎng)站一臉懵懂