高級(jí)UI設(shè)計(jì)必備三個(gè)意識(shí)

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

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

　　一是品牌意識(shí)，提升品牌能力;
 

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

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

　　品牌意識(shí)
 

　　提升品牌可識(shí)別性
 

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

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

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

　　場(chǎng)景用戶意識(shí)
 

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

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

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

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

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

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

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

　　之前的版本存在諸多問(wèn)題：
 

　　一是沒(méi)將房屋圖例組織分類，因?yàn)槊總€(gè)房間同時(shí)有兩種狀態(tài)，且分為兩類。
 

　　二是勾選顯示條件后所有房間都會(huì)顯示信息，造成每個(gè)頁(yè)面顯示的房間數(shù)少，沒(méi)辦法對(duì)比各個(gè)房間的信息(如房?jī)r(jià))。
 

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

　　優(yōu)化后：
 

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

　　勾選顯示信息后單獨(dú)顯示(如銷(xiāo)售價(jià)格)每個(gè)房間可以進(jìn)行對(duì)比。
 

　　鼠標(biāo)hover在某個(gè)房間號(hào)時(shí)可以查看詳細(xì)信息。
 

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

　　用戶體驗(yàn)意識(shí)
 

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

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

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

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

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

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

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

　　但是對(duì)于新手及初級(jí)設(shè)計(jì)師來(lái)說(shuō)可能還沒(méi)有一個(gè)完整的方法論體系，也許看過(guò)一些書(shū)和方式方法，但是在實(shí)際項(xiàng)目中不知道怎么應(yīng)用。

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