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