淺談信息圖形化的方法與其可用性測試

許園春

摘要：針對當前界面設計師將圖標設計與圖形設計混為一談，在圖標設計中過于強調設計師的繪畫能力，并將過多的信息包含于圖標中的非友好用戶交互設計的問題，筆者闡述了自己的觀點。文章介紹了信息圖形化的方法，強調在信息圖標中應放大主要信息，簡化甚至刪除不必要的信息。只有當信息簡單化、圖形清晰，用戶才能最快速、最準確的獲得設計師的想法。在文章的最后，筆者通過自身的實際案例，將自己的觀點付諸于實踐，并探討其可用性，進一步闡明自己的理念。

關鍵詞：圖標設計；信息圖標化；可用性

測試圖形（Graphic），是指由繪、寫、刻、印等手段產生的圖畫記號，是說明性的圖畫形象，有別于詞語、文字、語言的視覺形式，并可以通過各種手段進行大量復制，從而達到傳播信息的目的。

隨著信息交流范圍的逐漸擴展，不受語言和文化限制的圖形符號被廣泛應用，并創造出許多具有專業特點、功能與形式有機結合的，以及視覺效果新穎的圖形符號，增添了信息傳達的審美價值和樂趣。如何將信息轉變成視覺信息圖形主要有以下方法：

1信息符號的前期構思

前期構思就好比設計的孕育階段，對設計中的各個環節有決定性的影響。前期構思主要包括對媒介載體、主題內容、界面風格、功能要求、目標群體等的了解與分析，這是一個整體工程。

在信息符號創作初期，需要認真地分析和研究有待表達的語言信息，對其進行相應的梳理，同時要注意在概念圖形化轉化過程中的準確表達。比如很多消防安全標識的箭頭是水平的，意指在所指方向有安全出口。但是有的圖形上出現了向下傾斜的箭頭，很多人在沒有通過專門培訓前會認為，當遇到火情時，此標識是要求人們根據箭頭所指方向趴在地上。其實，它是告訴我們箭頭所指方向附近就有消防通道的出口，提醒人們不要跑過頭。由此可見，信息的傳達準確需要兩方面的支持：一方面，所使用的視覺圖形符號是否能夠讓受眾通過觀察其圖形的特點，根據以往的生活經驗，或者憑直覺就能清楚地判斷出圖形符號所傳達的信息；另一方面，對于受眾來說，特別是有關保障生命、防控重大事故發生等情況的圖形符號的應用，要通過專門的培訓，讓受眾知曉圖形符號所傳達的具體信息。

2信息符號圖形的提取

當準確分析一個有待表達的信息概念之后，就需要借助相應的視覺圖形將其表達出來，將文字概念進行圖形化的轉換。通常情況下，在設計信息符合是要避免或減少文字的使用。

在尋找到合適題材之后，需要對這個題材在概念和形式上進行概況、精簡，保留最具辨識性的視覺特色部分，刪去不必要的細節，從而使復雜的形式得到簡化。由于寫實類型圖形的概況程度不一，形成的效果也是各異的，但總的來說視覺圖形在經過提煉后，信息符號的形象所有表達的含義和題材的含義越相似，信息傳遞就越有效。在信息圖形化以后，我們還要做一個可用性測試，以此判斷該圖像是否能準確被受眾者所識別，獲得準確的信息。

在Mac中曾經使用碎紙機圖形的圖標來表達“回收站”指令，事實告訴我們不是所有的用戶明白碎紙機與回收站之間有什么樣的聯系，而且，人們通過以往接觸到的系統程序早已熟悉回收站的“垃圾桶”形象了。

當前不少圖標設計者忽略用戶的需要，利用自身的美術特長，將圖標設計視為繪畫。這失去了最初用圖標代替文字的愿望，反而使圖標比文字更難理解，嚴重阻礙了用戶的使用。圖形在圖標中使用的目的是減少用戶感知的困難，減少用戶理解記憶困難。在目前也有很多優秀的圖標設計，既美觀，又能準確傳達信息。比如，Mac用戶界面中的e-mail圖標，該款設計采用了傳統的郵戳和郵票形式，巧妙地把現實生活中的郵件概念和網絡空間中的電子郵件的概念結合起來了。有意思的是，當這個圖標為512×512像素時，我們可以看到其中郵戳的文字是“HellofromCupertino，CA”。Cupertino，CA正是蘋果的總部所在地，可見公司創意無處不在啊！

下面用一個筆者（圖1）設計中華恐龍園的功能圖標來進行可用性測試的說明：

圖1草圖設計過程以及縮小后的效果（作者自繪）設計初期我選擇了暴龍形象，在圖形處理過程中，保留了暴龍頭部的五官，身體部分則突出它的四肢，身軀部分簡化。為了突出圖標的趣味性，在圖形的表現手法上，我創意性的將動漫中cosplay的方式套入到圖標設計中，來隱喻相關的信息，比如帶護士帽的BOB代表醫務救助，頭戴廚師帽的BOB代表餐飲。由于需要在不同數字平臺中使用，你必須還有考慮圖標放大縮小后的效果。但顯然由于細節過多，功能圖形沒有突出，降低了圖標的識別性，測試者并不能獲得有效星系，所以簡化恐龍形象，強化功能圖形勢在必行。

在二次修改中，恐龍形象著力于是用簡單的線條描繪恐龍的身軀，五官突出眼睛部分，在它的胸口位置則是放置功能圖形。在繪制好線稿后，然后將它輸入電腦縮放。縮小后的線稿恐龍身軀的輪廓較為明顯。但在測試過程中發現在進行了多次修改，以及縮放后發現恐龍形象的趣味、卡通性較差，所以這個方案也最終被舍棄。

測試的過程和結果告訴我們，采用什么樣的視覺圖形來表現文字語言的概念，是在設計者獨特、個性的表現手法和大眾的普遍可辨認之間來進行權衡的，有時，甚至會呈現出一定的博弈。除此之外，設計者還必須考慮，用戶是在什么樣的環境下使用這些圖標的。其中有一個重要的環節，就是對用戶分類。比如，可以依據文化層次、生活環境、年齡、性別對其進行分類，幫助設計者掌握不同類別用戶的特征，從而為設計者提供參考信息和依據。關于如何選擇適當的圖形來進行數字信息符號設計，在MacOSX的圖標設計手冊里面有這樣的建議：“使用大眾認可的圖像表達圖標含義，這樣，人們才會更容易辨認出信息，從而避免將注意力集中在圖標的次要元素上面”。