- 相關(guān)推薦
關(guān)于交互設(shè)計(jì)流程淺析
交互設(shè)計(jì)是產(chǎn)品設(shè)計(jì)過程中比較重要的一個(gè)步驟，產(chǎn)品的功能有多大程度上被用戶所接受，很大程度上取決于交互設(shè)計(jì)的成敗。本文為大家交互設(shè)計(jì)流程淺析有關(guān)某某的相關(guān)內(nèi)容。
此交互設(shè)計(jì)也就成為產(chǎn)品設(shè)計(jì)者面臨的幾個(gè)最重要工作中的一個(gè)，可以說，其重要性甚至不亞于需求分析與產(chǎn)品功能設(shè)計(jì)。交互設(shè)計(jì)工作應(yīng)該開始于產(chǎn)品功能需求的確定。在這個(gè)時(shí)候，我們需要開始對(duì)產(chǎn)品如何將自身的功能呈現(xiàn)給用戶進(jìn)行分析。假如這個(gè)時(shí)候我們開發(fā)的是一款模仿性質(zhì)的產(chǎn)品，這個(gè)過程就很簡單了，競品的界面都擺在那里，先抄一份，再根據(jù)需要對(duì)界面做一下優(yōu)化調(diào)整，問題就解決了。但是，假如這個(gè)產(chǎn)品沒有可以模仿的對(duì)象，或者具有某些特殊的產(chǎn)品特性，以至于類似的產(chǎn)品并沒有在交互方面的成功者，那我們將如何入手呢?我將一個(gè)產(chǎn)品的完整交互設(shè)計(jì)的過程用如下的流程來說明。
首先，是業(yè)務(wù)流程的梳理 這個(gè)工作是從整理功能的業(yè)務(wù)流程開始的。即從用戶的視角，遍歷產(chǎn)品功能的各個(gè)流程，整理出在用戶使用的不同階段中，用戶將如何使用產(chǎn)品，他在不同場景下，會(huì)先做什么，后做什么。在這個(gè)階段，我們需要完成的核心工作是從產(chǎn)品功能特性為中心的視角，切換到以用戶為中心的視角，切實(shí)分析用戶在使用產(chǎn)品的過程當(dāng)中的所作所為。我把這個(gè)階段的工作用下面的示意圖進(jìn)行表述：
一般而言，這個(gè)階段的產(chǎn)出是產(chǎn)品的交互流程圖，它重點(diǎn)說明了用戶先做什么，后做什么。
其次，是整理各個(gè)步驟用戶信息的輸入輸出 整理完成用戶眼中的業(yè)務(wù)流程之后，我們開始對(duì)用戶在產(chǎn)品使用中的所見所聞?dòng)辛艘粋�(gè)概要性的認(rèn)識(shí)。接下來，讓我們自頂向下，對(duì)我們的分析進(jìn)行進(jìn)一步的細(xì)化。這一次，我們沿著流程，分析流程中的每一個(gè)步驟，看看走到這里的時(shí)候，用戶信息的輸入輸出情況。我們這里說的用戶信息的輸入輸出，主要討論的是用 戶與軟件產(chǎn)品的交互關(guān)系，包括：
(1)用戶信息的輸入：用戶在這一步驟中，需要從產(chǎn)品那里了解哪些信息才可以有效的繼續(xù)接下來的操作，比如在使用單反相機(jī)拍攝時(shí)，相機(jī)必須告知用戶何時(shí)對(duì)焦完成，可以按下快門;
(2)用戶信息的輸出：產(chǎn)品在這一步驟中，產(chǎn)品需要等待用戶的哪些操作，才可以進(jìn)入下面的步驟。繼續(xù)用上面的例子，單反相機(jī)拍攝時(shí)，自動(dòng)對(duì)焦完成以后，產(chǎn)品需要等待用戶按下快門的操作，才能進(jìn)入下一步;
用地鐵來舉個(gè)例子。在從地鐵的A號(hào)線路換乘到地鐵的B號(hào)線路時(shí)，已經(jīng)走到了B號(hào)線的站臺(tái)上的用戶，需要了解什么信息?
1、我現(xiàn)在在哪兒?
2、這一路地鐵通向哪里?途徑哪些地點(diǎn)?
3、我要去的方向是要等左邊的車還是右邊的車?
4、假如我要換乘的話，我接下來要坐多少站?在那一站換乘?
5、最好告訴我大概需要多久才能到我要去的站?當(dāng)然，假如不知道問題也不大
這一步驟完成以后，我們可以大體上了解，用戶在各個(gè)步驟中與產(chǎn)品有哪些信息交換。我們已經(jīng)開始比較清晰的勾畫出用戶的交互流程了，加油!
接下來，分析各個(gè)步驟中信息溝通的主次、關(guān)系 這個(gè)步驟是一個(gè)細(xì)化和優(yōu)化的步驟，它需要解決的問題是是使得各個(gè)步驟中與用戶的信息交流更加有條理有主次，避免用戶對(duì)于與產(chǎn)品的交互感到無所適從。
首先，我們需要識(shí)別出信息交互中的關(guān)鍵信息。關(guān)鍵信息就是對(duì)于產(chǎn)品的功能使用至關(guān)重要的信息。這些信息之所以需要專門識(shí)別出來，是因?yàn)槲覀冃枰_保這些信息得到強(qiáng)化顯示，確保用戶注意到這些信息，這些重要的信息在后續(xù)的交互設(shè)計(jì)與視覺設(shè)計(jì)的過程中，必須始終受到關(guān)注。而其他的次要信息，則可以在未來的界面中，占據(jù)比較次要的位置，也許不需要進(jìn)行視覺上的強(qiáng)化。
其次，我們注意到用戶與產(chǎn)品的信息傳遞中，一些信息是有相互依賴關(guān)系的。就是說，某些信息的獲得或者顯示，依賴于前面對(duì)用戶展示的另外一些信息。比如在前面地鐵的例子中，假如用戶不知道這一路地鐵可以到達(dá)哪些站，只告訴他到下一站大概需要多少時(shí)間，那么這個(gè)信息是沒有任何意義的(對(duì)于地鐵的目標(biāo)用戶而言)。這些依賴關(guān)系的識(shí)別，將有助于我們更好的確認(rèn)交互過程中的關(guān)鍵信息，因?yàn)殛P(guān)鍵信息所依賴的信息必須得到關(guān)鍵信息的待遇。同時(shí)，某些信息之間具有邏輯上的相關(guān)性，這些信息往往在展示上需要放在一起，否則后續(xù)的界面邏輯會(huì)顯得非常凌亂。
最后，開始設(shè)計(jì)界面交互圖
接下來的工作就沒有太多可以說的東西了，應(yīng)該是現(xiàn)有的交互設(shè)計(jì)理論與實(shí)踐中討論得比較多的內(nèi)容了。這里要考慮的是界面如何布局，界面元素采用何種方式進(jìn)行展示等等。由于這些工作實(shí)在是珠玉在前，我就不展開說明了。一般而言，這個(gè)階段的產(chǎn)出被稱為線框圖。它不涉及界面元素的視覺效果，主要展示界面元素及其相互關(guān)系。
交互線框圖完成之后，交互設(shè)計(jì)的工作就告一段落了。接下來的工作轉(zhuǎn)到了視覺設(shè)計(jì)師手里，各種絢麗的效果將在這階段逐漸被設(shè)計(jì)出來。當(dāng)然，交互設(shè)計(jì)師并不是就這么完成了的。他要在視覺設(shè)計(jì)階段持續(xù)的配合視覺設(shè)計(jì)師的工作，確保各個(gè)界面最終效果圖中信息的主次與關(guān)系不會(huì)出現(xiàn)偏差。并在后續(xù)的產(chǎn)品開發(fā)過程中，對(duì)這一問題進(jìn)行持續(xù)跟進(jìn)。
【交互設(shè)計(jì)流程淺析】相關(guān)文章：
交互設(shè)計(jì)流程的介紹10-22
產(chǎn)品研發(fā)流程與合作之交互設(shè)計(jì)10-26
如何畫交互設(shè)計(jì)流程圖09-15
交互設(shè)計(jì)師的工作流程及不同階段的職責(zé)08-24
交互設(shè)計(jì)流程圖應(yīng)該注意什么的闡述10-26
一個(gè)完整的交互設(shè)計(jì)流程是怎么樣07-15
解讀交互設(shè)計(jì)-Axure原型交互輸出11-12
交互設(shè)計(jì)總結(jié)09-30