在第一部曲中,我們談了產品的外觀設計,越來越多的制造商認識到外觀設計的重要性,特別是消費類產品表現得更為突出,比如手機、汽車。2013年6月,華為在英國倫敦面向全球正式發布了年度旗艦新品Ascend P6,主要賣點就是其外觀設計,宣稱是全球最薄的智能手機,有人說可以用來切菜、削蘋果、砍人!不知坐飛機能否通過安檢。
如果P6僅僅全球最薄、外觀漂亮,那么它不會在市場上取得成功,畢竟手機不是裝飾品給人看的,最終是要給人用。P6另一個亮點就是GUI(圖形用戶界面,后續簡稱UI),P6的研發團隊為此投入了大量心血,甚至眾多花粉(華為的粉絲)也間接參與了設計工作,使得整個界面更加清爽、更加易用。這次我們就來談一談裝扮產品的第二部曲,UI設計。
第二部曲,UI設計。
真正的美女不僅要有美麗的外貌,更要擁有美麗的心靈,比如善良、溫柔、智慧……此類詞匯具備得越多越好。產品的外觀好比美女外貌,而產品的UI就好比美女的心靈了,外在美可以瞬間抓住人們的眼球,而內在美才是維系持久親密關系的關鍵所在。蘋果產品之所以得到全球消費者的鐘愛,與人性化的UI設計密不可分,華為產品能夠走向世界,一個原因是華為十年前就提出了UCD(以用戶為中心的設計),華為終端在產品設計上的另一條定律是UI牽引軟件(第一部曲提到的是定律是ID牽引硬件)。
國內軟件長期以來,UI設計工作一直沒有被重視起來,許多企業沒有專門的UI設計師,完全靠程序員來發揮了,非專業人士做出的界面自然慘不忍睹。在有的企業,做UI設計的人也被稱為美工,而這些美工的絕大多專業能力比較局限,對美學或許有些造詣,但對客戶以及客戶對產品的使用場景沒有深入的理解,設計出界面易用性考慮很不充分。
如何做好UI設計?
首先,專業的事情要由專業的人來做。一個友好美觀的界面會給人帶來舒適的視覺享受,拉近人與電腦的距離。但是,UI設計不是單純的美術繪畫,它需要定位使用者、使用環境、使用方式并且為最終用戶而設計,是純粹的科學性的藝術設計。檢驗一個界面的標準即不是某個項目開發組領導的意見,也不是項目成員投票的結果,而是最終用戶的感受。所以UI設計要和用戶研究緊密結合,是一個不斷為最終用戶設計滿意視覺效果的過程。
因此,UI設計師主要應具備兩種能力,第一種能力是美學能力,簡單講就是有能力設計出漂亮的界面,讓人賞心悅目;第二種能力是產品應用能力,深刻理解客戶,知道客戶如何使用產品的,有能力設計出最方便用戶操作界面。比如定位于老人的手機界面應該做成什么樣?最首要的應該是字要足夠大。
合格的UI設計師既是藝術家也是產品應用專家,看一看,我們企業目前有這樣的人才嗎?如果還沒有,我們管理者該著急了,因為UI設計實在太重要了,由不合格人做出的結果肯定也是不合格的。
第二,統一風格,建立規范。統一風格分兩個層面,首先是產品內,不同的頁面、窗口要保持風格統一,這是一項很基本的要求,或許很多企業都做到了。統一風格的第二個層面,是指企業內不同產品之間的UI風格要保持一致,比如微軟的word、excel等不同產品,雖然功能大相徑庭,但其風格是統一的。在這個層面的風格統一,許多企業都沒有做到,不同的項目、不同的產品線各自為戰,其軟件界面五花八門,完全看不出這些產品出自同一家企業。早年,華為的產品也是如此,當風格各異的華為產品和整齊劃一的思科產品同時擺在客戶面前時,高低上下一目了然。
關于統一風格容易忽略的一點是,術語、詞語的不一致、不統一,比如同是登錄界面,產品A叫“用戶登錄”,產品B叫“系統登錄”。這個例子或許是個小問題,而涉及軟件功能的一些術語存在不一致的地方恐怕就是大問題了。要從根本上保證UI風格統一,必須建立UI規范,包括標準術語、詞語規范,顏色、字體、字號、布局等等,同時也依據UI規范建立標準圖標、圖形庫,甚至開發通用的軟件界面模塊,這樣可以大大提高界面的開發效率。
第三,靈活多樣,與時俱進。通常,產品的客戶還是可以進一步細分的,他們有不同的特點,如不同的年齡,不同的性格,不同的喜好,這些決定了他們對界面有不同的要求。因此,為了盡可能滿足他們各種要求,界面設計要具有一定的靈活性,某些方面設計成可設置、可選擇的,如界面皮膚,活潑靚麗的適合年輕人,沉穩的適合中老年人。還有字號、布局、快捷項等都可以做成可配置的。
不得不說,手機UI界面做得普遍不錯,哪怕是不知名的品牌,恐怕這是蘋果的iPhone在前面立了標桿的原因,而其它行業的產品UI可沒有那么人性化了。現在觸摸屏越來越普及,許多PC機已支持觸摸操作了,那么軟件UI設計是否與時俱進了?是否根據觸摸操作的特點來設計界面,比如圖標的大小。顯然,微軟的office產品UI設計是沒有充分考慮觸摸操作的,小小的菜單和圖標只適合鼠標點擊。
(未完待續)