對文章有興趣來不及看？點選右上角「橘色小書籤」收藏文章，再也不怕錯過就是一輩子！

以下兩種 UI 方案，你覺得哪一個比較好呢？

最近在一些 UI/UX 的社團和粉絲專頁看到這樣的活動：給大家看兩張 UI，然後問大家比較喜歡哪一種？以及為什麼？

底下留言很踴躍，可以看到各式各樣的想法，我還滿喜歡這樣具有多元觀點的討論，也從裡面了解到每個人的想法是什麼，頗有收穫。

其中，我發現有些人在討論 UI 時，常會有類似以下的切角：

這讓我想起很多新手（包括我）在剛開始工作時會陷入一種思考盲點：

從自己的角度出發，而不是用戶的角度

當然，並不是說從自己的角度去評論就是錯的，畢竟這個討論並不是發生在工作，如果只是以輕鬆分享的性質，那可以從任何角度來討論，但這樣的思考可能會錯失了進入用戶視角與脈絡深入討論的機會，有點可惜。

這篇文章想要跟大家分享，實際在做設計時，我和團隊是如何思考、討論每一項設計提案的？以及我們所犯過的錯和心得。

考量設計方案三個要素：用戶、場景、需求

首先，我們都知道 UI 是為了解決用戶的某個問題而存在，那麼該如何拆解問題？可以從以下這三個要素出發：用戶、場景、需求。如果你第一次認識到這三個詞，那請默念 10 次，因為如果你想當設計師，那這輩子應該都離不開這三個詞。

第一要素：用戶

首先，評論一個介面時，一般人通常會從自己的角度出發，最常見的句型就是「我不太喜歡A，因為看起來 XXX」。不過因為這個 UI 並不是給你用的，所以你的喜好真的不是重點。太多時候我們都圍繞在「個人的觀點」去做討論，但這其實很浪費時間，因為試圖去滿足每個人不一樣的觀點是不可能的，會使討論卡住，無法繼續下去。

因此第一件事就是先認清到底誰是用戶？如果用戶是銀髮族，那可以考慮用大字和簡潔的頁面，而不是充滿細節與亮麗色彩的畫面。如果是電商網站，買家和賣家可能有截然不同的需求，如果是論壇網站，發文者和潛水者的行為也很不一樣。

很多功能並不是設計給所有人使用的，而是專門為了某一用戶群體而設計，所以首先必須認知到這個 UI 的用戶是誰？我們才好做討論。

第二要素：場景

所謂場景，用戶在做這個行為時，是發生在什麼時間、地點？以及用戶身處在什麼脈絡中？(他的前一步是什麼？下一步又是什麼？)，進一步還可以考量到用戶當下的情緒、感受等等。

說說我之前設計「錄音 UI」時遇到的問題。

你認為錄音 UI 需不需要「暫停」和「刪除重錄」的功能呢？一般人可能會直覺認為這麼基本的功能，而且別人都有，當然一定要有吧？

然而我們可以看到 Line 和微信的語音錄音介面並沒有這兩個功能，原因就在於：錄音的「場景」不同。因為多數用戶在用 Line 語音的場景是個人間的聊天，比較隨意、而且時間只有幾秒鐘，常常一則錄音裡只有一句話，所以講錯了也不是什麼大不了的事，當然也就不需要「暫停」和「刪除重錄」。

兩個通訊軟體的語音 UI。(左邊是微信，右邊是 Line )

來看下面這個選單的 UI，你認為 A 和 B 哪個比較好呢？

有人會說方案 A 比較好，原因是因為他把所有的選項都 show 出來，用戶可以第一眼看到所有的選項，而且省去一下點擊。看似很正確，但我認為這仍然是 「看情況」。

雖然下拉式選單（menu）確實被很多人認為是易用性不好的 UI 元件，但我在這4種「場景」下仍會使用：

1. 較希望用戶選擇 A 選項，但B選項又不能刪除時，這時就可以把 A 選項設為 default，把其他選項隱藏起來。

2. 如果用戶 90% 都選選項 A，僅 10% 用其他選項，這時也可考慮僅顯示 A 選項，隱藏其他。

3. 如果選項A是高頻選項，其他都是低頻選項時。

4. 選項數過多時。（通常是超過 7 個的時候）

在以上的場景中適度隱藏選項，可以有效降低畫面的複雜度以及用戶的認知負擔。

第三要素：需求

需求有分深淺，而我們通常會希望盡可能滿足使用者「底層」的需求，而不是「表面的需求」。

以下面這張圖為例，你認為哪一個「找不到商品」的 UI 比較好呢？

如果只思考「表面的需求」，問句可能就是「要如何呈現給用戶一個美觀又直覺的空值畫面（Empty State）」？所以會接著思考：

1. 如何讓用戶可以一目了然現在的情況？

2. 插畫是否比純文字更好？

3. ...

但這些問題是重點嗎？我們是否太快就跳入解法了呢？

如果思考需求的深處，用戶看到這個「找不到商品」的畫面當下，他的需求是什麼？

需求應該是「他想要找某個商品」，那問句可能會變成：「那我們該如何更好的滿足他想要找到自己想要商品的需求？」，可能的設計方案也隨著誕生：

1. 直接放上幾個和他搜尋字詞有相關的商品

2. 考慮到他可能打錯字，所以我們可以詢問用戶：你的意思是不是「XXX」？

3. 又或是更直接一點，放上本網站前十大熱門商品

4. ...

如此一來是否有更高的機會能滿足用戶的需求？

進一步思考：產品目標或商業目標

除了用戶需求外，也需要思考產品/商業的目標是什麼？

從產品的角度出發，去思考這個畫面是希望用戶做什麼事，對我們的商業目標有什麼影響？以上述的例子，就是考量到我們希望用戶盡可能消費，所以當然不想浪費任何一個能夠向用戶推銷商品的機會，所以我們可能會盡量讓商品有更多曝光的機會，但又不能嚴重影響使用者的體驗，我們會在這之間做出平衡。

小結

看完上面的說明，你可能發現用戶、場景、需求這三個元素似乎很難拆分開來討論，比如說同一個用戶，因為場景的改變，需求也跟著改變了，沒錯，這三個東西並不是分開的三個概念，而是環環相扣、密不可分的關係，在討論時也應該綁定在一起討論。

所以未來遇到任何設計方案時，思路會是：

什麼樣的用戶，在什麼樣的場景，有著什麼樣的需求？

考量完這三點之後，對一個問題或設計方案，就會有更深刻的理解。

當然，評估一個 UI 設計方案，並不只會考量到這三個元素，不過這卻是很好的開始，因為我們會期望先從一個比較高的視角來切入，確認好用戶、場景、需求之後，我們才會進一步考量其他介面細節的問題喔！

看完文章要用時卻忘光光？點選下方按鈕 收藏 此文章，我隨時都在這等你回來！

本文原載於產品設計師  lil Andy 的 medium，原標題：《評估 A 和 B 哪個 UI 設計方案比較好時，首先會考量哪些點？》

如果你對於 UI/UX 很有興趣，想更深入學習成為設計師的必備知識，
我們設計了三種選課指南給不同性質、不同起點的學習者，現在就來看看吧！

► 新手自學 UI/UX ，零基礎入門成為設計師

► 平面設計轉職，快速上手 Figma/Sketch 製作作品集

► UI/UX 設計流程全攻略，實戰用戶研究方法