在用戶體驗、交互設計逐漸興起的互聯網時代, 在web端的華麗設計所佔的比重是否會逐漸下降?

用更為清晰的信息框架來區分web頁面中各種不同的信息,從而代替華麗的視覺設計,是否會是一個小趨勢?


視覺設計從來沒有固定的比重,我覺得可以從這兩個方面看:

  1. 簡單的說視覺設計就是你眼睛看到的東西,它包括了形狀,色彩,紋理,質感等等,這個方面來看,無論它是何種形態,比重都並不會減少,而我們之所以感到變化,是因為視覺設計從來都處於一個不斷演變的過程中,從Windows的浮雕,到OSX的條紋,從Tiger的拉絲金屬,到Vista的透明玻璃,從XP的重,到Win7的輕。Web的設計也處於這個過程中,在桌面時代,Web以適應為主,而Web2.0興起後流行的大色塊,淺漸變,輕薄等風格則逐漸引導了設計的風向。
  2. 視覺從來都不應該獨立於交互之外,視覺需要配合產品的定位,結合產品的功能和交互,這所有環節的結合,才能稱之為用戶體驗。視覺設計的突出程度因產品的不同而不同,我們可以看到Path這樣以視覺設計取勝的產品,但它同時也擁有非常優秀的交互;也可以看見像Quora這樣淡化了視覺設計的產品,但它每一個視覺元素都精雕細琢。真正好的用戶體驗,是讓用戶感覺不到刻意的設計,通過各個環節精妙的配合,讓用戶自然而然的融入到產品中去。


在我出來工作之前,我從來不知道設計還是分「視覺設計」、「交互設計」、「產品設計」、「前端開發」這麼多分工的。我一直認為,做一個好的頁面,視覺和交互還有實現是不能分開的。

我不知道你說的視覺設計的概念,如果說你說只有局部的華麗才是視覺設計,那可能你之前做的工作誤導了你,他們只讓你畫畫圖標、修修Widget。但是視覺設計實際上是定網站調子,設定風格,設定對比,決定用戶看到什麼的一個整體的設計,當然也會深入細節,但並不意味著局部的華麗就是視覺設計的一切。

就像做海報,一個簡潔清晰的海報設計,你能說那是個交互設計師做的,視覺設計師才不會做那麼簡單的海報嗎?

當然網站設計的簡潔化,更多的考慮是網頁的載入速度等方面的問題。但同樣簡潔的風格,考慮實現的簡單,也有的是地方可以自己發揮。不要灰心。


所謂華麗的設計,指豐富、多樣的視覺元素衝擊用戶造成的感官體驗。這與簡潔的設計風格隸屬於完全不同的應用場景。另外信息框架與視覺不是一個維度,我猜你想表達的是只依靠布局和結構來呈現的設計,沒有過多的視覺加工。

舉個栗子:

家裡又來水費繳費單了,上網,找到在線繳費的產品,打開網頁的一瞬間就被震驚了。。。一個藍色透明的卡通形象充斥著整個畫面,好像是個液體組成的小人,正微笑著沖我揮手。。。等等它好像在說什麼。。。「節約用水,從我做起」。。。

網頁背景里交織纏繞著很多自來水運輸管道,順著找到源頭隱約看到是一座自來水廠,上面小字刻著安全、衛生、環保的字樣。。。

等等,我是來做什麼的?哦對,交水費,趕緊完成任務吧,找到輸入框後又被驚艷了,不是標準控制項的樣式,而是一個長方形的氣泡,點擊後啪的一下破了~變成輸入框的樣子,難怪背景的大色要鋪墊成水藍啊~水中的氣泡真是貼切。。。最後終於在小人的熱情注視下完成了繳費

以上就是一個有點極端的華麗設計,用戶的目的只是交水費,在這個頁面中本來可以只用簡單的控制項組成表單,將體驗優化附著在繳費過程中,而不是那些衝散人們任務焦點的視覺上

另一個栗子,又到全民網購的時候啦,聽說XX網有搶紅包的活動,趕緊進去看看。懷著興奮激動的心情打開網頁,瞬間一盆涼水就澆了下來。。。空蕩蕩的頁面中心只有個大大的方形按鈕,上面寫著「1000元搶紅包等你來搶」,下方用標準的宋體12號小字寫著「已有1524人搶到紅包,你還在等什麼!!」 哎,看到這些,原本對未來的憧憬蕩然無存,節日的喜悅也木有了,網購的興趣也少了一半。。。不過還是謝謝那兩個感嘆號,孤獨的詮釋著激動,謝謝你們。。。

以上是簡潔設計運用失敗的案例,該豐富的沒豐富,沒有考慮到用戶對搶紅包和網購節日的期望情感,只是將功能原始的呈現了出來

華麗的設計有它存在的價值,比如在很多運營活動類(天貓雙11),品牌介紹類(汽車官網)都有很大的發揮空間。

簡單的設計更趨向於目的性強的任務流設計,其核心是最直觀的幫助用戶完成操作,獲取信息。(如搜索,管理系統,知乎。。。)

無論華麗還是素樸,在web設計中都有相應的運用之處,準確的找到目的和場景賦予其情感化渲染,才是設計的歸宿。


之前在這裡http://www.zhihu.com/question/19566717#15089曾回答過類似的問題,視覺設計的重要性與關注度從來都沒有下降,可能是以下兩個原因使樓主產生了這樣的看法:

一、視覺不等於好看

如果能划上等號,樓主的看法就是成立的。但「好看」只是視覺設計的一部分,視覺設計應該是情感的傳達,和交互設計一樣,需要建立起產品與用戶之間的溝通。其實視覺設計的比重重來沒有下降,只不過大家對設計的理解更進了一層,不再片面地追求「好看」。

二、做好交互與視覺的難易程度

交互側重可用性,視覺側重情感的傳達,前者是基礎,後者是增值。

交互設計的普遍適用性較強,原理通常是相通的,視覺設計的主觀性較強。做一個大家都覺得「好用」的產品,雖然也不簡單,但是是可以辦到的,但是做一個大家都覺得「酷」的產品,難度非常高。

在固定成本的情況下,肯定優先解決最簡單的問題。


目前來看,交互設計只是一個工作種類,而不是一個工作職別。

尤其對於小的創業團隊而言。

而web視覺設計,是很難被取代的。在小團隊中,重要性更高。


如同服裝流行趨勢一樣,大眾對視覺風格的偏好也是會不斷變化。華麗,簡潔都只是表象,最終採用哪一種風格,還是需要綜合產品定位,用戶習慣等各方面來考慮。就如同穿西裝去踢球,穿球衣出席宴會,服裝沒有錯,只是出現在了錯誤的場景。


環境貼切原則
網頁的一切表現和表述,應該儘可能貼近用戶所在的環境(年齡、學歷、文化、時代背景),而不要使用第二世界的語言。《iPhone人機交互指南》里提到的隱喻與擬物化是很好的實踐。此外,還應該使用易懂和約定俗成的表達。
例:Photoshop
「拷貝」一詞在簡體中文環境里已被「複製」取代。
「羽化」一詞譯自英文「feather」,指「令選區內外銜接的部分虛化,起到漸變的作用從而達到自然銜接的效果」,該譯文貼切而富有詩意。
http://18nk.cn/v949/


這個我真的覺得取決於對應的用戶的市場定位與文化,真的是因人而異,但是框架和使用慣性是很難違背的。


推薦閱讀:

TAG:設計網路 | 互聯網產品設計 | 視覺設計 |