前言
這是UX學習系列的第五篇文章，在前一篇文章中，我們學習了有關於「原型設計」的知識，包含了以下的內容：
- 原型設計常聽到的三個名詞：Wireframe(線框圖)、Mockup(視覺稿)、Prototype(原型)
- 為什麼要使用「原型設計」？
- 如何使用「Wireframe(線框圖)」進行「易用性評估」，以及要注意的事項是什麼？
這個章節要分享的「結構化腳本」，其實是連結以下內容的重要橋樑：
- 前面文章提及的「畫面」相關內容，包含易用性評估、原型等
- 後面文章要說的「使用者」相關內容，包含使用者訪談、顧客旅程地圖、人物誌等
關於「畫面」的文章內容可以參考UX學習系列的(二)~(四) ; 關於「使用者」的文章內容將在後續幾篇文章詳細說明。首先，先讓我們來看看「結構化腳本」是什麼…
📚 博客來購書連結：WEB 設計職人必修：UX Design 初學者學習手冊
如果你覺得此篇文章有幫助到你，歡迎透過上方連結購書，我會獲得來自於博客來的回饋金，當作是你對我的肯定!一、 「結構化腳本」到底是？
「結構化腳本」是 日本人因工程學會(Japan Ergonomics Society) 的Ergo Design部提出的開發方法，又稱為「願景提案型設計」方法。這種方法不單純描述服務、產品的「使用現狀」，而是為了描述網站理想的「應有狀態」，而提出網站、產品的企劃提案。
Tips：為什麼要使用「結構化腳本」？因為它是用來描述「網站理想的應有狀態」。
也就是有了使用者相關資料(使用者訪談、建立人物誌、顧客旅程地圖)、也有了UI設計(原型設計圖)後，用來檢視對該人物而言，公司網站/App應該有的操作流程是什麼樣子。
台灣人因工程學會網站可參考這裡👉：http://www.est.org.tw/如果要練習使用「腳本」的方法來思考，流程如下：
1.利用使用者訪談收集資料，並利用「親合圖法」找出使用者的本質慾望(下一篇文章說明)。
2.建立簡單的人物誌(下兩篇文章說明)。
3.撰寫價值腳本：透過了解「使用者本質慾望」，寫出滿足慾望「價值」的腳本。
4.撰寫行動腳本：使用者為了「滿足價值」，而採取「行動」的腳本。
5.撰寫操作腳本：使用者伴隨著行動，而「操作」裝置、畫面的腳本。
其中的3、4、5步驟就稱為「結構化腳本」。
原先三種腳本是用英文名稱來定義，書中為了說明而翻譯成中文，這邊附上原文：* 價值腳本 → Value Scenario* 行動腳本 → Activity Scenario* 操作腳本 → Interaction Scenario
二、 「結構化腳本」的三種腳本說明
這三種腳本其實是一連串的思考流程，透過每種腳本的內容思考，可以將內容拆解到下一個腳本進行分析，概念圖如下：
價值腳本
此腳本的目的是在釐清「人物誌的最低限度本質慾望」。在這邊應該要注重人物誌的真心話、本質慾望，由於這個時候還無法具體寫出哪種服務、產品細節，所以只要先寫出抽象、簡單的內容就好。
在價值腳本中的右側，我們會根據人物誌想滿足的價值，寫出相對應的場景。這些場景會成為單一的項目，被我們放到下一層「行動腳本」進行更細的分析。
以上圖來說，就是將「場景B」進行更進一步的分析。
行動腳本
在行動腳本的左上角-目標，可以先寫出使用者採取行動想要達成的「目標」，接著再根據想要分析的場景(這邊以「場景B」舉例)，寫出相對應的行動描述。
注意在這邊，不可以寫出特定的產品名稱、功能名稱，或是要點選App中的哪個畫面等具體細節，這些內容將在「操作腳本」中撰寫，如果太早寫出來，反而會限制自己在「行動腳本」的想法。
最右方的「任務」，是將「行動腳本」中的內容，以列點的方式臚列「行動項目(Action item)」，而這些「行動項目」可以拆解成更細的「操作項目」。
操作腳本
這邊要思考，人物誌如果要採取「行動腳本」中的各項任務，應該具體使用什麼產品與服務，或是使用什麼工具與裝置，執行什麼樣的操作。
同樣地，我們可以選取一項「行動腳本」中的任務，將其放到「操作腳本」中進行細部分析。在「操作腳本」中，要針對這項任務進行具體的操作描述，例如要使用App操作才能取得服務時，從「在哪裡知道App」、「如何下載App」、「如何登入App進行使用」、「操作App的流程」，到最後真正取得服務，每一個步驟都要詳細的紀錄在行動腳本中。
這邊的目的，是在釐清對於「使用流程」、「操作介面」的設計，透過一次只思考一件任務，將產品的細節做精細的規劃。
三、 「結構化腳本」實例說明
在第一次接觸這個工具的時候，光看上面解說應該是完全霧煞煞，不知道應該如何下手。要學習使用一個新工具，最快速的方法就是直接觀察範例，然後將自己正在規劃的產品帶入情境試看看！
假設我們已經透過「使用者調查」、「親合圖法」(下一篇會介紹)，整理出簡單的「人物誌」後，就可以開始使用「結構化腳本」進行分析。下方次參考用的人物誌：
人物誌
下方依據這位對於頭髮有著自然捲困擾的女性，所撰寫的「結構化腳本」，依序是價值腳本、行動腳本、操作腳本。
1.價值腳本
2. 行動腳本
3.操作腳本
實際上，正式版的「結構化腳本法」需要準備8種範本：
1. 專案目標範本2. 使用者本質慾望範本3. 提供商業方針範本4. 人物誌範本5. 價值腳本範本6. 行為腳本範本7. 操作腳本範本8. 經驗願景範本
更多資訊可以在《エクスペリエンス・ビジョン: ユーザーを見つめてうれしい体験を企画するビジョン提案型デザイン手法》找到，台灣在去年已經有翻譯的中文版，可以參考下方連結：
小結
這篇文章主要講了連結「人物誌」與「操作畫面」的「結構化腳本」，分別是：
- 價值腳本
- 行動腳本
- 操作腳本
下方的腳本，依序是上方腳本內容的細項拆解。
在思考結構化腳本時，比較常見的是多人共同進行，由大家彼此討論、交換意見來達到去蕪存菁的功效，因此要使用的話，可以先自己開始練習，並且分享與推廣給團隊使用。
📚 博客來購書連結：WEB 設計職人必修：UX Design 初學者學習手冊
如果你覺得此篇文章有幫助到你，歡迎透過上方連結購書，我會獲得來自於博客來的回饋金，當作是你對我的肯定!若要閱讀之前的文章，請點擊下方的傳送連結：
- UX學習系列(一) UX到底是什麼？從零基礎開始學習「User eXperience (UX)」
- UX學習系列(二) UX到底是什麼？易用性評估(Usability Evaluation) ，概念篇
- UX學習系列(三) UX到底是什麼？易用性評估(Usability Evaluation) ，實踐篇
- UX學習系列(四) UX到底是什麼？利用「原型製作」來修正設計
我是朱騏，一個渴求新知、熱愛學習的產品經理。也是一個喜歡研究各種生產力工具、熱愛將專案管理知識應用在魔術學習上的魔術愛好者。如果有任何疑問、想聽的主題，歡迎留言給我 📒如果想給我一點鼓勵，請給我 1–10 個拍手；
如果覺得文章對你有幫助，請給我 10–40 個拍手；
如果有興趣看其他「UX學習系列文」相關的分享請給我 40+ 個拍手讓我知道 👏🏻最後，謝謝你的閱讀！喜歡我的文章，可以點擊下方「Follow」我～| LinkedIn @ Chi Chu
