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