2019-7-12 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
完整的 UI 設(shè)計(jì)流程到底是怎樣的?從需求到產(chǎn)品上線,要經(jīng)歷多少個(gè)階段,每個(gè)階段有哪些應(yīng)該掌握的基礎(chǔ)知識(shí),本次優(yōu)設(shè)獨(dú)家專題為你從零開(kāi)始梳理出 UI 工作流程,適合新手閱讀學(xué)習(xí)。本篇工作流程第一節(jié):需求分析。
UI 設(shè)計(jì)工作,包括 APP 設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、小程序設(shè)計(jì)等方面。而一個(gè)產(chǎn)品完整的 UI 設(shè)計(jì)流程,是指拿到一個(gè)新的項(xiàng)目需求后,從設(shè)計(jì)思考開(kāi)始,產(chǎn)品前期分析,設(shè)計(jì)產(chǎn)品,設(shè)計(jì)評(píng)審,用戶測(cè)試,直至產(chǎn)品上線。
我們的工作流程如下:
以上的流程都是與設(shè)計(jì)師密切相關(guān)的內(nèi)容,我們的關(guān)注點(diǎn)不能只有視覺(jué)效果,孤立的設(shè)計(jì)容易脫離產(chǎn)品,反復(fù)修改,因此前期分析與后期支持都值得我們重視。
產(chǎn)品立項(xiàng)后的第一階段是需求分析階段,當(dāng)我們拿到一個(gè)新的需求時(shí),首先要了解的就是產(chǎn)品的需求是什么,了解市場(chǎng)背景、產(chǎn)品定位、概念,客戶的需求是什么。
一般來(lái)說(shuō),我們接到的需求分為三類:全新產(chǎn)品、現(xiàn)有產(chǎn)品新增功能、產(chǎn)品改版。
前期分析階段中,需求方主要是與產(chǎn)品經(jīng)理進(jìn)行溝通,產(chǎn)出文檔有三種:
有了數(shù)據(jù)參考來(lái)源后,我們就能從五個(gè)緯度分析產(chǎn)品。
1. 產(chǎn)品分析
市場(chǎng)背景、產(chǎn)品業(yè)務(wù)、現(xiàn)有產(chǎn)品各項(xiàng)數(shù)據(jù)。
2. 用戶畫(huà)像
3. 需求確認(rèn)
產(chǎn)品需求主要是為了滿足用戶或企業(yè)價(jià)值,所以一定要確認(rèn)重要且緊要的需求內(nèi)容是什么,什么功能和內(nèi)容暫時(shí)不需要做,什么功能和內(nèi)容放在后期做,因此設(shè)計(jì)時(shí)也要考慮產(chǎn)品未來(lái)的擴(kuò)展性。
4. 邏輯流程
5. 競(jìng)品分析
和國(guó)內(nèi)外同類產(chǎn)品進(jìn)行比較分析,知己知彼。
競(jìng)品選擇,從兩個(gè)方向出發(fā):
相關(guān)教程:《視覺(jué)設(shè)計(jì)師如何做競(jìng)品分析?來(lái)看這份超全面的指南!》
最后,比起產(chǎn)品經(jīng)理來(lái)說(shuō),設(shè)計(jì)師在這個(gè)階段能獲三個(gè)信息:
語(yǔ)雀:https://www.yuque.com
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com