高級UI設(shè)計必備三個意識

　　你印象中的高級UI設(shè)計師是怎樣的?是出色的插畫能力、獨到的設(shè)計品味，還是像素級的專業(yè)精神、極致的用戶體驗?是把甲方爸爸Battle成乙方王八的溝通能力，還是上對需求下對開發(fā)同時游走于多個project的項目管理能力?？赡芏加?，也應(yīng)當(dāng)具備。
 

　　但是，自我從事設(shè)計六年多以來，發(fā)現(xiàn)很多UI設(shè)計師能力都比較單一、甚至有的UI設(shè)計師只做界面美化(也因此被稱為美工)，需求說改哪里就哪里，完全沒有獨立的設(shè)計意識，沒有很好的去考慮業(yè)務(wù)場景、對于用戶體驗也是一知半解。要盡快升級成為高級設(shè)計師，除了出色的插畫、獨到的設(shè)計品味等，足夠的項目經(jīng)驗，我要還給大家分享優(yōu)秀UI設(shè)計師必須具備的三個特質(zhì)，
 

　　一是品牌意識，提升品牌能力;
 

　　二是業(yè)務(wù)場景意識;保證產(chǎn)品可用性;
 

　　三是用戶體驗意識，產(chǎn)品持久力。
 

　　品牌意識
 

　　提升品牌可識別性
 

　　品牌是個復(fù)雜的工程，logo，slogan，產(chǎn)品服務(wù)，名譽，企業(yè)文化等共同鑄就的。但是提升品牌形象重要的責(zé)任還在于設(shè)計師，必定用戶更多的是通過視覺形象感知品牌，對于用戶來說用戶界面就是產(chǎn)品。因此在做產(chǎn)品設(shè)計時，用戶體驗設(shè)計師需要具有品牌意識，提升品牌形象，設(shè)計師提升品牌識別度應(yīng)當(dāng)遵循如下原則：
 

　　一是一致性原則，包括產(chǎn)品內(nèi)一致和平臺內(nèi)一致。二是獨特性原則，包括個性的標志，獨特的風(fēng)格，亮眼的細節(jié)。平臺內(nèi)一致如Google的應(yīng)用產(chǎn)品logo基本都使用了紅黃藍綠四色，此外Google提出的Z軸理念在設(shè)計中也被業(yè)界廣泛接受和應(yīng)用;另外Adobe字母加邊框矩形的產(chǎn)品logo形象也是深得每一個設(shè)計師的心。
 

　　除了logo還可以通過產(chǎn)品內(nèi)的icon，風(fēng)格主題，按鈕以及操作方式等來加持品牌IP，如特定的ICON風(fēng)格也是增強產(chǎn)品識別性的方式之一。

　　場景用戶意識
 

　　保證產(chǎn)品可用性
 

　　很多中小互聯(lián)網(wǎng)公司都是UI兼做交互設(shè)計，負責(zé)用戶體驗的工作。由于很多UI設(shè)計師之前只負責(zé)視覺設(shè)計工作，只注重頁面美化、插畫海報、圖標等設(shè)計，往往沒有用戶角色、業(yè)務(wù)場景、用戶目標意識。
 

　　喬布斯曾說：設(shè)計不僅是視覺呈現(xiàn)和感覺，設(shè)計關(guān)乎如何運作。產(chǎn)品使用場景、用戶角色是設(shè)計必須考慮的因素之一，如果是B/G端產(chǎn)品，還需要考慮用戶角色及業(yè)務(wù)流程，要知道B端產(chǎn)品更多都是多類型用戶產(chǎn)品。場景一句話描述就是：某人在某時某地點出于某個目的做某事，如小明每天晚上10點躺在床上打開看摹設(shè)公眾號學(xué)習(xí)設(shè)計知識。這里有如下幾個關(guān)鍵因素：
 

　　人物：也就是產(chǎn)品用戶，設(shè)計時需要分析用戶屬性，人物性別年齡教育程度等，中老年人兒童還是年輕人，如過果是老年人，那我們產(chǎn)品默認字體可能要稍大，功能盡量簡單，模塊按鈕位置要固定。比如我們常用的微信，老年人用的通常都會調(diào)得比較大。若是兒童產(chǎn)品，那設(shè)計時要考慮產(chǎn)品具有活力和激情等。因此設(shè)計人員一定要做好目標用戶分析，盡可能建立精準的用戶畫像。
 

　　時間：根據(jù)用戶的需求，產(chǎn)品是在不同的時間段被需要。時間有兩個維度，一是用戶使用產(chǎn)品的時間點，是工作日/周末、上午/下午、坐車/吃飯/睡覺時，不同的時間點具有不同的需求，用戶也有不同的精神狀態(tài)。如上下班前需要打上下班卡，打完下班卡之后，可能需要打車，于是打開打車APP等。另一個是用戶辦理任務(wù)所需的時間長短，如手機手機瀏覽微信，發(fā)朋友圈等會比較隨意，什么時候都可以發(fā)。但是如果辦理一些較專業(yè)復(fù)雜的任務(wù)，所填信息比較多時那就要考慮用戶可能會被打斷等情況，比如提供自動保存或暫存功能等。
 

　　地點：用戶使用產(chǎn)品時特定的空間場所，如辦公室、家里、地鐵公交車上、工地等。辦公室相對安靜完成任務(wù)受干擾較小，但是辦公室是公共場合，私人事務(wù)辦理起來不是很方便。如果是地鐵公交，那環(huán)境就比較復(fù)雜了，人擠車晃，此時使用手機常是單手操作，適合瀏覽不適合信息輸入，音樂軟件在這個時候的需求最大。
 

　　目的/目標：用戶使用產(chǎn)品的動機，有些是工作生活需要，如上下班打卡及打車產(chǎn)品，有些是娛樂(無聊寂寞)需要打發(fā)時間。在進行產(chǎn)品設(shè)計，一定要明確任務(wù)目標，如果目標任務(wù)不明確，容易造成界面設(shè)計復(fù)雜，主要功能不清晰。 下面是曾經(jīng)做的一個項目中的樓盤表查詢功能優(yōu)化。經(jīng)過溝通此事項主要功能是查看一幢樓整體售賣情況以及每個房間的信息(如室內(nèi)面積)對比，其次是房屋詳細信息查看。
 

　　之前的版本存在諸多問題：
 

　　一是沒將房屋圖例組織分類，因為每個房間同時有兩種狀態(tài)，且分為兩類。
 

　　二是勾選顯示條件后所有房間都會顯示信息，造成每個頁面顯示的房間數(shù)少，沒辦法對比各個房間的信息(如房價)。
 

　　三是查看某個房間詳細信息時不方便，需要勾選才會顯示。 違反了設(shè)計中的米勒、西克定律。
 

　　優(yōu)化后：
 

　　每個房間同時存在的兩種狀態(tài)同時顯示。
 

　　勾選顯示信息后單獨顯示(如銷售價格)每個房間可以進行對比。
 

　　鼠標hover在某個房間號時可以查看詳細信息。
 

　　所以一定要弄清楚用戶的目標，主次需求。還是那句話，設(shè)計不僅是視覺呈現(xiàn)和感覺，設(shè)計關(guān)乎如何運作。
 

　　用戶體驗意識
 

　　提升產(chǎn)品持久力
 

　　產(chǎn)品始于需求，立于價值，久于體驗，良好的用戶體驗是互聯(lián)網(wǎng)產(chǎn)品立于烏卡時代的必要條件，是UI設(shè)計師、交互設(shè)計師所追求的目標之一。
 

　　自從上世紀90年代唐納德·A·諾曼提出“用戶體驗”一詞以來，用戶體驗在HCI領(lǐng)域應(yīng)用最廣，互聯(lián)網(wǎng)產(chǎn)品便是HCI中的一類。目前互聯(lián)網(wǎng)行業(yè)已經(jīng)有很多關(guān)于用戶體驗的標準規(guī)范、書籍、法則。如IOS 9241-210，Google material design、《設(shè)計心理學(xué)》《破繭成蝶》《don’t make me think》書籍，尼爾森10大交互原則等，可謂是文山書海。雖說沒有統(tǒng)一的標準，但是各家之言均是為了良好的用戶體驗，只是表達行文方式不一樣吧了。
 

　　那么多的用戶體驗設(shè)計方式方法，歸根結(jié)底就是要讓用戶通過UI建立正確的概念模型。

　　對于同一項任務(wù)目標或者操作，設(shè)計人員設(shè)計的概念模型要與用戶心智中的用戶模型要相一致。當(dāng)設(shè)計模型與用戶模型完全匹配，那用戶就能很高效的完成當(dāng)前任務(wù)，若不一致用戶在操作系統(tǒng)時勢必會造成挫敗感，喪失信心，當(dāng)不能容忍時用戶就會憤然離去選擇競爭對手的產(chǎn)品。所以，不論單一用戶的C端產(chǎn)品還是多用戶角色的B/G端產(chǎn)品，都必須保證設(shè)計模型與用戶模型一致，讓用戶建立正確的任務(wù)概念模型。也因此，系統(tǒng)與用戶交互的橋梁UI界面就扮演了非常重要的角色。
 

　　UI界面如何幫助用戶建立正確的概念模型呢?
 

　　大家都知道喬布斯說過：在沒有看到具體的產(chǎn)品前，用戶并不知道自己想要什么。也就是說用戶的概念是模糊的，需要我們通過UI去引導(dǎo)。至于如何引導(dǎo)如何設(shè)計，經(jīng)驗豐富的設(shè)計師們可能腦子里已經(jīng)浮現(xiàn)出了切實可行的一些方法和法則、如提供邀請、巧用過度、格式塔設(shè)計原則，菲茲法則、尼爾森10大用戶體驗法則等
 

　　但是對于新手及初級設(shè)計師來說可能還沒有一個完整的方法論體系，也許看過一些書和方式方法，但是在實際項目中不知道怎么應(yīng)用。

　　這期信息量已太大!下期再給諸君分享如何保證產(chǎn)品具有良好用戶體驗的方式方法!