陸天奕
UI設計變革探析
陸天奕
UI即User Interface(用戶界面)的簡稱。交互思維對UI設計起著決定性的作用。其基本內涵可以作如下幾方面分析。
(一)人與機器交互
計算機剛發明時,由于受機器硬件的制約,人與機器的關系僅僅限于對機器“控制”。隨著科學技術的快速發展及硬件和軟件的完善,人與機器的關系變得越來越友善。如今,電腦、手機成了人們生活工作中密不可分的伙伴?;ヂ摼W時代的到來,特別是移動互聯網的普及,實現了人與機器之間的真正交互。
(二)科學與藝術交互
UI設計是科學與藝術的學科交叉融通。現代UI設計師既有軟件工程師理性邏輯思維能力,也具備藝術家感性形象思維能力;他們既有嚴密的理性分析、判斷能力,又具有豐富的想象力和創造力,懂得形式美法則,并且能夠使兩者有機融合,互為促進、互為轉化。
(三)傳播媒介交互
電腦、手機等互聯網終端設備具有多種傳播媒介,設計師可以充分發揮各種傳播媒介的交互傳播作用,利用文字、圖片、音頻、視頻等元素運用于動態、靜態形式,亦可充分發揮眼、耳、手等感覺器官的功能,設計出看、點、劃、拖、搖等感官動作,讓使用者得到立體、交叉的感受。
(四)設計與用戶交互
判斷UI設計優劣的主體應該是用戶?!盀榱俗龀鰞炐愕脑O計,你必須貼近用戶,始終寸步不離,永遠站在用戶的角度調整自己的構想”[1],因此,UI設計過程,也是設計師與用戶不斷交互、溝通的過程。其設計原創點來自用戶需求,其設計結果也必須得到用戶的認可。小米手機新品發布前,會組織鐵 粉絲進行小范圍的圈內測試體驗,聽取米粉的使用體驗作為改進的依據。
(五)用戶之間交互
UI設計創造工具,提供平臺。這種交互快捷、便利、高效,得到用戶的廣泛使用,深受用戶好評。中國自主創造的微信工具,因為其交互功能強大、自組織功能獨特,受到用戶熱捧,其成功的奧密就在于運用交互思維,采用互動方式,調動了全民參與的積極性。交互思維社會基礎之廣博由此可見一斑。
在交互思維的推進下,UI設計正向著“扁平化設計”方向發展。扁平化設計不僅是設計形式的變革,更是設計思維的變革。其追求的目標是:高效、醒目。其主要設計元素是版面、圖標、文字、色彩等。
(一)簡明
在信息泛濫的今天,要使自己的UI設計能夠脫穎而出,制勝的方法首先是“簡明”,在寶貴的版面上留出大量空白,讓瀏覽者過量的視覺刺激在空間得到釋放,不由自主地在此多停留一刻。
圖標設計采用平面化,明確直白地傳達信息,用戶能排除視覺干擾,很快尋找到自己需要的內容。簡明的圖標設計同時節省了內存容量,為機器的快速運行提供方便。如蘋果iOS 7的UI界面設計中,英文字體選用了 Helvetica Neue Ultra Light字體,其特點是無襯線、筆劃間隙均衡、字重適中、字形弧度統一、視覺效果簡明順暢。(圖例1、2)
(二)親和
界面設計不但為方便用戶使用,還要讓他喜歡你、愛你,離不開你。“幾乎所有優秀的系統設計和成功的信息產品都必定涉及到富含視覺美學的人機界面”[2]。優秀的界面設計應該根據不同的使用對象,采用不同的設計語言和設計形式。比如管理者、經營者、科研工作者習慣于理性思維,要求條理清晰、數據明確、真實可信??鋸?、幽默、調侃、搞笑、卡通等手法均是拉近與用戶心理距離、產生親和感覺的手法。
(三)美觀
“美觀的界面設計、高質量的信息構建和流暢的交互操作是優質用戶體驗的根本”[3]。優秀的界面設計,能夠吸引點擊率、保持駐留率、爭取回頭率。目前,對UI設計的優劣,已經成為消費者選擇互聯網終端品牌的決定因素之一(圖例3)。
(四)流暢
優秀的UI設計不但表現在界面形式上,同時也表現在操作的流暢度上。UI設計必須同時考慮軟件本身的交互設計與外顯操作指令的一致性,以最優選的后臺算法,保證界面操作的快捷、順暢??茖W的UI設計,并不一定需要最高的配置、占用大量的內存資源,關鍵是相互之間的匹配和協調。
(五)易記
無論是網頁UI、APP UI,還是軟件界面UI,鮮明的個性、明顯的差異是拒絕平庸的重要方法。外化的形式特征能夠充分體現出軟件、網站等內在意義,有助于它們的傳播和擴散。一旦用戶記住了獨特的UI設計,印象會自然引導他(她)今后的上網路徑,最終成為它的忠實粉絲。
(六)習慣
在UI設計創新時,以用戶的使用習慣為起點做好導向是必要的環節,每個人都習慣于原有的操作順序和操作界面,同時對陌生的新鮮事物又不乏興趣和懼怕的雙重感覺。因勢利導讓原有的熟點作為撬動全新領域的支點,不至于讓原來的老用戶迷失方向而灰心喪氣。他們進入通道,新UI設計呈現的強大功能和方便快捷的操作又會形成新的習慣,成為新的起點。
面對高科技產品的人性化設計,現代UI設計繼續走高科技與高情感相結合、多樣化與個性化相結合的道路。網頁UI、軟件界面UI、APP UI等等領域的設計,有待于我們以左向推理、右向創意的全腦交互思維不斷開拓。
* 本文為江蘇省哲學社會科學界聯合會應用研究精品工程研究項目《全媒體時代吳文化傳播策略研究》 編號:14SWC--151的階段成果。
注釋:
[1][美]Paul Graham.黑客與畫家[A].阮一峰譯.北京:人民郵電出版社.2011:216.
[2]江平.“給空間留白”[J].當代藝術.2012:62--64.
[3]辜居一.數字化藝術論壇[M].杭州:浙江人民美術出版社.2002.
陸天奕:常州信息職業技術學院副教授