想要婚禮精彩嗎？ 你需要體驗設計的五大層次

哈嘍～大家好！我是在podcast節目【UXI BAR】設計烤書菜單元的山竹，回想自己的大學生活，發現台灣有視覺設計系、有產品設計系，食物也很歐伊系，但就是沒有「使用者經驗設計系」，我在自學UIUX的過程中，雖然了解每個設計階段在做些什麼，卻很難將他們整合在一起，直到遇見了這本書 — — 使用者經驗的要素。

這本書並不是為了讓你學會實作每個設計階段，也不會針對各階段做詳細的教學，而是以一個綜觀全局的角度整合設計，讓我們能抽離各個細項，進而檢視專案流程，我們現在該做什麼？下一步又是什麼？書中將使用者經驗設計的每個環節整合在「五大層次」中，並解釋每個階段是如何環環相扣。不論你是設計師、創業家或專案經理，都能從中更加了解設計流程，進而打造出美好體驗。

（沒接觸過使用者經驗設計的人：「不甘我的事那我先走囉。」）

等等，先別走開！其實使用者經驗設計與你我的生活息息相關，不論食衣住行育樂、各行各業，都能因為好的體驗設計而煥然一新。就以吃來舉例好了，你曾經參加過喜宴嗎？是否有令你難忘的體驗呢？今天就讓我用五大層次來說明，要如何形塑一個印象深刻的喜宴體驗。

若你還沒有聽過我們的Podcast，歡迎你來收聽！

哪五大層次？

Jesse James Garrett 在 2000 年發表的使用者經驗要素一書中所提出：使用者的經驗可由抽象到具體分成五個層次，分別為策略、範圍、結構、骨架、表層所構成。

Jesse James Garrett 的五大層次元素，經遊石設計再繪製

這五大層次中，也對應著我們在設計一個產品時，會有一些專案項目要做，如：執行用戶研究、制定產品策略、制定功能規格、梳理資訊架構、繪製介面設計等等，這些都在不同的層次元素之中，幫助一個產品從抽象概念邁向具體完整。

Strategy 策略層：為什麼做？

在開始之前，先與大家釐清各方的角色，我們設計公司就像婚宴業者，一手處理好餐廳訂位和婚宴活動，新人雙方是Ｃ端客戶，做菜的餐廳則對應到工程、系統商，將我們的設計實踐出來。

設立產品目標：為什麼要辦桌？

辦桌之前請捫心自問：「辦桌是希望讓新人們和其他賓客有什麼樣的收穫？」舉個常見的答案，舉辦婚宴流水席，是希望慶祝新郎新娘一生幸福，同時讓來訪的親朋好友吃得開心滿意，留下一個好印象以後多多關照這對新婚夫婦；另一方面，婚宴業者也能因為做得好贏得好口碑，在客人間口耳相傳，之後能接下更多案子並讓品牌壯大。同樣的，一個產品也會有它誕生的目的、是我們一切設計的根基。

精準地描述成效指標

在釐清做這個設計是為了什麼後，盡可能的用精準的詞彙去描述我們的目的，例如：提高曝光率X%等等，會有助於之後的設計階段發展，並且有更清晰的指標衡量我們是否達成當初的期待！

利害關係人：誰能左右這場辦桌？

想辦中式還是西式婚禮？有多少預算？打算辦幾桌呢？在承包一場婚禮時，除了新郎新娘之外，總會有話語權較大的人，可能是他們的父母親；而以設計接案的角度來看，可能是老闆、可能是股東。利害關係人的意見與資源，都會大大影響著成果，因此花時間與他們好好溝通想法是非常重要的！

使用者需求：客人的期待

與利害關係人不同，使用者是真正接觸這項產品的人，在辦桌裡就是被邀請來的賓客們，若想讓他們對新人的婚宴留下一個美好的體驗，必須要了解饕客們的口味偏好、菜色是否營養均衡、是否有過敏或特殊飲食需求等等。在設計上，我們會透過使用者研究，去了解使用者需求，畢竟做產品與辦桌不同的是：每個人都有吃東西的經驗，換到其他事情上就不一定有相同經驗了ＱＱ，所以更要去做研究調查來了解我們沒經歷過的體驗！

然而，事情沒那麼簡單，因為利害關係人要考量的事情與使用者不同，有時他們倆的意見可能會互相衝突。試想一個情境：客人們都想吃頂級活龍蝦，但主人公並沒有那麼多的預算，該怎麼辦？因此身為設計師的我們，常常要去溝通各方的想法，嘗試達到一個平衡。關於這點說來話長，若你想了解更多，請持續收聽我們的Podcast【UXI BAR：設計之Why】。

Scope 範圍層：要做什麼？要做多少？

在制定策略之後，我們需要思考做哪幾道菜、做的份量又是多少，才能滿足策略。

功能規格：菜單與份量

菜色千千百百種，總不可能全都要。就像在做產品的時候，可以滿足同一個目標的方法有很多種，但我們要試著衡量優先次序，選擇最能在有限資源內最貼近產品策略的功能來做。考量完項目、規格後，最好可以將它們記錄下來，做成功能規格書，以利之後的執行喔！

內容需求：菜色的意涵

內容躲在形式背後，常常被會被人忽略。但換到辦桌來看，這件事就變得非常重要，東方人重視禮俗，因此每道大菜色幾乎都有其象徵意義，像是雞象徵了「家」、魚象徵著好運和富饒、雙喜菜代表著雙倍的幸福和吉祥。今天換到國外也一樣，印度的五穀豐收節（Pongal）中的甜點，以及美國感恩節的火雞宴，都象徵著豐收和感恩。

因此啊，在設計產品的時候，除了考量功能、規格、外型這些表層可見的事情以外，也要思考看不見的意義層面喔！

有了精心安排的活動和菜色，我們要如何讓他們開始享受這場婚宴呢？來看看 Structure 結構層吧！

Structure 結構層：怎麼安排？

資訊架構：安排眾多菜色的先後順序

在範圍層決定好菜色之後，接著需要安排出菜順序，在中式辦桌裡菜色會有起承轉合，從一開始的開胃冷盤，到羹湯暖胃、接著是最豪華的山珍海味，吃完主菜再來一道湯品解膩，中場休息後用筍乾封肉、豬肋排等重口味菜色再度開胃，並以甜點、水果結尾（看了都流口水了XD）；而西式Buffet的菜色則是並排出現，同時有主菜區、沙拉區、飲料區等等。回到設計，我們也須將功能安排出場次序，思考怎樣的架構最能符合我們的產品目標！

互動設計：設想客人如何取用食物

食物都安排好之後，還沒有完！為了讓客人能好好享用每道菜色，我們要思考人會如何與餐點互動，每道菜有每道菜的食用方式，喝湯用湯匙、吃麵用筷子，就像每個功能都有其適合的互動模式。可以嘗試用以下幾點去思考：

• 客人如何理解這道菜的取用方式？→ 若沒有使用教學的情況下，使用者會如何使用這項功能？這就是人們最習慣的使用方式，學術上稱為「基模」。越貼近這個 Default 模式的設計，越能降低使用者的學習門檻。
• 我們提供給他們什麼餐具來取用餐點？→ 在參考完使用者可能會有行為後，我們仍須決定出每個功能相對應的操作模式，就像為了菜色擺餐具一樣。
• 客人吃下去後有什麼事情會發生？→ 凡事先考慮後果嘛，畢竟我們對體驗的印象，不只是吃的當下而已，吃完的感受也非常重要。而在設計產品互動模式時，除了互動模式要順暢以外，可以試著在互動後給使用者回饋，來告訴他們：「你成功執行了這項操作！」讓他們留下更好的互動體驗喔！

當然啦，一場婚禮可不是只有體驗「吃」而已，新人捧花、音樂表演等也是整場活動的重頭戲，看到這裡的你，也不妨換成這些例子來思考看看吧！

Skeleton 框架層：要怎麼呈現，使用者才會明白？

資訊設計：含意的呈現

資訊是指摸不著的內容，在設計裡頭，我們需要為內容決定呈現的形式，是文字還是圖像？還是圖文並茂？圖文又該如何排版才能讓觀者更好閱讀？在吃辦桌的體驗中大概只有菜單啊、新人的小卡片等是屬於這個角色吧（笑）

介面設計：奠基於互動設計上的視覺呈現

在Structure 結構層(前一個階段)決定好互動模式後，要如何讓使用者「看得出來」要這樣用呢？以及整體視覺氛圍呈現給使用者什麼感覺？就像一道美味的菜色，如果沒有好好擺盤簡直太扣分了吶～！我們可以嘗試各種不同的搭配，安排畫面中各個元件的位置、重要次序、顏色大小等等，讓使用者能夠好好的明白使用方法，並有個好的視覺體驗。然而除了考量使用者「要看見什麼」，反過來搞清楚他們「不需要看見什麼」也非常重要喔！

導覽設計：我吃到哪裡？還可以吃什麼？

好的導覽設計可以讓我們明白人與產品之間的哲學哉問：我是誰？我在哪裡？我能做什麼？（誤）

有點搞笑，但我是認真的。大家曾在網站中看過「導覽列」嗎？上面列舉著網站的各個頁面，並且會標示你所在的頁面，讓你知道你在網站中的哪裡、還可以去哪裡。回到婚宴中，我們可以透過菜單讓知道總共有幾道菜，若是西式Buffet，則可以透過各餐飲區域的安排，讓客人知道該去哪拿什麼食物！如果客人很喜歡這次的用餐體驗，可以提供餐廳的更多菜色及其他資訊，讓他們下次再來吃呦！

Surface 表面層：最後的包裝

感官設計：打造色香味俱全的好體驗

表面層是我們最後接收到的「感覺」，它包括了視聽嗅味觸的五感刺激，一道菜若有好的感官設計，就會被人形容是色香味俱全！而整場婚禮小至菜色大至婚宴會場，無一不讓人感受到氣氛。最後一刻，將前面辛苦的設計做一個好的整合包裝呈現給大家吧！

根基策略、層層建構，打造無懈可擊的體驗

平常我們若以局外人的角度來看產品，很容易會關注那些比較明顯、接近五層模型較上層的要素，但其實下層諸如策略、範圍，才是使用者經驗的地基，是最核心的部分呀！如果你是要開始創業或做大專案的人，理解每個層次是怎麼環環相扣的，才能讓設計成果更加經得起挑戰！這本書雖然是十幾年前的著作了，但其中的概念沿用至今，仍對體驗設計很有幫助~有興趣的朋友們一定要去找來看看！

我們的文章內容，都會在 Podcast 節目中討論。還不知道我們的 Podcast 頻道嗎？誠摯邀請你追蹤我們的 IG 及 FB，我們會在上面發佈最新的Podcast 節目資訊，以及設計管理書籍的圖文知識，讓你選擇最適合你的方式，與我們開拓知識版圖🚩。

IG：https://reurl.cc/Dovkqm
FB：https://reurl.cc/nDW7nn