交互設計流程淺析

關于交互設計流程淺析

　　交互設計是產品設計過程中比較重要的一個步驟，產品的功能有多大程度上被用戶所接受，很大程度上取決于交互設計的成敗。本文為大家交互設計流程淺析有關某某的相關內容。

　　此交互設計也就成為產品設計者面臨的幾個最重要工作中的一個，可以說，其重要性甚至不亞于需求分析與產品功能設計。交互設計工作應該開始于產品功能需求的確定。在這個時候，我們需要開始對產品如何將自身的功能呈現給用戶進行分析。假如這個時候我們開發的是一款模仿性質的產品，這個過程就很簡單了，競品的界面都擺在那里，先抄一份，再根據需要對界面做一下優化調整，問題就解決了。但是，假如這個產品沒有可以模仿的對象，或者具有某些特殊的產品特性，以至于類似的產品并沒有在交互方面的成功者，那我們將如何入手呢?我將一個產品的完整交互設計的過程用如下的流程來說明。

　　首先，是業務流程的梳理　　這個工作是從整理功能的業務流程開始的。即從用戶的視角，遍歷產品功能的各個流程，整理出在用戶使用的不同階段中，用戶將如何使用產品，他在不同場景下，會先做什么，后做什么。在這個階段，我們需要完成的核心工作是從產品功能特性為中心的視角，切換到以用戶為中心的視角，切實分析用戶在使用產品的過程當中的所作所為。我把這個階段的工作用下面的示意圖進行表述：

　　一般而言，這個階段的產出是產品的交互流程圖，它重點說明了用戶先做什么，后做什么。

　　其次，是整理各個步驟用戶信息的輸入輸出　　整理完成用戶眼中的業務流程之后，我們開始對用戶在產品使用中的所見所聞有了一個概要性的認識。接下來，讓我們自頂向下，對我們的分析進行進一步的細化。這一次，我們沿著流程，分析流程中的每一個步驟，看看走到這里的時候，用戶信息的輸入輸出情況。我們這里說的用戶信息的輸入輸出，主要討論的是用　　戶與軟件產品的交互關系，包括：

　　(1)用戶信息的輸入：用戶在這一步驟中，需要從產品那里了解哪些信息才可以有效的繼續接下來的操作，比如在使用單反相機拍攝時，相機必須告知用戶何時對焦完成，可以按下快門;

　　(2)用戶信息的輸出：產品在這一步驟中，產品需要等待用戶的哪些操作，才可以進入下面的步驟。繼續用上面的例子，單反相機拍攝時，自動對焦完成以后，產品需要等待用戶按下快門的操作，才能進入下一步;

　　用地鐵來舉個例子。在從地鐵的A號線路換乘到地鐵的B號線路時，已經走到了B號線的站臺上的用戶，需要了解什么信息?

　　1、我現在在哪兒?

　　2、這一路地鐵通向哪里?途徑哪些地點?

　　3、我要去的方向是要等左邊的車還是右邊的車?

　　4、假如我要換乘的話，我接下來要坐多少站?在那一站換乘?

　　5、最好告訴我大概需要多久才能到我要去的站?當然，假如不知道問題也不大

　　這一步驟完成以后，我們可以大體上了解，用戶在各個步驟中與產品有哪些信息交換。我們已經開始比較清晰的勾畫出用戶的交互流程了，加油!

　　接下來，分析各個步驟中信息溝通的主次、關系　　這個步驟是一個細化和優化的步驟，它需要解決的問題是是使得各個步驟中與用戶的信息交流更加有條理有主次，避免用戶對于與產品的交互感到無所適從。

　　首先，我們需要識別出信息交互中的關鍵信息。關鍵信息就是對于產品的功能使用至關重要的信息。這些信息之所以需要專門識別出來，是因為我們需要確保這些信息得到強化顯示，確保用戶注意到這些信息，這些重要的信息在后續的交互設計與視覺設計的過程中，必須始終受到關注。而其他的次要信息，則可以在未來的界面中，占據比較次要的位置，也許不需要進行視覺上的強化。

　　其次，我們注意到用戶與產品的信息傳遞中，一些信息是有相互依賴關系的。就是說，某些信息的獲得或者顯示，依賴于前面對用戶展示的另外一些信息。比如在前面地鐵的例子中，假如用戶不知道這一路地鐵可以到達哪些站，只告訴他到下一站大概需要多少時間，那么這個信息是沒有任何意義的(對于地鐵的目標用戶而言)。這些依賴關系的識別，將有助于我們更好的確認交互過程中的關鍵信息，因為關鍵信息所依賴的信息必須得到關鍵信息的待遇。同時，某些信息之間具有邏輯上的相關性，這些信息往往在展示上需要放在一起，否則后續的界面邏輯會顯得非常凌亂。

　　最后，開始設計界面交互圖

　　接下來的工作就沒有太多可以說的東西了，應該是現有的交互設計理論與實踐中討論得比較多的內容了。這里要考慮的是界面如何布局，界面元素采用何種方式進行展示等等。由于這些工作實在是珠玉在前，我就不展開說明了。一般而言，這個階段的產出被稱為線框圖。它不涉及界面元素的視覺效果，主要展示界面元素及其相互關系。

　　交互線框圖完成之后，交互設計的工作就告一段落了。接下來的工作轉到了視覺設計師手里，各種絢麗的效果將在這階段逐漸被設計出來。當然，交互設計師并不是就這么完成了的。他要在視覺設計階段持續的配合視覺設計師的工作，確保各個界面最終效果圖中信息的主次與關系不會出現偏差。并在后續的產品開發過程中，對這一問題進行持續跟進。

【交互設計流程淺析】相關文章：

交互設計流程的介紹10-22

產品研發流程與合作之交互設計10-26

如何畫交互設計流程圖09-15

交互設計師的工作流程及不同階段的職責08-24

交互設計流程圖應該注意什么的闡述10-26

一個完整的交互設計流程是怎么樣07-15

解讀交互設計-Axure原型交互輸出11-12

交互設計總結09-30

交互頁面網頁設計07-19