以用戶為中心的設計

這是UCDChina提前預覽網頁留下的存檔,不包括作者可能更新過的內容。
推薦您進入文章源地址閱讀和發布評論:

視覺設計傳達的4件東西

作者:Danis  |   發布: (網友)Danis   |   時間:2012-12-28 10:36:54 文字大小:- +

在大家著迷用戶體驗設計,關注用戶研究、人機交互的時候,視覺設計好像被遺忘了。

我想說的是,視覺設計一如既往地重要著。
視覺設計處在產品表現層,跟諾曼先生提出的情感化設計本能層設計水平直接相關。
如果想讓用戶一見鐘情進而買單,讓客戶點頭通過方案,給他們視覺上的第一印象至關重要。
沒有視覺的最終落地,前面的研究和交互,似乎都將付諸東流。
因為視覺設計至少做了這四件事情:
1 傳達“品牌”。
視覺設計形成一種氛圍,與公司品牌建立聯系。
既是一種宣傳,也加深了用戶對品牌的認知度。


蘭芝的產品、界面和包裝都是一致的藍

2 傳達“美感”。
漂亮的東西總是比丑陋的東西容易被人接受。
這里指的“美感”應該是“恰當地漂亮”,
每個人的審美不一樣,甲之熊掌乙之砒霜,所以所謂的美感因人而異,因目標用戶打造。
小孩認為的美跟大人認為的美也許是不一樣的。
男人認為的美跟女人認為的美也許是不一樣的。
文藝青年的美跟土老板認為的美也許是不一樣的。
甚至同一個人身上,當他扮演不同的角色的時候,也應該給他恰當的美。
比如一個人潮人醫生,他使用的手機界面應該新潮,而使用的醫療器械界面卻應該簡約。



漂亮的產品也許會讓用戶癡迷并忘記一部分學習成本



3 傳達“信息”。
它將產品上的信息/數據視覺化,以容易識別、容易理解的方式表達出來。
比如對于信息優先級的識別,通過視覺對比讓用戶知道我們想給他優先看什么。


從報紙的設計可以讀出信息優先級

比如對于信息關聯度的識別,哪些內容跟哪些內容是相關的,哪些是包含被包含的。


邊框是區分邏輯關系的一種視覺手段

比如通過樹狀圖、熱點圖等圖形表達數據的統計,比純粹羅列數據更好理解。



4 傳達“行為”。
交互的理念通過視覺傳達,視覺暗示將行為、狀態傳達給用戶。
一個操作的線索,操作的過程,操作的結果都需要視覺來交待。
比如憤怒的小鳥,在拉動彈弓,拉到什么程度,彈出小鳥,砸中積木,整個過程都是豐富的視覺效果在負責交待。



最后舉個例子,在一顆按鈕身上可以也許可以體現出來這四件事情:



這顆麥當勞的按鈕,
紅色的主色,中間有些許黃色的光暈,透露“品牌”。
質感、發光的處理代表“美感”。
鼠標懸停、按下的時候(這個是我yy的,實際上他們沒有做 =.=),有相應的狀態反饋,傳遞“交互”。
按鈕上的字說明“信息”。



 

更多
打印  |  類別:視覺設計  |  

UCDChina的書


UCDChina編著,定價35元
 

《UCD火花集》封面
UCDChina編著,定價25元
 

《應需而變——設計的力量》封面
UCDChina團隊成員譯,定價29元
菲彩国际  

《網頁設計解析》封面
UCDChina團隊成員著,定價62元
菲彩国际  

《贏在用戶》封面
UCDChina團隊成員Angela譯,定價29元
菲彩国际  

《用戶體驗的要素》封面
UCDChina團隊成員Angela譯,定價25元
 

菲彩国际_菲彩国际官网_Welcome 菲彩国际_菲彩国际官网_Welcome 紫金阁棋牌-紫金阁棋牌官网 紫金阁棋牌-紫金阁棋牌官网 紫金阁棋牌-紫金阁棋牌官网