在用戶體驗、交互設計逐漸興起的互聯網時代, 在web端的華麗設計所佔的比重是否會逐漸下降?
用更為清晰的信息框架來區分web頁面中各種不同的信息,從而代替華麗的視覺設計,是否會是一個小趨勢?
視覺設計從來沒有固定的比重,我覺得可以從這兩個方面看:
- 簡單的說視覺設計就是你眼睛看到的東西,它包括了形狀,色彩,紋理,質感等等,這個方面來看,無論它是何種形態,比重都並不會減少,而我們之所以感到變化,是因為視覺設計從來都處於一個不斷演變的過程中,從Windows的浮雕,到OSX的條紋,從Tiger的拉絲金屬,到Vista的透明玻璃,從XP的重,到Win7的輕。Web的設計也處於這個過程中,在桌面時代,Web以適應為主,而Web2.0興起後流行的大色塊,淺漸變,輕薄等風格則逐漸引導了設計的風向。
- 視覺從來都不應該獨立於交互之外,視覺需要配合產品的定位,結合產品的功能和交互,這所有環節的結合,才能稱之為用戶體驗。視覺設計的突出程度因產品的不同而不同,我們可以看到Path這樣以視覺設計取勝的產品,但它同時也擁有非常優秀的交互;也可以看見像Quora這樣淡化了視覺設計的產品,但它每一個視覺元素都精雕細琢。真正好的用戶體驗,是讓用戶感覺不到刻意的設計,通過各個環節精妙的配合,讓用戶自然而然的融入到產品中去。
在我出來工作之前,我從來不知道設計還是分「視覺設計」、「交互設計」、「產品設計」、「前端開發」這麼多分工的。我一直認為,做一個好的頁面,視覺和交互還有實現是不能分開的。
我不知道你說的視覺設計的概念,如果說你說只有局部的華麗才是視覺設計,那可能你之前做的工作誤導了你,他們只讓你畫畫圖標、修修Widget。但是視覺設計實際上是定網站調子,設定風格,設定對比,決定用戶看到什麼的一個整體的設計,當然也會深入細節,但並不意味著局部的華麗就是視覺設計的一切。
就像做海報,一個簡潔清晰的海報設計,你能說那是個交互設計師做的,視覺設計師才不會做那麼簡單的海報嗎?
當然網站設計的簡潔化,更多的考慮是網頁的載入速度等方面的問題。但同樣簡潔的風格,考慮實現的簡單,也有的是地方可以自己發揮。不要灰心。所謂華麗的設計,指豐富、多樣的視覺元素衝擊用戶造成的感官體驗。這與簡潔的設計風格隸屬於完全不同的應用場景。另外信息框架與視覺不是一個維度,我猜你想表達的是只依靠布局和結構來呈現的設計,沒有過多的視覺加工。
舉個栗子:
家裡又來水費繳費單了,上網,找到在線繳費的產品,打開網頁的一瞬間就被震驚了。。。一個藍色透明的卡通形象充斥著整個畫面,好像是個液體組成的小人,正微笑著沖我揮手。。。等等它好像在說什麼。。。「節約用水,從我做起」。。。網頁背景里交織纏繞著很多自來水運輸管道,順著找到源頭隱約看到是一座自來水廠,上面小字刻著安全、衛生、環保的字樣。。。等等,我是來做什麼的?哦對,交水費,趕緊完成任務吧,找到輸入框後又被驚艷了,不是標準控制項的樣式,而是一個長方形的氣泡,點擊後啪的一下破了~變成輸入框的樣子,難怪背景的大色要鋪墊成水藍啊~水中的氣泡真是貼切。。。最後終於在小人的熱情注視下完成了繳費以上就是一個有點極端的華麗設計,用戶的目的只是交水費,在這個頁面中本來可以只用簡單的控制項組成表單,將體驗優化附著在繳費過程中,而不是那些衝散人們任務焦點的視覺上
另一個栗子,又到全民網購的時候啦,聽說XX網有搶紅包的活動,趕緊進去看看。懷著興奮激動的心情打開網頁,瞬間一盆涼水就澆了下來。。。空蕩蕩的頁面中心只有個大大的方形按鈕,上面寫著「1000元搶紅包等你來搶」,下方用標準的宋體12號小字寫著「已有1524人搶到紅包,你還在等什麼!!」 哎,看到這些,原本對未來的憧憬蕩然無存,節日的喜悅也木有了,網購的興趣也少了一半。。。不過還是謝謝那兩個感嘆號,孤獨的詮釋著激動,謝謝你們。。。
以上是簡潔設計運用失敗的案例,該豐富的沒豐富,沒有考慮到用戶對搶紅包和網購節日的期望情感,只是將功能原始的呈現了出來
華麗的設計有它存在的價值,比如在很多運營活動類(天貓雙11),品牌介紹類(汽車官網)都有很大的發揮空間。簡單的設計更趨向於目的性強的任務流設計,其核心是最直觀的幫助用戶完成操作,獲取信息。(如搜索,管理系統,知乎。。。)無論華麗還是素樸,在web設計中都有相應的運用之處,準確的找到目的和場景賦予其情感化渲染,才是設計的歸宿。
之前在這裡http://www.zhihu.com/question/19566717#15089曾回答過類似的問題,視覺設計的重要性與關注度從來都沒有下降,可能是以下兩個原因使樓主產生了這樣的看法:
一、視覺不等於好看
如果能划上等號,樓主的看法就是成立的。但「好看」只是視覺設計的一部分,視覺設計應該是情感的傳達,和交互設計一樣,需要建立起產品與用戶之間的溝通。其實視覺設計的比重重來沒有下降,只不過大家對設計的理解更進了一層,不再片面地追求「好看」。二、做好交互與視覺的難易程度
交互側重可用性,視覺側重情感的傳達,前者是基礎,後者是增值。交互設計的普遍適用性較強,原理通常是相通的,視覺設計的主觀性較強。做一個大家都覺得「好用」的產品,雖然也不簡單,但是是可以辦到的,但是做一個大家都覺得「酷」的產品,難度非常高。在固定成本的情況下,肯定優先解決最簡單的問題。目前來看,交互設計只是一個工作種類,而不是一個工作職別。尤其對於小的創業團隊而言。 而web視覺設計,是很難被取代的。在小團隊中,重要性更高。
如同服裝流行趨勢一樣,大眾對視覺風格的偏好也是會不斷變化。華麗,簡潔都只是表象,最終採用哪一種風格,還是需要綜合產品定位,用戶習慣等各方面來考慮。就如同穿西裝去踢球,穿球衣出席宴會,服裝沒有錯,只是出現在了錯誤的場景。
環境貼切原則
網頁的一切表現和表述,應該儘可能貼近用戶所在的環境(年齡、學歷、文化、時代背景),而不要使用第二世界的語言。《iPhone人機交互指南》里提到的隱喻與擬物化是很好的實踐。此外,還應該使用易懂和約定俗成的表達。
例:Photoshop
「拷貝」一詞在簡體中文環境里已被「複製」取代。
「羽化」一詞譯自英文「feather」,指「令選區內外銜接的部分虛化,起到漸變的作用從而達到自然銜接的效果」,該譯文貼切而富有詩意。
http://18nk.cn/v949/
這個我真的覺得取決於對應的用戶的市場定位與文化,真的是因人而異,但是框架和使用慣性是很難違背的。
推薦閱讀: