正文

交互設(shè)計(jì)的流程是什么（交互設(shè)計(jì)的流程是什么意思）

發(fā)布時(shí)間：2023-04-28 13:21:24 稿源：創(chuàng)意嶺閱讀： 569

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于交互設(shè)計(jì)的流程是什么的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國(guó)，設(shè)計(jì)相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、一個(gè)完整的交互設(shè)計(jì)流程是怎樣的
2、UI設(shè)計(jì)中，交互設(shè)計(jì)階段有哪些流程?
3、交互設(shè)計(jì)過(guò)程中的步驟有哪些
4、UI 設(shè)計(jì)的整個(gè)工作流程是怎樣的？

交互設(shè)計(jì)的流程是什么（交互設(shè)計(jì)的流程是什么意思）

一、一個(gè)完整的交互設(shè)計(jì)流程是怎樣的

1、分析階段

需求分析、用戶場(chǎng)景模擬、競(jìng)品分析（聆聽(tīng)用戶心聲）。

2、設(shè)計(jì)階段

設(shè)計(jì)方法采用面向場(chǎng)景、面向事件驅(qū)動(dòng)和面向?qū)ο蟮脑O(shè)計(jì)方法。面向場(chǎng)景是針對(duì)該產(chǎn)品使用場(chǎng)所等模擬，模擬用戶在多種情況下產(chǎn)品使用的模擬。

3、配合

UI設(shè)計(jì)師交出產(chǎn)品設(shè)計(jì)圖時(shí)，更多的配合開(kāi)發(fā)人員、測(cè)試人員進(jìn)行截圖配合。配合開(kāi)發(fā)人員對(duì)于PSD格式的圖片切圖操作，對(duì)于不同的開(kāi)發(fā)人員的要求，切圖方式也有不同，UI設(shè)計(jì)師需配合相關(guān)的開(kāi)發(fā)人員進(jìn)行最適合的切圖配合。

4、驗(yàn)證

產(chǎn)品出來(lái)后，UI設(shè)計(jì)師需對(duì)產(chǎn)品的效果進(jìn)行驗(yàn)證，與當(dāng)初設(shè)計(jì)產(chǎn)品時(shí)的想法是否一致，是否可用，用戶是否接受，以及與需求是否一致。都需要UI設(shè)計(jì)師驗(yàn)證，UI設(shè)計(jì)師是將產(chǎn)品需求用圖片展現(xiàn)給用戶最直接的經(jīng)手人，對(duì)于產(chǎn)品的理解會(huì)更加深刻。

輸入物：產(chǎn)品

中鵬

二、UI設(shè)計(jì)中，交互設(shè)計(jì)階段有哪些流程?

分析階段：

大致分為需求分析，用戶場(chǎng)景模擬和競(jìng)品分析三塊。需求分析對(duì)于一個(gè)產(chǎn)品來(lái)說(shuō)，是必須的。如果說(shuō)設(shè)計(jì)原則是所有涉及的出發(fā)點(diǎn)話，那么用戶需求就是本次設(shè)計(jì)的出發(fā)點(diǎn)。用戶場(chǎng)景模擬，旨在了解產(chǎn)品的現(xiàn)有交互以及用戶使用產(chǎn)品的習(xí)慣等。競(jìng)品分析是因?yàn)槊總€(gè)設(shè)計(jì)者的思維都會(huì)有局限性，看到別人的設(shè)計(jì)會(huì)有觸類旁通的好處，也能給自己的設(shè)計(jì)過(guò)程帶來(lái)啟發(fā)。

設(shè)計(jì)階段：

設(shè)計(jì)方法采用面向場(chǎng)景、面向事件驅(qū)動(dòng)和面向?qū)ο蟮脑O(shè)計(jì)方法。面向場(chǎng)景是針對(duì)該產(chǎn)品使用場(chǎng)所等模擬，模擬用戶在多種情況下產(chǎn)品使用的模擬。面向事件驅(qū)動(dòng)則是對(duì)產(chǎn)品響應(yīng)與觸發(fā)事件的設(shè)計(jì)，一個(gè)提示框，一個(gè)提交按鈕……這類都是對(duì)事件驅(qū)動(dòng)的設(shè)計(jì)。面向?qū)ο螅a(chǎn)品面向的用戶不同對(duì)于產(chǎn)品的設(shè)計(jì)要求不同，不同年齡層的用戶對(duì)于產(chǎn)品的要求不同，產(chǎn)品的用戶定位將對(duì)UI設(shè)計(jì)師影響因素。

配合階段：

驗(yàn)證階段：

三、交互設(shè)計(jì)過(guò)程中的步驟有哪些

一、定性研究(Qualitative Research)：針對(duì)可能使用你的產(chǎn)品的人，可以是問(wèn)卷、訪談……

二、確定人物角色(Persona)：即產(chǎn)品的典型用戶，可以有一種或幾種。例如知乎可以有一個(gè)人物角色叫CEO。

三、寫問(wèn)題腳本(Problem Scenario)：羅列人物角色在使用產(chǎn)品時(shí)可能遇到的問(wèn)題，可以整理成一個(gè)故事便于別人理解。

四、寫動(dòng)作腳本(Action Scenario)：像寫故事一樣，寫人物角色在使用你設(shè)計(jì)好的產(chǎn)品時(shí)，發(fā)生的細(xì)節(jié)。注意，這個(gè)時(shí)候你的交互方案的概念模型已經(jīng)基本成型了，這個(gè)概念模型是通過(guò)解決問(wèn)題腳本里的問(wèn)題而得出的。

五、畫線框圖(Framework)：這個(gè)線框圖是通過(guò)把動(dòng)作腳本里的概念模型轉(zhuǎn)化成視覺(jué)模型得到的。

六、制作原型(Prototype)：做出來(lái)好像可以用的東西，有很多原型工具可以利用。

七、專家評(píng)測(cè)(Expert Evaluation)：至少兩名設(shè)計(jì)師或?qū)换ピO(shè)計(jì)比較了解的人通過(guò)反復(fù)測(cè)試原型。找到問(wèn)題后修改線框圖并更新原型。

八、用戶評(píng)測(cè)(User Evaluation)：讓用戶使用原型，可以給他們一些任務(wù)去完成。根據(jù)用戶在使用過(guò)程中的問(wèn)題和建議進(jìn)行進(jìn)一步修改。

四、UI 設(shè)計(jì)的整個(gè)工作流程是怎樣的？

一.UI設(shè)計(jì)參與完成的流程。

UI設(shè)計(jì)的工作流程會(huì)根據(jù)公司性質(zhì)、規(guī)模、項(xiàng)目性質(zhì)、項(xiàng)目規(guī)模、UI職能要求等的不同有所區(qū)別。

UI設(shè)計(jì)參與完成的流程大致為：

1. 參與需求評(píng)審，理解PRD

2. 用戶調(diào)研、情緒板梳理（主要針對(duì)一些對(duì)體驗(yàn)、視覺(jué)要求很高的產(chǎn)品，需要更加多關(guān)注人的設(shè)計(jì)，不是必要流程）

3. 交互設(shè)計(jì)

4. 視覺(jué)設(shè)計(jì)

5. 視覺(jué)評(píng)審（視覺(jué)稿確定過(guò)后）

6. UI走查、驗(yàn)收（開(kāi)發(fā)提測(cè)后，發(fā)布前）

在工作過(guò)程中，可能會(huì)組織團(tuán)隊(duì)成員對(duì)設(shè)計(jì)方案、項(xiàng)目進(jìn)行復(fù)盤，這樣細(xì)致的分工會(huì)把每個(gè)環(huán)節(jié)都打磨得非常到位。我們?cè)賮?lái)細(xì)分工作中的每一步，具體的工作內(nèi)容是什么？

1.參與需求評(píng)審，理解PRD

一個(gè)項(xiàng)目全員開(kāi)始動(dòng)工，應(yīng)該就是從需求評(píng)審開(kāi)始。在產(chǎn)品理清楚需求后，會(huì)輸出PRD或者原型草圖，依據(jù)PRD或者原型草圖來(lái)和項(xiàng)目組的全體成員澄清需求。在需求澄清會(huì)中，項(xiàng)目組成員會(huì)對(duì)需求、操作流程、業(yè)務(wù)邏輯等提出不同的問(wèn)題，產(chǎn)品完善問(wèn)題。需求澄清不會(huì)一次就讓項(xiàng)目組全體成員清晰的明確所有需求，產(chǎn)品會(huì)根據(jù)大家的疑惑去不斷完善需求內(nèi)容，在多次的需求澄清后，大家達(dá)成一致的共識(shí)，正式開(kāi)始動(dòng)工。

在這個(gè)過(guò)程中UI設(shè)計(jì)需要：

（1）反復(fù)和產(chǎn)品溝通，確認(rèn)，協(xié)助產(chǎn)品給出原型草圖。

（2）協(xié)助產(chǎn)品明確產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶群體、運(yùn)行方式等。

2. 用戶調(diào)研、情緒板梳理

產(chǎn)品、UI、UE等相關(guān)人員會(huì)依據(jù)產(chǎn)品的定位、競(jìng)品分析、目標(biāo)用戶的使用場(chǎng)景、需求、心理等提出用戶的研究報(bào)告。

在這個(gè)過(guò)程中UI設(shè)計(jì)需要：

（1）參與討論，輸出紙稿線框稿、用工具制作線框圖。

（2）協(xié)助產(chǎn)品初擬產(chǎn)品設(shè)計(jì)方向和思路，提出可用性設(shè)計(jì)建議。

3. 交互設(shè)計(jì)

交互設(shè)計(jì)階段一般由交互設(shè)計(jì)師（UE）和產(chǎn)品一起制定，根據(jù)可用性分析結(jié)果制定交互方式、操作流程、跳轉(zhuǎn)流程等。在線框圖階段去設(shè)計(jì)交互流程，可以減少由于交互流程改變而帶來(lái)的視覺(jué)設(shè)計(jì)的改變。這個(gè)階段會(huì)輸出原型圖，以支持后面做詳細(xì)的視覺(jué)設(shè)計(jì)。很多公司沒(méi)有專職的交互設(shè)計(jì)師，交互設(shè)計(jì)由產(chǎn)品或者UI完成。

在這個(gè)過(guò)程中UI設(shè)計(jì)需要：

（1）這個(gè)過(guò)程，UI可以依據(jù)上一個(gè)流程中的輸出，初步設(shè)計(jì)產(chǎn)品的風(fēng)格，然后和產(chǎn)品不斷推敲。

（2）原型設(shè)計(jì)的不斷完善，紙質(zhì)草圖-線框圖-低保真-高保真（高保真原型成本較高，很多小規(guī)模的公司都不做高保真原型設(shè)計(jì)）。

4.視覺(jué)設(shè)計(jì)

視覺(jué)設(shè)計(jì)階段，UI根據(jù)界面原型，對(duì)界面原型進(jìn)行視覺(jué)效果的處理。該項(xiàng)目組的UI在明確界面風(fēng)格、要求后，開(kāi)始制作所有界面的視覺(jué)設(shè)計(jì)

在這個(gè)過(guò)程中UI設(shè)計(jì)需要：

（1）確定整個(gè)界面的風(fēng)格、界面、窗口、圖標(biāo)、色調(diào)、按鈕的表現(xiàn)。

（2）完成所有界面的視覺(jué)設(shè)計(jì)，交出最終的視覺(jué)稿。

5. 視覺(jué)評(píng)審

在視覺(jué)稿確定之后，UI設(shè)計(jì)組針對(duì)界面做一致性測(cè)試、簡(jiǎn)潔性測(cè)試、美觀度測(cè)試、用戶體驗(yàn)測(cè)試、行業(yè)標(biāo)準(zhǔn)測(cè)試等。然后召集項(xiàng)目組所有人員召開(kāi)原型的可用性測(cè)試評(píng)審會(huì)，發(fā)現(xiàn)可用性問(wèn)題并提出修改意見(jiàn)。當(dāng)視覺(jué)評(píng)審過(guò)了之后，配合技術(shù)部門實(shí)現(xiàn)界面設(shè)計(jì)的實(shí)際效果。

在這個(gè)過(guò)程中UI設(shè)計(jì)需要：

（1）針對(duì)提出的問(wèn)題，對(duì)界面進(jìn)行不斷的完善。

（2）參與視覺(jué)評(píng)審全過(guò)程。

（3）配合技術(shù)部門實(shí)現(xiàn)界面設(shè)計(jì)的實(shí)際效果，給出最后的界面效果圖，標(biāo)注好距離、尺寸、顏色、文字大小等。

（4）輸出前端開(kāi)發(fā)工程師需要的切圖。

6. UI走查、驗(yàn)收

在發(fā)布前，測(cè)試會(huì)針對(duì)可用性、用戶體驗(yàn)、測(cè)試界面等對(duì)設(shè)計(jì)問(wèn)題進(jìn)行一下回饋，在依據(jù)這些問(wèn)題把設(shè)計(jì)工作進(jìn)行細(xì)節(jié)調(diào)整。再正式發(fā)布之后，收集市場(chǎng)上真實(shí)的用戶體驗(yàn)并記錄，為下個(gè)版本提供強(qiáng)有力的市場(chǎng)需求。

在這個(gè)過(guò)程中UI設(shè)計(jì)需要：

（1）不斷完善界面設(shè)計(jì)。

（2）UI人員把可行性建議進(jìn)行完善，不斷總結(jié)以備以后產(chǎn)品設(shè)計(jì)升級(jí)。

當(dāng)然，以上談到的UI設(shè)計(jì)工作只是一個(gè)大致的流程，一個(gè)項(xiàng)目UI參與的流程肯定是會(huì)依據(jù)公司性質(zhì)、規(guī)模、項(xiàng)目性質(zhì)、人員配比等不同，所做的工作有所縮減或精分。

以上就是關(guān)于交互設(shè)計(jì)的流程是什么相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。