旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > UX/UI設(shè)計流程

UX/UI設(shè)計流程

時間:2019-11-13來源:mwtacok.cn點擊量:作者:Sissi
時間:2019-11-13點擊量:作者:Sissi

 

ui設(shè)計流程


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

  1、研究
 

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

  2、類似情況
 

  成功的方法和解決方案
 

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

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

  4、采訪+觀察
 

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

  5、調(diào)查
 

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

 

二、換位| 成為用戶
 

  1、情意地圖

ui設(shè)計流程
 

  2、移情圖的好處
 

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

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

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

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

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

ui設(shè)計流程

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

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

  目標(biāo)是形成最獨特的目標(biāo)群體之一,他們是誰,動機和問題是什么。
 

  3、場景
 

ui設(shè)計流程

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

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

  4、故事板
 

ui設(shè)計流程

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

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

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

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

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

 

三、理念| 概念化
 

  1、未來想法圖
 

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

ui設(shè)計流程
 

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

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

  2、情緒板
 

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

ui設(shè)計流程
ui設(shè)計流程
 

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

  1、流程圖
 

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

ui設(shè)計流程
 

  購票和選座流程圖
 

  2、紙樣
 

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

ui設(shè)計流程
ui設(shè)計流程


 

  3、數(shù)字原型
 

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

  4、線框
 

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

ui設(shè)計流程
 

  5、實際設(shè)計
 

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

ui設(shè)計流程

  6、測試
 

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

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

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

  在紙張原型中測試
 

  計劃腳本
 

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

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

  測試開始
 

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

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

  測試期間
 

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

  給用戶明確的指示
 

  數(shù)字原型測試
 

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


 

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

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


 

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ mwtacok.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖