如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里

完整的 UI 設(shè)計流程到底是怎樣的？從需求到產(chǎn)品上線，要經(jīng)歷多少個階段，每個階段有哪些應(yīng)該掌握的基礎(chǔ)知識，本次優(yōu)設(shè)獨(dú)家專題為你從零開始梳理出 UI 工作流程，適合新手閱讀學(xué)習(xí)。

本篇工作流程第一節(jié)：需求分析。

UI 設(shè)計工作，包括 APP 設(shè)計、網(wǎng)頁設(shè)計、小程序設(shè)計等方面。而一個產(chǎn)品完整的 UI 設(shè)計流程，是指拿到一個新的項(xiàng)目需求后，從設(shè)計思考開始，產(chǎn)品前期分析，設(shè)計產(chǎn)品，設(shè)計評審，用戶測試，直至產(chǎn)品上線。

我們的工作流程如下：

以上的流程都是與設(shè)計師密切相關(guān)的內(nèi)容，我們的關(guān)注點(diǎn)不能只有視覺效果，孤立的設(shè)計容易脫離產(chǎn)品，反復(fù)修改，因此前期分析與后期支持都值得我們重視。

產(chǎn)品立項(xiàng)后的第一階段是需求分析階段，當(dāng)我們拿到一個新的需求時，首先要了解的就是產(chǎn)品的需求是什么，了解市場背景、產(chǎn)品定位、概念，客戶的需求是什么。

一般來說，我們接到的需求分為三類：全新產(chǎn)品、現(xiàn)有產(chǎn)品新增功能、產(chǎn)品改版。

需求文檔類型

前期分析階段中，需求方主要是與產(chǎn)品經(jīng)理進(jìn)行溝通，產(chǎn)出文檔有三種：

• BRD文檔（Business Requirement Document）：商業(yè)需求文檔，基于商業(yè)目標(biāo)或價值所描述的產(chǎn)品需求內(nèi)容文檔（報告）。
• MRD文檔（Market Requirement Document）：市場需求文檔，該文檔在產(chǎn)品項(xiàng)目過程中屬于「過程性」文檔，由產(chǎn)品經(jīng)理或者市場經(jīng)理編寫的一個產(chǎn)品說明需求的文檔。
• PRD文檔（Product Requirement Document）：產(chǎn)品需求文檔是將商業(yè)需求文檔（BRD）和市場需求文檔（MRD）用更加專業(yè)的語言進(jìn)行描述。

分析類網(wǎng)站推薦

• 互聯(lián)網(wǎng)數(shù)據(jù)資訊中心：http://www.199it.com/
• 艾瑞網(wǎng)-互聯(lián)網(wǎng)數(shù)據(jù)資訊聚合平臺：http://www.iresearch.cn/
• 數(shù)據(jù)分析網(wǎng)：https://www.afenxi.com/
• 36氪：https://36kr.com/

產(chǎn)品分析緯度

有了數(shù)據(jù)參考來源后，我們就能從五個緯度分析產(chǎn)品。

1. 產(chǎn)品分析

市場背景、產(chǎn)品業(yè)務(wù)、現(xiàn)有產(chǎn)品各項(xiàng)數(shù)據(jù)。

2. 用戶畫像

• 顯性畫像：即用戶群體的可視化的特征描述。如目標(biāo)用戶的年齡、性別、職業(yè)、地域、興趣愛好等特征。
• 隱性畫像：用戶內(nèi)在的深層次的特征描述。包含了用戶的產(chǎn)品使用目的、用戶偏好、用戶需求、產(chǎn)品的使用場景、產(chǎn)品的使用頻次等。

3. 需求確認(rèn)

產(chǎn)品需求主要是為了滿足用戶或企業(yè)價值，所以一定要確認(rèn)重要且緊要的需求內(nèi)容是什么，什么功能和內(nèi)容暫時不需要做，什么功能和內(nèi)容放在后期做，因此設(shè)計時也要考慮產(chǎn)品未來的擴(kuò)展性。

4. 邏輯流程

• 邏輯流程，整個產(chǎn)品的邏輯、內(nèi)部流程；
• 用戶路徑，描述用戶在產(chǎn)品內(nèi)部的路徑。

5. 競品分析

和國內(nèi)外同類產(chǎn)品進(jìn)行比較分析，知己知彼。

競品選擇，從兩個方向出發(fā)：

• 從產(chǎn)品類型出發(fā)：比如我們需要設(shè)計的產(chǎn)品是財務(wù)類，選擇的方向也是同類財務(wù)類產(chǎn)品；
• 從產(chǎn)品功能出發(fā)：比如說財務(wù)產(chǎn)品中有著支付購買的功能板塊，選擇的競品也包括了購物、生活類產(chǎn)品。

相關(guān)教程：《視覺設(shè)計師如何做競品分析？來看這份超全面的指南！》

最后，比起產(chǎn)品經(jīng)理來說，設(shè)計師在這個階段能獲三個信息：

• 自己需要完成什么；
• 要做到什么程度；
• 擴(kuò)展性的考慮，可以在設(shè)計時預(yù)留位置。

文檔整理工具

語雀：https://www.yuque.com

藍(lán)藍(lán)設(shè)計( bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。