UX設(shè)計(jì)師/交互設(shè)計(jì)師

UX，英文為UserExperience,指的是用戶體驗(yàn)。一般而言，國(guó)內(nèi)UX設(shè)計(jì)師，也稱為交互設(shè)計(jì)師或UE設(shè)計(jì)師(而國(guó)外的UX設(shè)計(jì)師指的是用戶體驗(yàn)設(shè)計(jì)師，交互設(shè)計(jì)師指的是動(dòng)效設(shè)計(jì)師)。

UX設(shè)計(jì)師主要關(guān)注用戶對(duì)產(chǎn)品的體驗(yàn)感受，確保產(chǎn)品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。正如一千個(gè)人眼里有一千個(gè)哈姆雷特，一個(gè)設(shè)計(jì)問題往往也沒有唯一解。UX設(shè)計(jì)師會(huì)深入場(chǎng)景，探索多種不同的解決方案，這種深入思考通常能產(chǎn)生創(chuàng)新方案。

一般而言，UX設(shè)計(jì)師使用一些用戶研究方法&設(shè)計(jì)方法作為輔助，通過現(xiàn)場(chǎng)觀察、可用性測(cè)試、用戶訪談等用戶研究方法了解用戶使用行為，發(fā)現(xiàn)產(chǎn)品體驗(yàn)問題。

說(shuō)到這里，會(huì)發(fā)現(xiàn)國(guó)外UX設(shè)計(jì)師也在做用研，有木有?而國(guó)內(nèi)這一點(diǎn)上其實(shí)除了有完整UED設(shè)計(jì)部門的較大互聯(lián)網(wǎng)公司(分工比較明確，UX設(shè)計(jì)師很少會(huì)去做訪談相關(guān)內(nèi)容，普遍都是用研童鞋來(lái)負(fù)責(zé)這一部分)，創(chuàng)業(yè)公司和設(shè)計(jì)咨詢公司中的UX設(shè)計(jì)師基本上也都會(huì)兼顧用研;UX設(shè)計(jì)師們通過頭腦風(fēng)暴、角色扮演、故事版等設(shè)計(jì)方法探索設(shè)計(jì)機(jī)會(huì)點(diǎn)，向著創(chuàng)造出“最好的”用戶體驗(yàn)?zāi)繕?biāo)而前進(jìn)，典型案例就是為新用戶設(shè)計(jì)一套令人愉悅的登錄流程。

總的來(lái)講，UX設(shè)計(jì)師是設(shè)計(jì)人與信息產(chǎn)品的流程和關(guān)系，歸根結(jié)底都要研究人、事、物的聯(lián)系，它是一個(gè)囊括計(jì)算機(jī)工程、心理學(xué)、設(shè)計(jì)的交叉學(xué)科。

“進(jìn)行利益相關(guān)者訪談、用戶訪談，挖掘用戶需求，提煉用戶任務(wù)流;完整體驗(yàn)不同產(chǎn)品，挖掘交互設(shè)計(jì)模式，設(shè)計(jì)交互模式，撰寫交互設(shè)計(jì)稿，并最終形成交互設(shè)計(jì)規(guī)范/UIspec;跟進(jìn)視覺設(shè)計(jì)和開發(fā)，確保產(chǎn)品正常上線”這可能就是UX設(shè)計(jì)師日常事項(xiàng)。

對(duì)于UX設(shè)計(jì)師，你可能會(huì)聽到他們很自然的說(shuō)：“我們應(yīng)該在用戶登錄成功后展示一個(gè)感謝頁(yè)面。”

設(shè)計(jì)產(chǎn)出物：流程圖，網(wǎng)站地圖，故事版，交互設(shè)計(jì)原型圖(線框圖)，UIspec，交互設(shè)計(jì)規(guī)范

工具：axure，OmniGraffle，Visio，Sketch，Illustrator，F(xiàn)ireworks，InVision，PPT，Keynote，Photoshop

視覺設(shè)計(jì)師

說(shuō)起視覺設(shè)計(jì)師，通常會(huì)聯(lián)想到“扣像素”的處女座，相比于UX設(shè)計(jì)師梳理流程、組織信息架構(gòu)等內(nèi)容，他們更在意精美的圖標(biāo)、按鈕等視覺元素以及合適的排版。視覺設(shè)計(jì)師經(jīng)常在Photoshop中4x到8x的縮放級(jí)別中操作，細(xì)致刻畫容易忽略的小細(xì)節(jié)。

一般國(guó)內(nèi)而言，諸如UI設(shè)計(jì)師、GUI設(shè)計(jì)師、運(yùn)營(yíng)設(shè)計(jì)師、平面設(shè)計(jì)師等名稱各異的設(shè)計(jì)師頭銜，在不同場(chǎng)合也都被稱為視覺設(shè)計(jì)師。聽到這里，是不是已經(jīng)開始迷失在這些形形色色的概念里呢，下面就讓我一一來(lái)解密這些設(shè)計(jì)師吧。

1.UI設(shè)計(jì)師/GUI設(shè)計(jì)師

UI，英文為UserInterface，指的是用戶界面，也就是人與機(jī)器互動(dòng)的界面?？梢岳斫鉃閁X的一個(gè)分支，不同于UX設(shè)計(jì)師需要關(guān)注產(chǎn)品的整體感覺，UI設(shè)計(jì)師更關(guān)注產(chǎn)品以怎樣的界面呈現(xiàn)。其實(shí)互聯(lián)網(wǎng)領(lǐng)域中，UI和UX設(shè)計(jì)師的界限相當(dāng)模糊，在很多創(chuàng)業(yè)公司，這兩個(gè)設(shè)計(jì)角色是合二為一的。

國(guó)內(nèi)而言，目前一般把屏幕上顯示的圖形用戶界面(GUI：GraphicUserInterface)都簡(jiǎn)單稱為UI。我們經(jīng)常聽到的UI設(shè)計(jì)師，其實(shí)指的是GUI設(shè)計(jì)師，也就是圖形界面視覺設(shè)計(jì)師，負(fù)責(zé)產(chǎn)品或網(wǎng)站的圖形、圖標(biāo)、色彩、視覺風(fēng)格等，決定營(yíng)造出什么樣的視覺體驗(yàn)。從視覺層面把控產(chǎn)品界面設(shè)計(jì)，確保UI稿在視覺上清晰的傳達(dá)UX設(shè)計(jì)師的交互設(shè)計(jì)稿，也就是高保真視覺稿。

舉個(gè)栗子，在設(shè)計(jì)一個(gè)數(shù)據(jù)分析界面時(shí)，UI設(shè)計(jì)師可以決定使用滑塊還是控制旋鈕，通過這樣的控件來(lái)闡述圖表帶來(lái)的直觀感受。此外UI設(shè)計(jì)師還負(fù)責(zé)制定視覺設(shè)計(jì)規(guī)范，確保產(chǎn)品設(shè)計(jì)的一致性;在規(guī)范中，明確一些UI控件/組件的使用行為，比如錯(cuò)誤或警告提示。

“熟悉不同分辨率的多端產(chǎn)品，諸如桌面端，Web端和手機(jī)設(shè)備;能夠完成高質(zhì)量的視覺設(shè)計(jì)稿——從概念設(shè)計(jì)確定設(shè)計(jì)風(fēng)格到詳細(xì)設(shè)計(jì)，設(shè)計(jì)內(nèi)容包括圖標(biāo)、圖形界面等;執(zhí)行統(tǒng)一的設(shè)計(jì)語(yǔ)言，撰寫并完善網(wǎng)站的設(shè)計(jì)規(guī)范，為產(chǎn)品注入美和生活氣息。”這可能就是UI設(shè)計(jì)師日常事項(xiàng)啦。

對(duì)于UI設(shè)計(jì)師，你可能會(huì)聽到他們很自然的說(shuō)：“登錄和注冊(cè)鏈接應(yīng)該移到右上角”、“這個(gè)字距不行，那個(gè)按鈕應(yīng)該向左移動(dòng)1像素!”

設(shè)計(jì)產(chǎn)出物：視覺設(shè)計(jì)稿，視覺設(shè)計(jì)標(biāo)注規(guī)范，視覺設(shè)計(jì)規(guī)范文檔，視覺切圖

工具：Photoshop，Sketch，Illustrator，F(xiàn)ireworks，markman(視覺標(biāo)注軟件)