從視覺設計的角度來看,圖標(icon)會被認為比較美觀,也容易被記憶,所以大多的設計師能用圖標就盡量不使用文字,但是圖標有時候很難辨視它的用途,這篇The Problem with Icon有提到,圖標如果意義不明確的話,使用者很難理解這些圖標的作用為何。
在《親愛的界面》這本書79頁中有提到 Colin Ware的著作《Information Visualization》,這本書有討論相同的問題,作者認為「易於識別」的圖標能夠刺激人腦大腦中的長期記憶語義網路中的相關概念,也就是說圖像比文字容易記住,但請注意是「易於識別」的圖像。 但我想這樣的結論並不意外。只是什麼時候該用圖標什麼時候該用文字,什麼時候又該並用,才是設計師在意的。
其實圖標與文字放置的選擇,可以用這個區塊能否讓使用者有預先想到的互動關係來決定。想只放圖標不放文字,那可能tab bar 會是一個不錯的位置,有使用智慧型手機習慣的使用者,應該會知道這個區塊是用來做頁面切換或使用一些功能(打卡、po文…等),所以能預想到可能的互動關係,或許只放圖標是一個不錯的選擇。
但只放圖標不一定好,大多的tab bar圖標都會帶有文字,因為圖標不易理解,但在預設用途存在的條件下,我個人認為不影響使用,例如behance、google+ (下圖)tab bar 上面的圖標都沒有提供文字,那要怎麼知道這位置的圖標提供什麼功能呢?一般來說,使用者會「主動」找他們需要的功能,這些功能不是偶然,背後都是經過設計思考後產生的需求,是常用、必要的,所以我們可以先假設使用者有主動學習的能力,經過學習後就會操作。
先向使用者展示他們需要看見的東西,然後再根據 user story 和資訊層次結構去安排頁面剩餘的部分。
頁面佈局的概念是諸如撰寫散文(和其他許多溝通形式)的核心原則,我在寫了一本書之後對這個概念也有更深一層的認識。過去一年我花了不少時間在讀這本書《Style: The Basics of Clarity and Grace(中譯本書名為《英文寫作的魅力》)》,它除了是一本關於寫作很好的參考書,更是精彩地表現出頁面佈局的概念:
When you start with distractions, your audience has a hard time seeing not just what each element is about, but the focus of the entire passage.
我最近讀到這篇 37Signals(編按:已改名為「Basecamp」)的部落格文章〈 Three charts are all I need〉。作者對於資料視覺化的「問題解決」特性是如何取代掉了視覺上的美感提出了強力的論點。我完全同意這篇文章的說法。然而,我想他的意見屬於非常功利的角度,我相信客製的資料視覺話總是能強化資料的可用性,而且又能看起來相當獨特、引人注目。(編按:光看該文第二點「Your job is to solve a problem, not make a picture」和第三點「Safe doesn’t mean boring」您就可以很快有個概念了。)