當前位置:才華齋>設計>網頁設計>

關於互動設計流程淺析

網頁設計 閱讀(1.69W)

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

關於互動設計流程淺析

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

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

一般而言,這個階段的產出是產品的互動流程圖,它重點說明了使用者先做什麼,後做什麼。

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

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

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

用地鐵來舉個例子。在從地鐵的A號線路換乘到地鐵的B號線路時,已經走到了B號線的.站臺上的使用者,需要了解什麼資訊?

1、我現在在哪兒?

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

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

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

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

這一步驟完成以後,我們可以大體上了解,使用者在各個步驟中與產品有哪些資訊交換。我們已經開始比較清晰的勾畫出使用者的互動流程了,加油!

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

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

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

最後,開始設計介面互動圖

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

互動線框圖完成之後,互動設計的工作就告一段落了。接下來的工作轉到了視覺設計師手裡,各種絢麗的效果將在這階段逐漸被設計出來。當然,互動設計師並不是就這麼完成了的。他要在視覺設計階段持續的配合視覺設計師的工作,確保各個介面最終效果圖中資訊的主次與關係不會出現偏差。並在後續的產品開發過程中,對這一問題進行持續跟進。