DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗設計:無意識的設計用在產品設計中
用戶體驗設計:無意識的設計用在產品設計中
編輯:關於網頁技巧     

破洛洛文章簡介:如何把無意識引入到交互設計中——深澤直人設計啟示.

深澤的設計的關鍵詞:無意識設計    whitout thought   直覺設計  消除設計障礙   融入生活   細節  簡潔   人情味  換回某種記憶   似曾相識

喜歡深澤很多年了,剛開始學設計時,在網上第一次看到深澤的作品時就被深深的吸引住了,他的設計理念和生活態度一直指引著我的設計方向。如今畢業了,進入了互聯網設計領域,重溫他的作品,還是能給我工作中帶來不少啟示。

“如今交互設計主要針對軟件和屏幕,但我認為硬件設計,也就是那些能摸的著的實體,都是交互設計。”    —深澤直人

在做分享前,對於舒適的產品印象我讓同學們做了頭腦風暴,以下是大家的反饋:

安全  尺度  優雅  自然   本源  質感  占有   厚實   所見及所得    樸實   美感  舒適  節約   自然  生命力的   親和  實在  方便  不多不少   理所應當   直覺   不用思考   貼近生活   可愛

在深澤直人的設計作品中,以上舒適的產品印象都能在他的作品中找到!

“身為日本當代最活躍的產品設計師,深澤直人的設計融合了日本美學與西方實用技巧,設計作品屢獲設計各大設計獎項。

深澤直人的設計主張“Without Thought”,強調“無意識的設計”,
不管是產品簡潔的外型,或是消費者直覺的使用,都回歸到生活本質的設計出發。”

先來談談“無意識設計” ,“無意識設計”理論,即為通過有意識的設計,實現無意識的行為,給人有意味的享受。無意識其實是心理學的一個術語,是指一些想法、觀念等並不被我們所意識到,它們貯藏在內心深處,但是會通過相應的行為表現出來。記得以前讀莊子的時候,有一個故事大意是講:最舒服的鞋子就是能讓人感覺不到鞋子的存在,或者說是讓人很快就忘記了自己穿著鞋子。

深澤的作品簡潔,去除了一些多余的修飾成分,讓設計回歸本源。他的設計簡單純粹,當我們看到它的作品時自然而然會有一種舒服的親近感。產品就如同人一樣,當面對一個濃妝艷抹的女人時,人們多半會給她貼上傲慢,無法親近的標簽,而面對一個裸妝的女人時,你會覺得輕松自然,可親近。 過多的修飾和功能的疊加會給增加用戶心裡負擔。要盡量減少產品給用戶帶來的挫敗感。

在他的作品裡,你絕對看不到“披著華麗外表空殼”的設計,每一件作品,都是一次深度的思考,出於“設計讓生活更美好”的初衷。而這些思考的背後,源於對細節的關注。

圖1   帶凹槽的傘 深澤直人

以上是一把帶有凹槽的傘。在沒有告訴這個凹槽有什麼作用時,我問了周圍的朋友,你們覺得開這個小槽有什麼作用呢?80%的答案都是可以在凹槽中方上塑料帶。深澤的用意就在於此。為什麼在沒有被告知設計用意時,大家一眼就能理解了設計的用意,因為這個潛意識被這個設計喚醒了。也許大家都有過這樣的體驗:在多雨的季節,出行時我們習慣帶一把傘,坐公車時,如果手中拎著較多的東西,我們的習慣會把袋子擱在雨傘上,雖然一次又一次滑落,但還是一遍遍重復著把袋子拖到最頂部的動作。而這時只要在傘的彎鉤處再設計一個凹槽,這樣傘把就多了一個功能——懸掛塑料袋。

“無意識”並不是真的沒意識,而是指我們知道自己要什麼,但還沒意識到自己到底想要什麼。而深澤關注的,正是我們所忽略的有關“無意識”的種種細節。

當在網上你邂逅了一首你特喜歡的歌,這時你會做哪些操作,下載,收藏,然後呢,前兩個操作你還是停留在那首歌上,接下來你是不是會去搜歌手的名字,可他別的歌風格你會覺得和剛那首有出入,這時有一部分人比如我,會去百度:和《XX》歌相似的歌推薦。

某天無意中使用了谷歌的播放器,居然驚喜的發現了”相似歌曲”,這個不是用戶的直接需求,而是潛在的需求,但谷歌把它挖掘出來了。並做了精心的相似歌曲推薦,讓我覺得像被照顧到了,被考慮到了。這個小小的貼心的設計讓我對“谷歌音樂”留下了深刻的印象,如今我放棄了別的音樂網站忠於“谷歌音樂”。只因為這個小小的細節。

 

現在各大網站功能都趨於相似,要想抓住用戶的心,必須關注細節的設計,當你真的為用戶考慮周全了,用戶是會感覺到的。交互設計不僅僅是產品與用戶之間生理行為上的交互,更在於心理上的交互。最終起作用的決定用戶選擇或放棄的還是在用戶的心理上,只有在心理上用戶認同了產品,產品的交互才具有最終的含義。

如果說“無意識設計”的靈感是源自於是對於生活細節點滴的關注和積累,那真正把設計推到另一個高峰,吸引眾人的眼球的,便是設計與環境的完美結合。

圖2   帶有紙簍的打印機    深澤直人

圖2為深澤設計一款打印機,深澤在設計這款打印機時,不去關注打印機形,而是注意到了打印機和周圍環境的關系,比如和廢紙簍的關系。一般在使用打印機的周圍可能有廢紙簍。我們很多人,包括我們做設計的人,往往不止打印一張。而是打幾張出來,會挑選其中一張,然後把其他的扔掉。

“那麼我們下意識的行為來自哪裡?”–深澤直人說:“環境引發了行為(Environments provoke behaviors)”當人們與環境有和諧的互動時,我們稱之為美。

對於生活的產品,我們在設計的時候要關注它所處的環境,把設計能融入到環境中,而在網站中我們為用戶設計的界面就是網站中的“環境”。一個個設計組建和元素都必須要很和諧的融入在整個大環境中,與其說環境與設計,我可以換個理解的方法,就是在這個環境中,事先預想好這個環境下用戶可能會操作的動作。我暫且把環境設計等同於一個頁面中可能存在的行為設計。

舉個很好的實例:豆瓣讀書。

 

 

豆瓣讀書的用戶體驗非常好,每個設計都和“環境”非常和諧,我把讀書比作是“環境”,這個頁面中,我們可以看書簡介,作者和相關價格。並能通過用戶對書的打分和評價對書做初步的判斷。左側信息設計與書本身密切相關。右側的信息設計則擴展了用戶的下一步行為,購書,推薦標簽,同好,相關小組,活動推薦。

整個“讀書環境” 和諧自然,用戶不會因為單純在了解到了一本書後關閉網頁,我們下意識的去看了更多推薦,並認識了志同道合的朋友,環境引發了行為。

好的交互在設計最初就要求設計師能夠換位站在用戶的角度去感知用戶的需求,以用戶為中心,充分為考慮用戶的使用情境,為用戶營造一個熟悉的氛圍,也就是要求設計師的表現模型盡可能的接近用戶的心理模型。

圖3  W11K手機      深澤直人

像這個2003年設計的W11K手機,來自於深澤年幼時的記憶,削土豆時,本來是圓的,後來變成輕微有斜面的,削皮之後,會有一些贓,把土豆往水裡一放就會有很干淨的感覺,並且斜面讓土豆變得滑溜有質感。他確信別人也喜歡這種感覺(觸覺)。那麼把手機設計成這樣,可以喚醒大家共同的童年記憶,於是我們覺得這款手機是有感情的有記憶的,會有購買欲。

如今人們越來越宅,網絡的發達讓人輕松的體驗網購帶來的方便和快捷,可過程卻缺少了一點樂趣。特迷戀過年和朋友一起去商城搶購的快感。

今年12月,一場瘋狂的虛擬排隊活動在中國內地悄然開展,並迅速引發網絡熱潮。這是著名日本休閒服裝品牌優衣庫與人人網合作推出的“UNIQLO LUCKY LINE”網上排隊活動。參與者用自己的人人網賬號登錄活動頁面,選擇一個卡通形象,就可以用這個小人和其他人一起,在優衣庫的虛擬店面前排起一串長長的隊伍。網友在優衣庫網站虛擬UNIQLO店鋪排隊購物,即有機會獲得iPhone4、iPad、旅游券、特別版紀念T恤、9折優惠卷等禮物。短短一周時間,這次網上排隊活動已經有超過93萬人次參與。參與者在排隊的同時,還會在其人人網主頁上生成一條“新鮮事”消息,分享給其好友,排隊的人多了,就出現了刷屏。從12月3日登陸人人網,不到兩周時間,優衣庫的粉絲人數已經接近11萬人。

 

當然我也玩了,說下最直觀的一些體會,強烈的設計感與品牌符號感,視覺印象上非常出位,也滿足了作為時尚品牌的表達訴求。優衣庫和人人網合作, 群體比較契合,由於那段時間網上種種以iPhone4、iPad為誘餌屢見不鮮, 所以完全沒有報以希望。主要吸引我的是”排隊”本身的體驗新奇好玩,以至於我一遍遍推動網頁去前面看排我前面的人有沒熟人。
優衣庫把無聊甚至令人厭煩的排隊變成了一件時髦事兒。當然,更是它自己的營銷利器。也許不是人人都愛湊熱鬧,但排隊似乎正在成“潮”。蘋果發售新品時的排隊盛況已經不再是新鮮事,去年上海世博參觀的排隊長龍一輩子難忘。把現實生活的體驗搬到網絡中,為用戶營造一個熟悉的氛圍,這種全新的排隊體驗讓用戶頗感新鮮。

注重產品使用過程中的體驗,嘗試用設計師式的優雅去引領潮流。

圖4 MUJ- CD機    深澤直人

如果你也喜歡深澤直人,你一定見過這款Muji CD機,它就如一個風扇,下面一條拉繩。人們看到這個形態感覺很熟悉,覺得有親切感。似乎在哪裡見過。無意識的就去拉下了繩子,音樂響起。再拉動一下,音樂停止。操作如果簡單,完全不需要使用說明書。拋開Muji CD機極具創意的外形來看它的播放過程。它只有一個向下拉的操作,極致簡單的設計美學。另一方面它,打開開關,它並不會立即啟動,而是間隔一下,音樂隨即開始,設計師仿佛在營造一種聲音從遠方傳來的意境,親切而舒適。我想這就是節奏的一個表象,實際上這種稍顯延遲的設計也同樣出現在iPhone發布時的一個場景,Jobs聽著音樂而此時他的同事打來電話,音樂緩慢落下轉換為鈴聲,到通話結束,一個小的間隔之後,音樂響起。類比前面的兩個例子。Muji CD機的,功能會讓位於設計,如將曲目切換,音量調節被放置在不方便操作的位置,這種強調設計意志的產品有時會給人一些設計師孤芳自賞的感覺,所以可以將這種優雅比作是設計師式的優雅,當我們的團隊有了足夠和行業領導力以及頂尖的設計水平之時,便可以嘗試用這種設計師式的優雅去引領潮流。(此段後半段取自我曾經的摘錄)

每次看他的作品都是一次視覺的享受,每次拜讀他的文字和觀點都是一次觀念的洗禮。今天對於作品分析先寫到這裡。日後若想到一些,我會及時補充到這裡。希望今後的工作中,我們能把“無意識的設計”理念帶入到網站交互設計中。

用深澤直人的一句話來做結尾:設計一件東西往往和我們無意識的行為和我們周圍的環境有關。思考需要時間,感覺則可能在片刻內完成。一件物品給你的第一感覺很重要,而當使用了一段時間之後你會發現你最初失掉的感覺才是設計的精髓所在。這就是“不假思索”背後的含義。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved