[UX基石] Prototype與視覺設計，如何對產品產生重大影響?

這週的課程是由台科大的 Jones 老師、與 AJA 的 Alan ，分別針對 Prototype 測試、與視覺設計進行介紹。同時也帶我重新認識了，好的 Prototype 測試與視覺設計，可以對產品帶來多大的影響。

Prototype 的設計與製作

這邊我覺得最大的重點就是，Prototype 是拿來丟棄的，不要因為某個版本的 Prototype 做得很好，就捨不得丟棄它。

也因為 Prototype 是為了進行特定項目的測試，所以也會需要因為不同目的，而建造不同的 Prototype。例如用來驗證概念可行性的 Prototype，就不用做到很精美，也許藉由 Paper prototype 就可以達到測試目的；但如果是要測試某個流程是否順暢、以及使用者的反應等等，那可能就會需要比較高擬真度的 Prototype。

其中一位助教提到，Prototype 可以達成的各種功效，真可以說是好的 prototype 帶你上天堂。

使用 Prototype 進行測試

這堂課另外一個覺得很棒的地方是，老師也找了他的幾個已經在業界工作的學生，介紹了他們在實務上是如何透過 Prototype 來進行測試。這其實也是讓大家透過更多的實際案例，更完整了解這個環節是如何運作的。

包含像硬體產品的 Prototype 如何製作、如何評估測試的成果，以及後續如何進行產品的迭代；以及像叫車服務的 Prototype，除了需要同時考量乘客與司機這兩個不同角色之外，還需要考量司機開車時，如何通知才能兼顧到行車安全，以及車子在隧道中遇到網路訊號不好的狀況要如何處理等等。

越洋連線的助教進行分享

這部分我最後也有提問，要如何才能盡可能地找出要測試哪些環節，但看起來最好的方式就是實際走進使用者的場域去進行測試吧，也可能在測試過程中會慢慢挖出更多需要處理的議題。

畢竟這些問題如果越晚被發現出來，例如產品都上線之後，才要進行調整的話，成本其實是更高的。所以，如何及早發現所有可能的問題、及早治療，會是這個階段很重要的課題。

如何做出好的視覺設計

在視覺設計這個議題上，Alan 老師一開始就給我們看了幾張不同海報的對比圖，讓大家理解視覺設計要達到更高境界的話，需要與商業脈絡做結合。例如爵士樂活動的宣傳海報，如果融入相關的風格在視覺設計上面，會更能夠凸顯這張海報的特色。

所以 Alan 也認為，好的視覺設計，是需要同時考量到商業思維、品牌風格、以及需求分析三個面向的。

商業思維

以接案公司來說，在商業思維這邊最常會遇到的問題，包含了像是對方很多 Stakeholder 決策緩慢意見分歧、無法看到全貌等等。

我覺得這其實也是很容易遺漏、沒有去好好思考的環節，常常接到一個需求就直接開工，沒有真正去理解整個商業脈絡。

但這其實也不是那麼的容易，因為一直以來不管是學校或職場，其實會一直往自己的專業去鑽研，例如產品思維、設計思維等等，但其實商業思維可能是更加重要的一環。

品牌風格

品牌風格這部分則會影響整個畫面的設計風格與設計方向，同時也要能夠傳達品牌精神。其實也就是在功能以外，還要試著留下些獨特的東西在使用者心中。

這部分則可以用以下三個面向去思考：

• 關聯性，就是做什麼像什麼，例如銀行 app 看起來就要像個銀行 app。
• 一致性，則包含了視覺上、操作性、以及跨平台的一致性。
• 獨特性，像是要有個性化的記憶點、要獨特。

Alan 在這邊也舉了 Richart 與 Gogoro 這兩個很有品牌風格的案例，讓大家能理解什麼是有品牌風格的設計。

但其實很多公司在這個環節上，可能連要傳達什麼樣的意象給使用者都還不太清楚，這時候最好的做法，就是把所有相關的 Stakeholder 集合起來，辦一場工作坊凝聚大家的共識。

https://play.google.com/store/apps/details?id=com.gogoro.smartclient

需求分析

這邊相關的問題則像是頁面資訊過多如何簡化、不知道怎麼提煉最重要的功能等等，而 Alan 一樣也將這個環節再拆分成三個維度。

• 短——佈局：頁面資訊梳理，像是設定頁面目標與溝通重點。
• 中——功能：從真實情境找出機會點 (例如透過顧客旅程圖)。
• 長——定位：聚焦產品核心價值、找到產品定位。

Alan 在這邊也舉了一個實際案例，說明如何藉由不斷的 Iteration，來針對需求與產品目標進行收斂，最後交付出好的產品。

總結

從 Jones 與 Alan 的分享，我看到的是一個持續透過各種方法嘗試找出所有的未知、再轉化成已知的過程。畢竟當你盡可能地針對某個使用者面臨的問題——以及也許還有問題背後的問題——去進行了解後，才有可能提出最適合的解決方案。

正如同愛因斯坦的名言，「如果我有 1 小時可以拯救地球，那我會先花 55 分鐘定義問題，再用 5 分鐘找出解決方案」。很多時候我們都忽略了問題這個層次，而直接跳進去思考解決方案，這其實是很危險的；如果要解決的問題並不如你所預期，那解決方案是會完全不同的。

當然，如何衡量問題解決的程度，其實也很重要，畢竟這也會是後續產品進行迭代與改進的依據。這個議題我也有在 Q&A 詢問，Alan 則是回答說，的確他們會針對這個產品的一些關鍵指標，例如導購率、淨推薦值 (NPS) 等等，來設定檢核點。

延伸閱讀：關於 Richart 與 Gogoro 的更詳細介紹

AJA 大予創意 - UX 與 UI 設計的專家

Gogoro X 設計大舌頭 - 看 app 如何改善機車的使用經驗

以及更多的 UX基石 2020

• 第 1 堂：體驗能不能被設計? 什麼是有價值的設計?
• 第 2 堂：質性研究有哪些方法? 訪談要怎麼訪?
• 第 3 堂：教你如何整理訪談資料，第一次淘金就上手
• 第 4 堂：透過 Persona 與 Customer Journey Map 建立團隊共識
• 第 5 堂：如何從零開始建立 UX 團隊
• 第 6 堂：如何當個意義設計師，建立好的資訊架構
• 第 7 堂：Prototype與視覺設計，如何對產品產生重大影響? (本篇)
• 第 8 堂：如何了解使用者與系統的互動方式

謝謝您看到最後！
若您喜歡我的文章，歡迎留下一些留言、按下「拍手」給我支持、或是「Follow」我，讓我提供更多文章給您。