UX/UI設(shè)計(jì)流程

一、研究| 認(rèn)識(shí)用戶
 

　　1、研究
 

　　弄清楚您需要研究的內(nèi)容
 

　　2、類似情況
 

　　成功的方法和解決方案
 

　　3、人們的意見和反應(yīng)
 

　　百度提供了對(duì)用戶和案件充滿好奇的一切。最終目標(biāo)是使自己陷入困境，并了解他們的問題和需求。
 

　　4、采訪+觀察
 

　　與真實(shí)用戶或潛在用戶交談，闡明您的假設(shè)并進(jìn)一步了解他們
 

　　5、調(diào)查
 

　　如果需要更多的定量研究和大量的用戶，或者必須進(jìn)行遠(yuǎn)程采訪，則該調(diào)查可能會(huì)很有用。

 

二、換位| 成為用戶
 

　　1、情意地圖

　　2、移情圖的好處
 

　　· 消除我們?cè)O(shè)計(jì)中的偏見，使團(tuán)隊(duì)基于對(duì)用戶的單一共享理解
 

　　· 發(fā)現(xiàn)我們研究中的弱點(diǎn)
 

　　· 發(fā)現(xiàn)用戶自己甚至可能不知道的用戶需求
 

　　· 了解是什么驅(qū)動(dòng)用戶的行為
 

　　· 指導(dǎo)我們進(jìn)行有意義的創(chuàng)新
 

　　設(shè)計(jì)新聞應(yīng)用程序時(shí)的一個(gè)角色示例
 

　　角色的目的是為您的主要受眾群體創(chuàng)建可靠，逼真的表示形式，以供參考。這些表示應(yīng)基于定性和一些定量的用戶研究以及網(wǎng)絡(luò)分析。
 

　　目標(biāo)是形成最獨(dú)特的目標(biāo)群體之一，他們是誰(shuí)，動(dòng)機(jī)和問題是什么。
 

　　3、場(chǎng)景
 

　　寫下用戶使用產(chǎn)品的情況。因此，如何設(shè)計(jì)滿足這些需求的產(chǎn)品。
 

　　如果不確定訪問您站點(diǎn)的用戶組的各種特征，就不能希望設(shè)計(jì)一種體驗(yàn)，其中包含每種類型的用戶所需的關(guān)鍵要素。相反，您最終將創(chuàng)建一個(gè)對(duì)任何人都不理想的網(wǎng)站。
 

　　4、故事板
 

　　一個(gè)人經(jīng)常忙于同時(shí)閱讀新聞和檢查社交媒體的示例
 

　　· 用戶方案可用于設(shè)計(jì)項(xiàng)目的構(gòu)思階段。在此處可視化用戶將如何使用產(chǎn)品或服務(wù)將有助于產(chǎn)生設(shè)計(jì)思想。要牢記的一個(gè)基本點(diǎn)是，用戶方案并不代表所有可能的用戶。相反，他們通常只考慮最常見的用戶或用戶動(dòng)機(jī)(The Interaction Design Foundation，2018)
 

　　· 描述如何使用產(chǎn)品或服務(wù)以及在哪種情況下使用(根據(jù)上下文)。
 

　　· 從觸發(fā)事件開始場(chǎng)景，并以適當(dāng)?shù)脑敿?xì)程度描述操作和結(jié)果的順序。
 

　　· 方案=> 對(duì)原型的要求，方案中需要為用戶的需求構(gòu)建什么功能。

 

三、理念| 概念化
 

　　1、未來想法圖
 

　　從值得解決的問題中，列出問題未解決時(shí)的消極情緒(左)和問題解決時(shí)的積極情緒(右)。根據(jù)感受，考慮解決方案。

　　在6到10分鐘內(nèi)激發(fā)個(gè)人個(gè)性
 

　　創(chuàng)造并接受盡可能多的想法，不要批評(píng)，可以，不要對(duì)自己太挑剔。
 

　　2、情緒板
 

　　考慮一下配色方案，樣式指南和設(shè)計(jì)的視覺外觀。

四、原型制作| 使它成為現(xiàn)實(shí)
 

　　1、流程圖
 

　　流程圖是顯示流程中各個(gè)步驟的圖表

　　購(gòu)票和選座流程圖
 

　　2、紙樣
 

　　紙質(zhì)原型正在草擬紙上的屏幕截圖，以替代數(shù)字表示形式。對(duì)于早期概念化而言，它是快速而完美的。即使在某些情況下，我們也不需要做紙質(zhì)原型，尤其是當(dāng)我們從已經(jīng)存在的東西重新設(shè)計(jì)時(shí)。但是，它仍然是每個(gè)設(shè)計(jì)師通常使用的一種直觀而靈活的方式。

　　3、數(shù)字原型
 

　　在跳到數(shù)字版本或最終版本之前，做紙質(zhì)原型很有趣。但是，在某些情況下，我們不需要從頭開始，也不需要紙面過程向用戶展示。
 

　　4、線框
 

　　使用Sketch，F(xiàn)igma，Axure，Adobe XD，Balsamiq等工具來設(shè)計(jì)有意義的線框。

　　5、實(shí)際設(shè)計(jì)
 

　　使用設(shè)計(jì)軟件(例如Sketch，Photoshop或Illustrator)設(shè)計(jì)實(shí)際界面。

　　6、測(cè)試
 

　　原型應(yīng)該足夠真實(shí)，以獲得真實(shí)的響應(yīng)，以驗(yàn)證或使假設(shè)無效。
 

　　· 認(rèn)真考慮要在原型中構(gòu)建什么以獲得反饋。
 

　　· 測(cè)試目標(biāo)是確定解決方案是否按計(jì)劃工作或提供
 

　　在紙張?jiān)椭袦y(cè)試
 

　　計(jì)劃腳本
 

　　角色：誰(shuí)來照顧原型，誰(shuí)做筆記，誰(shuí)在測(cè)試過程中幫助用戶并與他們交談
 

　　要測(cè)試的內(nèi)容(步驟-結(jié)果)
 

　　測(cè)試開始
 

　　用戶簡(jiǎn)介(簡(jiǎn)要的用戶隱私倫理，解釋該方案是什么產(chǎn)品或在什么情況下，假設(shè)您現(xiàn)在是…。)
 

　　詢問用戶大聲思考，以便我們知道他們當(dāng)時(shí)的想法
 

　　測(cè)試期間
 

　　注意用戶的行為，做事方式以及他們對(duì)任務(wù)的理解程度。
 

　　給用戶明確的指示
 

　　數(shù)字原型測(cè)試
 

　　Invision是模擬原型的好工具，允許用戶單擊并測(cè)試原型而無需實(shí)際編碼。


 

六、迭代| 獲得反饋并進(jìn)一步發(fā)展
 

　　根據(jù)客戶的實(shí)際反饋來開發(fā)設(shè)計(jì)