DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計師應該是一個善於講故事的人
交互設計師應該是一個善於講故事的人
編輯:關於網頁技巧     

交互設計師應該是一個善於講故事的人,對於信息的傳遞,文字是最為簡單的做法,但對於接收方來講,未必最易理解和記憶。回到交互設計領域來,大多數時候,交互設計需要的是讓整個界面信息豐滿,而非是要讓文字填滿每一個角落。

中文是一種奇妙的文字,同樣的文字,不同的語氣,斷句,聲調,標點,傳達出來的信息可能完全不同。
還記得百度欺負google的這則視頻麼?
簡簡單單二十余字,被演繹成了三種不同的表達,由此可見,文字也未必是最穩妥的表達方式:

視頻地址:http://www.it86.cc/interview/2007/0303/3.shtml

對於信息的傳遞,文字是最為簡單的做法,但對於接收方來講,未必最易理解和記憶。小朋友們喜歡看動畫片,大朋友們也喜歡看電影,大朋友看電影未必比小朋友看動畫片的時間多,但大朋友們看書的時間平均下來,一定是沒有小朋友們看書的時間長。所以,雖然成人世界具備了相當的理解力,也未必表示他們就最喜歡以文字方式的表達。
再來看看自己喜歡的一則cocacola廣告,整個視頻沒有一句話,一個單詞,但它卻清楚的傳達了一瓶可樂兩個鋼镚兒的信息,而且讓人記憶深刻,至少讓我在七八年後還記得這樣一個故事:

視頻地址:http://v.youku.com/v_show/id_cj00XMjQwMjk0MzI=.html

那麼,回到交互設計領域來,大多數時候,交互設計需要的是讓整個界面信息豐滿,而非是要讓文字填滿每一個角落。
下面是chinaren校友錄的首頁,N年前早已熟讀初中地理的你,是否感覺到這樣的圖形化選擇比下拉菜單更容易?

當然,並不是任意場景之下,都適合用完全圖形化的方式去表達,但使用圖形來做信息引導,
在下圖中,雖然仍然以文字信息為主,但如果沒有圖標的視覺引導,尋找目標內容的速度,應該會慢很多。

如果涉及到復雜的操作,視頻演示是學以致用最直接最有效的方法:

視頻地址:http://www.paipai.com/mall/game/2008/12/phones/page.shtml

上面所講的一些,偏向於設計中的本能和行為層面,目的是以完成任務為主。至於情感化訴求即反思層面,也可以通過設計,讓頁面充滿故事的樂趣。
下圖是一個有咖啡飲品的圖表說明,不同的咖啡,不同的原料與工藝,這樣的故事用咖啡杯表達出來,真的激起了我想喝一口的願望:

原文網址:http://article.yeeyan.org/view/140096/97456

08年瘋傳的yahoo奇摩禮物人生,一個個故事片段,讓人們真正將網絡購物與生活情感聯系在了一起。之後才會出現payeasy“發現最好的女人”,拍拍“給爸爸的中秋禮物”等引發用戶共情的故事營銷活動;

視頻地址:http://tw.promo.yahoo.com/2008auction/gift/

上面的視頻活動或許有些偏市場營銷策略方向了,如果從交互方式來看,產品設計不僅創造故事,而且讓用戶參與其中,也不失為一個好的辦法。
三年前拍拍的很多賣場都早已淹沒在互聯網推陳出新的洪水之中,唯獨試衣間這個頁面到現在都還有人提及,有人光顧,也許就在於比起其他單純陳列商品的賣場,它講述了一個試穿的故事,並將用戶置於其中,讓用戶區搭配,完善這個故事的結局:

頁面地址:http://party.paipai.com/room3/

總的說來,圖形化的東西比文字更易讓人識別與記憶。
除開純粹的表述,如果將信息附加於一些故事之上,會令印象更加深刻。
的確,沒有人會喜歡說教,頁面上可以沒有文字,但不能沒有故事。
交互設計師應該是一個善於講故事的人。

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