大咖說 | 交互設計必知的4個階段核心（下）

上一期大咖說介紹了交互設計4階段核心理論中的前兩個階段：Discover和Define。

下面我們為大家繼續介紹後兩個階段：Design和Deliver。

上一期課程筆記請戳：

大咖說 | 交互設計必知的4個階段核心（上）

第三階段Design

方法一：Low-fidelity / High-fidelity原型

Low-fidelity原型

上面兩張圖片就是從Define進入到Design的階段里了。

Design的階段里我們是從低保真的原型到高保真的原型，不斷的進行試驗、測試、迭代。這裡面可以給大家介紹幾個還不錯的軟體：

Low-fidelity：POP，是Prototyping On Paper的簡寫。可以在Apple store里搜索到。這個軟體很方便我們用紙模的時候進行最後的測試。

High-fidelity：針對高保真原型的測試的平台，實現原型的工具比較多。像MARVEL、FLINTO，FLINTO現在就做的比較好。

方法二：Story boarding

上圖介紹的是Story boarding，Design的階段很重要的一點就是Story boarding的建立。因為交互設計、服務設計它的整體的體驗流程都不是靜態的、它是線性的、多觸點、多頻道、多Channel的體驗。

Touch Point觸點不僅包括我們移動設備、人機的交互，其實也包括我們線下參加活動。參加Work Shop或者是有時候我們打電話所接觸到的客服電話，其實都是一種基於不同觸點交互的行為。Story board故事板這樣的方式就會比較好的幫我們呈現出用戶體驗的流程是什麼樣的。

第四階段

最後一個階段是Deliver。Deliver是最後呈現整體結果的階段，在這個階段里需要呈現出我的設計結果存在於什麼樣的用戶情境裡面。它的用戶情境和用戶所進行的操作之間的關係在哪裡。其實用戶情境的觀念也是貫穿於整個項目始終的，因為你只有分析好用戶情境，你才會知道我設計的結果到底會發生在一個什麼樣的基礎之上。

方法一：Customer Journey

Customer Journey它翻譯過來應該就是用戶體驗地圖。這個是我們做用戶體驗和服務設計時一個非常常用的概念。其實任何體驗都可以分為服務前、服務中、服務後。

服務前用戶通過什麼樣的觸點可以進入到我們的服務體系裡面，在核心的體驗過程中了解它的使用和發展，從Use到Develop的過程是如何為用戶產生價值的。服務後Post-service，用戶已經離開了我們最核心的體驗流程，我們可以通過什麼樣的Touch Point使用戶在離開我們的服務體系之後可以重新回到我們的產品中間。這些其實都是我們需要在Customer Journey Mark裡面需要體現出來的。

方法二：Stakeholders and Ecology

上面這個是Stakeholders and Ecology，我們的體驗一定是以用戶為中心的，所有的交互設計、服務設計、用戶體驗，最核心的概念就是以用戶為中心，整體的流程中一定會涉及到很多的相關利益者Stakeholder，這個Stakeholders可能會包括一些相關的組織、相關的機構，我們可以呈現出Stakeholder之間的關係，以及整體的設計生態。

我們可以看到這個圖片，它表現每一個Stakeholder其實用了一個蜂巢的形狀，它的每一個邊其實都和另外一個蜂巢的形狀有鏈接，所以這個方式和我們在表現不同的設計生態它的陳述方式是完全不同的，這樣的圖形，這樣的形態可以幫助我們直觀的表達最核心的Stakeholder。

上面兩張圖是Blueprint服務設計藍圖，它是一個描述整個服務設計、交互的整體的過程的一個工具。它很直觀的展示了我們用戶體驗過程中可見的前台，可見的後台，包括不同階段的Touch Point，以及不同的action，它都是一個比較完整的，比較系統的表達。

第一行淺灰色的這個是Physical Evidence。

第二行紅色和淺紅色方塊組成的這個是叫Patient Actions。

紫色的部分有被分為兩個模塊，上面有一個白色背景的，下面這一部分我們會發現是灰色背景的，中間有一條線，這條線就是Line of Visibility。

通過這樣的表格和方式，我們會知道進行一個產品，前端需要呈現什麼；後端需要呈現什麼；以及需要什麼樣的Support去支持我所有的這些前端和後端，以達到用戶最友好的體驗。

最後發的這個叫PROJECT CHARTER，大家如果感興趣可以去Google一本書，整個這本書其實都在描述這樣一個項目呈現的方式。

從左到右有分幾個模塊：

1.Current Situation

位於最左面，它其實是用來陳述我現在整體項目或者是整體這個領域它的領域現狀是什麼樣的，以及下面Why我為什麼會需要去呈現、去分析、去探索這樣的一個領域。

2.Success Criteria

位於中間，我呈現我這個項目它成功的標準到底是什麼。

3.Stakeholder

我們前面也已經做過一定的分析。

4.Risks

我去做這個項目，有哪一些因素是我沒有辦法去控制的，我項目存在的危險性它到底在哪裡。

5.Constraints

就是我在做這個項目的時候可能有一些局限性的因素，可能是時間上的問題，可能是資源上的問題，也可能是預算的問題，我們都需要在這樣的一個PROJECT CHARTER裡面去分析出來。

至此，交互設計的四個核心理論及其所用到的所有方法已經為大家呈現出來。

Q&A問答區

1.有沒有什麼網站可以參考這種作品集嗎？

答：Slide Share，相當於分享PPT這樣的一個網站，上面會有一些比較詳細的案例。

參考作品集這樣具體的呈現作品集的沒有很多，但是像Behance、Dribbble上面會有一些service design、interrupted design的項目，大家可以參考。

Service Design tools裡面就會包含一些方法和案例。鼓勵大家多Google，現在網路上這種還是挺多的。

2.請問國內和國外交互設計的主要區別或有什麼不同的地方？對這個您怎麼理解？

答：主要的區別就是交互設計在國內被定義為一種人機交互，即用戶與屏幕上的信息，像我們的手機終端、PC，像這樣的平台進行交互。但是國外有針對交互設計做更加詳細的分類。

美國有一個很好的專業HCI，它就簡單的界定人機交互，但是它會需要你有一個扣定基礎，但是如果其他的交互設計它所針對的不僅僅是屏幕上的交互的信息，你需要去研究不同的可交互的媒介，然後在這個可交互的媒介的基礎上去做建設去做。

所以國外的交互會比較有一個廣泛的範疇，首先你要去定義一個這樣的媒介，在這個媒介的基礎上做核心交互的工作和行為。

3.設計既然和交互有交叉，那服務設計主打或者說針對的任務是不是更偏UX？也就是用戶體驗？還是說也要和交互一樣做到界面設計那一步？

答：其實也不能完全這麼說，因為服務設計它其實是提供了一個比較更新興的服務方式，我們現在看到國內有很多文章會說服務設計是交互設計的未來，其實我覺得沒有辦法去完全的這麼定義。

因為交互設計在國內來說是針對人機之間的交互，服務設計它主要是針對不同的觸點，找到那個核心的Pain Point進行分析。分析的結果可能會和交互的整體方法有一些共通性，所以說用戶體驗和服務設計之間的方法比較類似，但是技術層面和交互又不盡相同，所以這幾個概念很難把它很直接的定義出來。

我建議大家選專業的時候，具體的看每個學校對每個專業不同的定義，你會發現儘管是一個國家，一個專業，或是在不同學校的同一個專業，它的指向性都會有所不同。

4.請問學姐能介紹幾個在服務設計這塊比較經典或成功的著名案例嗎？想看看最後的呈現是什麼樣子的?謝謝

答：現在服務設計大家在做項目的時候會有許多針對於就診流程的設計，還有一些可能針對於銀行、銀行內部的服務設計的項目。

其實，我們說每一個項目它都包含一個服務設計的體系，最後它具體實現呈現出來的方式是一個不斷通過不同的方式調研到分析得到設計結果，最後它得到的設計結果就是它的過程。

服務設計說起來有些晦澀，因為它的過程就是它最終的設計結果，我們需要不斷的了解用戶在整體的設計流程中的體驗，用戶所接觸的觸點和他所做的行為，我們如何在他的行為中找到那個痛點，然後再解決這個痛點。所以你最後得到的結果其實就是一系列的行為和體驗。所以我們在作品集當中去呈現這樣一系列的體驗和行為，其實就是去呈現過程。

交互設計往期文章：

1. 交互設計 | 必知的4個階段核心（上）

2. 交互設計為什麼這麼吸金？

3. 最前沿的交互設計解讀Ⅰ

4. 最前沿的交互設計解讀Ⅱ

5. 交互設計師必備的作品集靈感庫

6. 設計類專業可以轉交互設計嗎？

————————————————————————————————————————

歡迎關注我的專欄：作品集分享portfolio

推薦閱讀：