UX/UI設(shè)計流程

一、研究| 認識用戶
 

　　1、研究
 

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

　　2、類似情況
 

　　成功的方法和解決方案
 

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

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

　　4、采訪+觀察
 

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

　　5、調(diào)查
 

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

 

二、換位| 成為用戶
 

　　1、情意地圖

　　2、移情圖的好處
 

　　· 消除我們設(shè)計中的偏見，使團隊基于對用戶的單一共享理解
 

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

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

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

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

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

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

　　目標是形成最獨特的目標群體之一，他們是誰，動機和問題是什么。
 

　　3、場景
 

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

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

　　4、故事板
 

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

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

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

　　· 從觸發(fā)事件開始場景，并以適當(dāng)?shù)脑敿毘潭让枋霾僮骱徒Y(jié)果的順序。
 

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

 

三、理念| 概念化
 

　　1、未來想法圖
 

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

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

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

　　2、情緒板
 

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

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

　　1、流程圖
 

　　流程圖是顯示流程中各個步驟的圖表

　　購票和選座流程圖
 

　　2、紙樣
 

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

　　3、數(shù)字原型
 

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

　　4、線框
 

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

　　5、實際設(shè)計
 

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

　　6、測試
 

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

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

　　· 測試目標是確定解決方案是否按計劃工作或提供
 

　　在紙張原型中測試
 

　　計劃腳本
 

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

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

　　測試開始
 

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

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

　　測試期間
 

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

　　給用戶明確的指示
 

　　數(shù)字原型測試
 

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


 

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

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