使用Prott促進與客戶與工程師溝通，提升體驗擬真度 - 深擊設計

深擊設計有限公司
設計總監　　 卓致遠
資深設計師　 Naomi
UX設計師　　Han 

深擊設計管理協助許多企業改善顧客體驗、打造創新服務，向來以設計結合管理著稱。在這次接手金融相關軟體的設計案當中，為了加強跟客戶的溝通，深擊導入了Prott來強化團隊間的想法及概念傳達，減少過往溝通不良的情形，讓我們一起來看看他們是如何運用Prott來改善與外部團隊間的溝通。

讓設計師說的話更有力道，提升客戶對使用者體驗的認知

——首先請問各位是在什麼狀況下認識Prott的呢？

Naomi 最初是透過致遠介紹認識的，而剛好這次要經手的案子較龐大，參與的人數也較多，所以我們決定使用有團隊協作功能的Prototyping工具。另外還有一個主要原因就是希望能讓客戶實際體驗，儘管我們之前有做架構上的確認，也有畫Wireframe給他們，但客戶還是比較難想像出專案完成後畫面，我們期待可以透過製作Prototype讓他們可以實際操作，感受我們製作的成品。

Han 因為我們的客戶是一間大公司，內部可能有好幾個部份與層級，在只有靜態圖片，沒有Prototype工具的狀況下是很難讓他們真正能體會我們所描述的內容，大家都在看簡報其實很難進入狀況。

致遠 我們公司的服務範圍很廣泛，這次接到這個比較大的案子，我們希望可以正式的導入製作Prototype的新流程，透過用好的工具，我期待也能提昇我們公司整體的流程效率。
而在第一次使用Prott跟客戶測試時，我們就得到了很好的回饋，除了提升了與客戶之間的信任感，他們後來也直接帶著我們製作的Prototype去給上司做測試確認，甚至我們還能做幾個不同的版本，讓客戶自行驗證。
透過讓客戶自行操作Prototype內部驗證，他們自主蒐集得到的Feedback比起我們口說還來得更有力，Prott間接地讓設計師說的話更有力道，讓客戶有探索的空間，把探索能力變得簡單。

——在正式導入之前你們對Prott有什麼印象呢？

Naomi 印象中當時覺得功能多、畫面簡潔，致遠跟我們介紹時也有說到Goodpatch是一間設計接案公司，而且Prott是由設計師自己開發出來的產品，覺得應該會蠻實用的，再加上日本的軟體比較少見，覺得很特別。

——現在正在用Prott製作什麼樣的專案呢?

Naomi 目前在做的是一個銀行的App，因為包含了像是理財、 貸款、 信用卡繳費及支付等功能，專案相當地龐大。這個案子在進入畫wireframe階段前，我們跟客戶做了蠻多次資訊架構的確認，當時是用Sketch畫的圖加上簡報做文字解說。到專案中期才開始導入Prott，把用Sketch製作的畫面透過插件上傳，做串接及連結設定。以其中的支付功能為例，完成Prott的專案後，我們會將連結分享給客戶，讓他們去體驗實際操作的感覺。

Han 我們是由三個設計師去分工製作這個專案，因此Prott當中可以將一個專案內，按照功能分成不同組別的功能對我們幫助非常大，分工和彼此負責範圍可以很清楚。

Naomi 因為我們專案的頁面很多，對我們來說群組的功能真的蠻好用的。如果一次將所有頁面丟上去，往往很難找到某一個功能的頁面。而且透過功能分組也有助於我們了解某個功能的製作進度。

——你們如何讓客戶參與專案呢?

Naomi 一開始是給客戶URL讓他們看簡報模式，後來有幫他們註冊帳號並加入專案。

Han 透過把客戶加入專案，我們期待可以提升他們對專案的參與度，當參與度提高時相對客戶在後期確認要求修改的部分也可以早期發現，這對提升專案速度也有幫助。

透過Prototype提早和工程端溝通互動介面細節，討論更具體

——在導入Prott之前，你們是怎麼與工程師進行畫面動態效果的確認呢？

Naomi 我們會做靜態畫面搭配文字解說，也會拿類似效果的截圖或影片當作範本，去解釋我們想要製作出的效果。

Han 我們基本上只會跟工程師特別交代比較重要的功能或體驗，設計圖離開我們之後其實細節都交由工程師去發揮做成最終產品，而當然這樣做出來的成品可能會和我們思考的效果有落差，但這部分我們通常也無從改變。

——看來這段溝通是蠻困擾的，感覺產品脫離設計端之後就很難控制品質了，這是你們的設計在和PM或工程師溝通的過程中遇到最大的問題嗎？

Naomi 從過去製作網頁的經驗來看，設計圖跟實際工程師做出來的效果往往不盡相同，工程師比較重視的通常是先把功能完成，但是在互動介面上卻很難做細節的確認，所以在看了成品後我們常常還得再跟他們溝通、修改。

Han 小至尺寸、大至互動體驗都常常需要一再跟工程師溝通。

致遠 我們曾經接過一個居家安全的案子，是由A機構負責擔任PM、我們負責設計、B機構負責工程，三方合作共同完成的。當初跟A機構以及B機構Demo時，他們都對設計很滿意，然而最後成品完成後卻是天差地遠，原因在於使用簡報與紙本來溝通其實大家並沒有取得共識，導致後來一份簡報兩個單位各自解讀而產生誤會。

——客戶對於從URL檢視Prototype的背景反應如何呢?

Naomi 我們在會議的時候有用簡報模式Demo過，除了Prototype本身還有搭配後面的使用情境，客戶也覺得這樣的背景效果還不錯，跟過往的Demo方式比起來擬真度比較高。

Han 我這邊的客戶習慣都直接用手機看、 直接操作，而且他們還曾經直接拿手機給使用者實際測試，看看使用者的反應如何，結果使用者的反應都不錯。

Prott團隊落腳台灣，提供安心方便的支援

——你們這次決定使用Prott最主要的原因是什麼呢？

Naomi 會決定使用Prott主要還是跟客戶Demo用的，希望客戶能直接去使用看看，並且給我們feedback。此外，跟其他工具比較起來Prott相對順暢。

Han Prott可以一次開啟很多畫面，在拉線時可以很快地完成，比起我們用過的其他工具更為快速，在設定連結上也方便很多。

致遠 我們接下這個案子時，因為需要大量的Prototype，當下因為知道Prott在台灣有團隊，需要援助時很容易就能找到人，所以很快就下決定了。

Naomi 其實找得到人這點確實是蠻重要的，不管是哪間公司的產品，既然是付費軟體，如果能找到客服或窗口能夠反映問題，相較之下我會覺得比較有保障。

致遠 而且現在能用中文回饋的公司沒有幾家，有時候如果碰到問題需要解釋，還必須翻成英文是件很麻煩的事。

（↑Prott的實際使用畫面）

——導入Prott之後與客戶的溝通流程上有什麼變化呢?

Han 客戶在看UI Flow的時候其實對實際產品的印象並不清楚，但是有Prott的話客戶會比較有想像力，更能理解我們想傳達的概念和感覺，而且在實際操作App過後，他們也比較能聚焦在設計以及體驗上。

致遠 我們專案的第一個版本上線後有將近一百多頁，如果要一頁一頁去整理會很複雜，但在Prott上我們可以將所有畫面彙整到一個位置攤出來看，設計師會比較容易去思考更簡潔的流程。曾經還有客戶驗收時除了每頁的說明之外，還希望能提供Prott給他們操作，他們比較不會搞錯。

持續進化開發新功能，不只為使用者也為Goodpatch自己

——你們過去是怎麼描繪「畫面流程圖」（UI Flow）的？

致遠 以前是用Photoshop畫介面，再放到Illustrator去做排版以及畫線稿。

Naomi 以前從畫線稿、繪製畫面到介面輸出以及流程都是我們自己畫、自己排版的，過去沒有會自動幫我們畫好流程圖的工具，因此Prott能夠自動幫我們輸出流程這點相當有幫助。

Han 而且畫面流程圖也可以依照群組來輸出，更可以清楚地看出每個流程。

致遠 開始試用後，對於Prott更新的細節特別有感，持續有在更新這點讓我們很安心，而且像是自動輸出畫面流程圖這樣的功能也有持續在更新進化，讓我們覺得很貼心。

（↑Prott的畫面流程圖功能）

——你們最常用到Prott的什麼功能呢？

致遠 最常用到的是簡報模式以及分享URL。相較於其他工具，Prott不用在每次分享出去前都要重新產生URL這點方便很多，我們修改好客戶馬上就看得到。

——最後請給Prott團隊一些訊息

Han 對於已經習慣用Prott來做確認的人來說，它是一個會讓溝通的窗口產生依賴的工具，拿蓋房子來當例子，就像是看到建築的模型跟設計圖，給人的感受就是不一樣。

致遠 能夠解決自己的問題，並把它變成一個產品，我覺得是一種思維上的進步，對我們也算是一種心靈上的啟發，不但解決了別人的問題還解決了自己的問題，反觀大部份的公司會幫客戶解決問題，但是自己遇到的問題卻不會解決。另外還有拉線的功能也很好用，幫我們解決了以前困擾的點，現在設連結變得快又直覺。