愛伊米

優哲體驗科技:圖示設計的方法及可用性測試

優哲體驗科技:圖示設計的方法及可用性測試

測試圖形(Graphic),是指由繪、寫、刻、印等手段產生的圖畫記號,是說明性的圖畫形象,有別於詞語、文字、語言的視覺形式,並可以透過各種手段進行大量複製,從而達到傳播資訊的目的。

隨著資訊交流範圍的逐漸擴充套件,不受語言和文化限制的圖形符號被廣泛應用,並創造出許多具有專業特點、功能與形式有機結合的,以及視覺效果新穎的圖形符號,增添了資訊傳達的審美價值和樂趣。根據實踐總結,

優哲體驗科技

認為如何將資訊轉變成視覺資訊圖形主要有以下方法:

1資訊符號的前期構思

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

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

2資訊符號圖形的提取

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

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

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

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

下面用一個筆者設計中華恐龍園的功能圖示來進行可用性測試的說明:

優哲體驗科技:圖示設計的方法及可用性測試

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

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

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

優哲體驗科技:圖示設計的方法及可用性測試