您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

為何好創(chuàng)意有時會扼殺優(yōu)秀的網頁設計

之前我一直認為,越富有創(chuàng)意的人越容易成為優(yōu)秀的設計師,然而恰恰好的創(chuàng)意有時也會扼殺優(yōu)秀的網頁設計,當對設計了解的越多,就越發(fā)覺得創(chuàng)意并非設計的全部。

  推動你進入設計之門的創(chuàng)意,可能并不是帶你走的最遠的因素。許多設計師通常是作為視覺設計師入行,隨后開始接觸UI界面、可用性、可訪問性、用戶體驗、交互設計,逐步轉型成為UI設計師、用戶體驗設計師和交互設計師。

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

為何好創(chuàng)意有時會扼殺優(yōu)秀的網頁設計 圖趣網

  為什么?

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

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

  從成型的原型構思開始

  根據(jù)谷歌的研究結果,用戶更喜歡看起來簡單(低復雜度)且熟悉(高典型性)的網站。

  當人們打開你的網頁,只需50毫秒他們對于你的網站就有了設計審美上的判斷結果。對你品牌和產品的第一印象就這么形成了,是走是留幾乎就在這一瞬間被決定了。

  “當設計與用戶的期待所沖突的時候,用戶對你的設計的第一印象會因此受到傷害,失望在所難免。”

  ——Javier Bargas-Avila ,YouTube 用戶體驗中心,高級用戶體驗研究員

  你可能看過數(shù)以千計的網站,當我問你如何設計一個博客網站的時候,你想到的布局可能是這個樣子:

prototype-1

  我們幾乎可以針對所有類型的網站都做一次這樣的測試:電商網站、企業(yè)網站、大學官網、產品展示、媒體網站、電子雜志,等等等等。

  所以,一個博客網站的原型并不復雜,左側是大塊的內容區(qū),右側一個功能性的側邊欄,它可能會包含推薦、廣告、社交媒體、郵件訂閱等功能模塊。

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

  當用戶打開你的博客的時候,他們知道在側邊欄注冊,找到你的社交媒體帳號。當這種設計成為約定俗成的設定之時,用戶無疑會感到自然而方便,但是如同它不存在,用戶找不到自然會覺得沮喪。

  因此,我相信心中始終對特定類型的網頁有個合理的原型,會非常有助于設計。在此基礎上,你可以嘗試調整細節(jié),改變模塊與風格,測試不同的想法,加入原創(chuàng)的設計。

prototype-2

  當然,所有的這一切都是基于你的目標用戶來做的。如果你的網站是為創(chuàng)意工作者所設計,他們的預期可能同普通用戶截然不同。一個典型的類型化網站對他們而言無疑是無聊的,他們需要的是更加廣闊的思路和更加開放的腦洞。

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

  別讓用戶思考

  其實網絡上早就有約定俗成的設計標準,比如LOGO多大、導航如何布局、搜索框在哪個地方和登錄框在哪,等等。甚至于圖標的含義,網站元素的命名(比如Home、Sitemap、Contact),按鈕的樣式,布局和視覺的層次都有規(guī)則。

  這些標準使得用戶更容易、更快地找到他們想要的東西。盡量使用這些約定俗成的規(guī)則來做設計,讓創(chuàng)意在其他的地方發(fā)揮作用。

ui-elements1

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

  還是不要重新發(fā)明輪子了。我想你并不希望你的設計從導航欄就開始遠離用戶預期,也不想看到用戶面對網站中別出機杼的圖標一臉懵逼的樣子。請務必記住,用戶希望盡量直接快速地完成自己的任務,別讓他們猶豫,別讓他們思考。

  特定的界面層級所能承受的內容的量是相對固定的,你的網站設計的結構層級越復雜,所成承載的信息量自然也越大,但是用戶用來探索網站所需要耗費的精力就越多。

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

  我想你已經看過不少獨樹一幟的作品展示類的網站了,它們有的會用少見的水平滾動式頁面來營造不同的瀏覽體驗。這些有趣的探索會得到設計師和創(chuàng)意工作者的追捧,這種情況就是我所說的例外。

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

  同樣的,我強烈建議依照慣例來進行設計,如果要進行改變和調整,盡量在測試之后再做決策。

  不要只相信直覺——看看用戶是怎么想的吧。如果你是新設計方案的提出者,那么你應當承擔起新方案可用性測試的測試工作。

  在視覺設計時發(fā)揮創(chuàng)意

  既然前面提了那么多“不能動”的領域,那么網頁設計的樂趣又在什么地方呢?

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

  尋找創(chuàng)造性的方案來簡化設計,極簡主義并不是讓你隱藏功能和內容,而是通過減少來提升效果。的確,實際上做極簡設計反而比復雜的設計更需要創(chuàng)造力。

  幫助你的用戶在較少的步驟和較短的時間內達成目標吧。用創(chuàng)意來幫用戶解決問題,或者打破你的視覺設計引入更多模式化的設計來搞定問題,再不行也可以使用行動召喚來解決矛盾。

  仔細想想,在慣例、標準之外,創(chuàng)意在網頁設計中有著足夠多的發(fā)揮空間。

  不要誤會我的意思——創(chuàng)意和樂趣始終存在于網頁設計工作當中,但是你需要清楚哪里需要規(guī)則來約束,而哪里需要創(chuàng)意來揮灑。

[教程作者:@陳子木]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di3215.html
卡片式設計-未來設計方向引領者
5個幫你瞬間提高網頁對比度的小技巧!
圖趣網微信
建議反饋
×