“簡”與“潔”,產(chǎn)品界面設計不得不知道的兩點

1 評論 8817 瀏覽 21 收藏 7 分鐘

避免過度簡化,構造合理的對比度,在整體上節(jié)奏清晰的體現(xiàn)產(chǎn)品的信息層次及功能架構,在細節(jié)當中打磨清晰性、易讀與易用性,真正以“產(chǎn)品體驗”而非“視覺風格”為主旨進行設計?,這是產(chǎn)品設計師們需要去做的。

“簡”與“潔”

Medium的設計通常會被業(yè)界視為“簡潔”的典范。不過,對于產(chǎn)品界面設計而言,“簡”與“潔”卻是有著本質性差異的兩個概念。

  • ”,簡單,用于描述復雜性。簡單的事物,運作方式直白易理解。“簡”,是一種使用體驗。
  • ”,潔凈,用于描述視覺美感。潔凈的設計,通常伴隨著較低的信息密度與比重較高的留白。“潔”,是一種外觀感受

嚴格控制界面元素數(shù)量的設計手法,或許可以塑造外觀感受上的“潔”,卻未必能夠實現(xiàn)使用體驗上的“簡”,甚至有可能南轅北轍。和很多人一樣,我很喜歡Medium潔凈的外觀,但同時也感到在操作體驗方面距離“簡單易用”還有一定的距離。

界面設計的根本目標,在于以產(chǎn)品的功能性為基礎而構建使用體驗,以使用體驗為基礎而塑造視覺美感。產(chǎn)品固有的復雜度不容回避,設計師需要對界面的復雜度進行判斷與管理,通過必要的復雜度換取產(chǎn)品運作所需要的最基本的可達性與易用性,而非片面的以降低復雜度為目標,以設計的名義損害產(chǎn)品的功能性與使用體驗

產(chǎn)品設計不是藝術創(chuàng)作

我一度很喜歡漢堡包菜單,覺得這著實是一種優(yōu)雅的設計模式,能神奇地節(jié)省出大量空間,將全部元素隱藏到三道杠圖標背后。不過在很多時候,點擊這個圖標的感覺會讓我想到在“超級瑪麗”里面跳起來頂問號磚塊時的心情 。你總會在那樣的一些瞬間尋思:“這里藏著什么來著?有沒有我需要的東西?”

而且,漢堡包圖標往往位于界面頂部邊角,對于移動設備而言這是最不利于拇指觸及的位置。

相比而言,傳統(tǒng)的tab欄模式則可以讓你一目了然,無需猜測與思考,無需浪費時間,全然只有“OK,就在那,了解”這樣。

此外,tab欄所處的位置正是多數(shù)移動設備的拇指熱區(qū)所在,操作便捷,盡在掌控。

我有時仍希望給漢堡包一些機會,然而現(xiàn)實就是現(xiàn)實。一系列測試使我相信,無論是可發(fā)現(xiàn)性還是易用性,tab欄都遠遠優(yōu)于漢堡包,縱使前者在視覺表現(xiàn)上可能不如后者來的整潔美觀。

對于產(chǎn)品界面而言,干凈整潔不代表易懂易用。產(chǎn)品設計不是藝術創(chuàng)作,清晰性、可用性、易用性等諸多要素都是我們需要考慮并付諸實踐的,而美觀的視覺樣式只是其中的一個組成部分。

別讓“干凈”毀掉“對比”

執(zhí)迷于潔凈的外觀,將視覺美感凌駕于可用性之上 – 這是如今的產(chǎn)品設計行業(yè)當中普遍存在的風氣?;蛟S應該重新考慮一下我們究竟在為誰?為什么而設計了?

過去幾年間,我們不斷聲討著那些可以為界面元素帶來功能暗示性的設計元素,例如渾厚的質感、濃重的陰影、夸張的漸變等等。為了提升內容的權重,我們摒棄了幾乎所有在視覺上模擬著現(xiàn)實特性的元素。在很多方面,新的設計思路帶來了正面的結果,用戶們越發(fā)習慣于數(shù)字產(chǎn)品的原生化體驗模式,而非一味沉浸于擬物化的界面環(huán)境。

但并非所有的變化都能惠利于用戶。伴隨著新的設計思路而來的極簡主義風潮席卷了整個業(yè)界,“界面干凈與否”的重要程度超越了清晰性、可發(fā)現(xiàn)性與可達性。年復一年,如此的趨勢有增無減,數(shù)字化的內容與功能體驗在潛移默化當中遭受著破壞。

我們傾其所能的制造著柔美而素雅的界面,視覺對比度變得可有可無,越發(fā)纖細的文字輕盈的附著在淺色背景之上,標題、正文、邊框、背景、圖標、表單……一切都變成了淺灰色。

設計的本質在于溝通

作為產(chǎn)品設計師,我們本該致力于將信息透過界面清晰的傳達給用戶,毫無保留的幫助他們更加簡單快捷的訪問內容、使用功能。然而,盲目的附庸視覺風潮,全然以“潔凈”與“優(yōu)雅”為己任,不惜含糊不清、似有若無的將內容與功能呈現(xiàn)出來甚至不予呈現(xiàn) -。如此的“設計”只會辜負那些原本信任你的品牌并樂于參與產(chǎn)品使用的用戶。

避免過度簡化,構造合理的對比度,在整體上節(jié)奏清晰的體現(xiàn)產(chǎn)品的信息層次及功能架構,在細節(jié)當中打磨清晰性、易讀與易用性,真正以“產(chǎn)品體驗”而非“視覺風格”為主旨進行設計?,這是產(chǎn)品設計師們需要去做的。

 

作者:C7210,交互設計師、貓奴、吉他手、鼓手、老狗,現(xiàn)就職于騰訊ISUX(上海)

來源:http://beforweb.com/node/858

原文: ??https://medium.com/@stirman/simple-and-clean-2315d8e1850f#.cgr6aaxn6

更多精彩內容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 別讓干凈毀掉對比 圖片應該是使用干凈色彩搭配錯誤的例子吧

    回復