UX體驗設(shè)計之旅(四)_UX工作流程&方法簡介_2017 Design Tour in UK

UX工作流程大致分成如下4步驟:發(fā)現(xiàn)并定義、設(shè)計、設(shè)計驗證環(huán)節(jié)、設(shè)計支持輸出

以下我在介紹著4個環(huán)節(jié)中,會穿插講述每個環(huán)節(jié)的一些常用設(shè)計方法知識。

UX precess embedding_UX設(shè)計環(huán)節(jié)的流程/

1. 發(fā)現(xiàn)并定義階段

Discovery & Define_發(fā)現(xiàn)&定義

通過大量的調(diào)研及需求匯總,使用廣泛的研究方法來發(fā)現(xiàn)用戶的真實需求及行為。在這個環(huán)節(jié),我們會常常應(yīng)用到用戶訪談、焦點小組、卡片分類、用戶畫像及用戶體驗地圖等。

卡片分類方法:

如下圖所示例,當(dāng)UX設(shè)計師在進(jìn)行電商平臺的信息架構(gòu)時,如何對商品品類等進(jìn)行歸類劃分?這個時候就需要應(yīng)用到卡片式分類方法??ㄆ诸惙椒ㄍǔ_放式卡片分類和封閉式卡片分類方法。如下圖所示。

電商品臺應(yīng)用卡片分類方法進(jìn)行前期信息架構(gòu)
開放式卡片分類&封閉式卡片分類


用戶畫像分析法(Persona):

1.1 人物角色(persona)是什么

指針對產(chǎn)品的目標(biāo)群體進(jìn)行真實特征的勾勒,是真實用戶的綜合原型——代表了一群真實的人物——它描述的是一個群體的特征,也就意味著不是具體的某一個人,而是一群人的特征綜合,它是一個虛擬的畫像(是產(chǎn)品目標(biāo)用戶的典型用戶,而不是極端情況下的個別人)

1.2 為什么要創(chuàng)建人物角色

persona概括了用戶研究(產(chǎn)品使用者的目標(biāo)、行為、觀點等)的發(fā)現(xiàn),并形成栩栩如生的畫像,以此來輔助產(chǎn)品的決策和設(shè)計——才能做出更好的符合用戶體驗的產(chǎn)品

1.3 創(chuàng)建人物角色的前提

團(tuán)隊認(rèn)同以用戶為中心的設(shè)計理念。人物角色創(chuàng)建出來以后,能否真正發(fā)揮作用,也要看整個業(yè)務(wù)部門/設(shè)計團(tuán)隊/公司是否已經(jīng)形成了UCD的思路和流程,是否愿意、是否自覺不自覺地將人物角色引入產(chǎn)品設(shè)計的方方面面,否則,人物角色始終是一個擺設(shè)、是一堆塵封的文檔,紙上畫畫,墻上掛掛。

1.4?什么時候能夠應(yīng)用

什么時候可以用到人物角色?在制定產(chǎn)品策略時、在討論產(chǎn)品需求時、在項目優(yōu)先級排序時、在進(jìn)行任務(wù)分析時、在琢磨交互流程時、在選擇設(shè)計風(fēng)格時、在用研項目招募用戶時、在鎖定推廣目標(biāo)時、在完善運營方案時??傊?,在各種討論、腦暴、pk時,在我們想沖口而出”用戶xxx”的時候,人物角色都可以派上用場。

如圖所示為一個用戶畫像的包含的基本內(nèi)容。


用戶體驗地圖(Customer Journey Map)

用戶體驗地圖,世描述用戶在使用產(chǎn)品或服務(wù)時的體驗,主觀感受和反應(yīng)。繪制客戶旅程地圖,一般包含操作流程,即在這個流程過程中,用戶在關(guān)鍵節(jié)點的需求和用戶感受。一個產(chǎn)品中,可能會有多個客戶旅程圖(一個客戶角色,對應(yīng)一個客戶旅程),每一個圖要更加完整呈現(xiàn)內(nèi)容,不宜將重點放置在圖本身的設(shè)計上。

如何創(chuàng)建用戶體驗地圖?

首先在時間框架下填入用戶的目標(biāo)和行為,隨后填入用戶的感受和想法,當(dāng)用戶故事逐漸完善,再通過視覺化的方式予以呈現(xiàn),最終服務(wù)于團(tuán)隊交流與設(shè)計洞察。


用戶體驗地圖的一些案例

延伸閱讀:

用戶體驗地圖的一些工具推薦(7 Tools to Uncover Customer Needs & Map the Customer Journey to Create Better Experiences)

http://www.toprankblog.com/2016/04/7-tools-customer-journey/


2. 設(shè)計環(huán)節(jié)

當(dāng)前期需求及相關(guān)用戶調(diào)研結(jié)束后,既可以根據(jù)結(jié)果來實際上升到設(shè)計環(huán)節(jié)。把抽象的定義層轉(zhuǎn)換為可視的設(shè)計效果。這個環(huán)節(jié)也就是我們大多數(shù)人眼中的設(shè)計師職責(zé)所在。但是前期調(diào)研定義階段是最重要與核心的,就如冰山一樣,浮在水面上的可視的冰山一角只是很小的一層,而水面下的龐大冰山根基才是最重要的。

在進(jìn)行設(shè)計環(huán)節(jié),我們也會有諸如頭腦風(fēng)暴和設(shè)計工作坊,把抽象的需求整理成稍具象的一些設(shè)計概念,之后接下來會通過一些草圖、紙質(zhì)原型、交互線框圖等具化。最后一步才是UI設(shè)計環(huán)節(jié),通過視覺表現(xiàn)把抽象的概念轉(zhuǎn)化為最終看到的產(chǎn)品界面設(shè)計。

所有的這些都是依據(jù)于用戶的真實需求和行為而進(jìn)行設(shè)計。

以下將通過一些案例來簡單介紹下設(shè)計環(huán)節(jié)中的一些關(guān)鍵節(jié)點。

BBC交互原型規(guī)范

延伸閱讀:常用的一些交互設(shè)計工具介紹及推薦,如Xmind思維導(dǎo)圖、proto.io、 inVIsion 、marvel、flinto等,接下來我會在其他章節(jié)詳細(xì)跟大家介紹。


BBC視覺UI概念設(shè)計

針對設(shè)計規(guī)范,不同的公司都會有專業(yè)的規(guī)范文檔說明。其中BBC的 GEL平臺,匯總了BBC的全套設(shè)計語言。值得大家仔細(xì)閱讀學(xué)習(xí)。

BBC GEL_Global Experience Landuage:http://www.bbc.co.uk/gel/

Great UI Design Requires Smart Style Guides: https://www.uxpin.com/studio/blog/great-ui-design-requires-smart-style-guides/

做為UK最大的服務(wù)于政府機(jī)構(gòu)的設(shè)計平臺,GOV.UK也是有規(guī)范化的設(shè)計語言,大家如有興趣可深入閱讀:https://www.gov.uk/service-manual/design

GOV.UK在排版布局、字體、Layout、Typography、Colour、Icons and images、Data、Buttons、Form elements、Errors and validation、Alpha and beta banners等方面都有嚴(yán)格的設(shè)計語言,詳情可查閱——GOV.UK 的設(shè)計規(guī)范: https://govuk-elements.herokuapp.com/


GOV.UK 的紙質(zhì)交互原型&故事版


GOV.UK 的針對字體的設(shè)計規(guī)范


3.?Evaluate 設(shè)計評估環(huán)節(jié)

當(dāng)交互設(shè)計及UI設(shè)計都相繼完成后,產(chǎn)品已經(jīng)幾乎全部可視化,高保真demo已經(jīng)準(zhǔn)備完畢。那么接下來我們就要進(jìn)行在開發(fā)前的最后一步了_設(shè)計測試環(huán)節(jié)。

上線前進(jìn)行可用性測試&AB測試;上線后進(jìn)行產(chǎn)品數(shù)據(jù)&用戶反饋



其中有以下幾點需要著重強(qiáng)調(diào):

Disabled user testing>針對殘疾人的產(chǎn)品測試(紅綠色盲、視力障礙、孩童、老人、特殊群體)——除了常人使用我們的產(chǎn)品,我們也不能忽視殘障人士群體。

Benchmarking> 本公司的業(yè)務(wù)流程和性能指標(biāo)與行業(yè)最佳實踐者進(jìn)行的比較

(基準(zhǔn)測試是將業(yè)務(wù)流程和性能指標(biāo)與其他公司的行業(yè)最佳實踐進(jìn)行比較。 在項目管理中,基準(zhǔn)測試還可以支持項目的選擇,計劃和交付)


可用性測試
眼動儀測試


AB測試
競品分析

Test 用戶測試常用工具推薦_17種移動端UX用戶測試工具推薦 _17 Testing Tools for Mobile UX??https://blog.kissmetrics.com/testing-tools-for-mobile-ux/


Benchmarking 標(biāo)桿分析法


4. 技術(shù)支持階段

上線前產(chǎn)品的各方面測試與評估都已經(jīng)結(jié)束,最后一個階段,即與開發(fā)配合,完成產(chǎn)品上線。


技術(shù)支持階段

在所有的UX設(shè)計環(huán)節(jié)中,以上4個部分會重復(fù)循環(huán)。這也構(gòu)成了互聯(lián)網(wǎng)產(chǎn)品的迭代更新,產(chǎn)品通過一個版本和一個版本的演進(jìn),來更好的服務(wù)于用戶,同時提升產(chǎn)品的商業(yè)價值。


以中戶為中心的產(chǎn)品設(shè)計重要性


5. 中西UX用戶體驗設(shè)計及團(tuán)隊文化差異性分析

綜上所述,在UX體驗設(shè)計之旅章節(jié),我分別從企業(yè)簡介、團(tuán)隊搭建、UX設(shè)計流程及方法角度,向大家介紹了UX的一些基礎(chǔ)知識。通過交流和參訪,我覺得中西方在UX設(shè)計行業(yè)里,還是有一定差異的。

5.1 從團(tuán)隊搭建來說

像Facebook、Designit等公司,擁有150+用戶研究員,200名UX設(shè)計師,他們非常重視研究、數(shù)據(jù)分析(UR & UX)——但反觀國內(nèi),前期調(diào)研分析階段很弱。一般需求都是從領(lǐng)導(dǎo)層發(fā)出指令,層級執(zhí)行。

5.2 設(shè)計師職業(yè)規(guī)劃上——輪崗制明顯

Evernote設(shè)計師平均10年以上經(jīng)驗,每個設(shè)計師都能獨檔一面,很少初中級;BBC工程師&設(shè)計師——設(shè)計師能力綜合全面、懂商業(yè)&技術(shù)

5.3 內(nèi)部協(xié)同——尊重設(shè)計師的專業(yè)素養(yǎng)_設(shè)計團(tuán)隊間&跨部門團(tuán)隊合作愉悅

尊重設(shè)計師,懂得設(shè)計師的商業(yè)價值(BBC,設(shè)計師話語權(quán)大,與開發(fā)、媒體等都是平等的)人人都是用戶體驗設(shè)計師,思維意識層面較國內(nèi)更成熟。

5.4 西方產(chǎn)品依然面臨(APP & WEB) UX用戶體驗本地化問題

如Amazon、Skyscanner等在國際化道路上也經(jīng)歷了曲折。反觀國內(nèi)支付寶Alipay在開拓東南亞歐洲市場時遇到的問題類似。

5.5 注重故事訴說著,鼓勵大家成為Story Teller

交流中,大家提到要善于做一名Story Teller。通過描述故事的方式講述用戶的需求,表達(dá)設(shè)計的價值?!@一點國內(nèi)的設(shè)計師不善于講述故事,把設(shè)計理念傳達(dá)給受眾及組內(nèi)成員。

接下來,我會把UX 設(shè)計流程中的一些細(xì)節(jié)逐一進(jìn)行文章匯總,如大家想進(jìn)一步了解,可持續(xù)關(guān)注。

注:部分圖片來源于網(wǎng)絡(luò),轉(zhuǎn)載請注明出處!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容