UI 和UX  到底有什么區別？今天這位作者花了20個小時研究3個按鈕，除了關于可用性的大量干貨，也能幫你快速明白UI 和UX 的區別。 首先講一講背景。這是在我們周會上發生的事情： “Andrew，我們做了幾個很厲害的新功能，測試一下吧。” “好的，當然。” “嘿，你甚至會忍不住寫篇文章來介紹的！” “呃……” 只有一個問題…… 當我被要求測試一項功能，通常意思是讓我發起一場可用性測試，這就包括尋找參與者、準備一系列任務和問題，并且通過Skype訪談來執行（執行問題，不是處決參與者）。【譯者注：這是作者的一個玩笑，“執行”與“處決”在英文中是同一個詞】 于是我去看了我們的網站，自己先研究了這個新功能，基于它想象各種相關聯的任務。我花了11秒嘗試了所有可能性。我甚至嘗試反復來回點選，就好像我在一邊和我媽通電話一樣，這樣花了30秒。然后我媽真的打電話來了，我又試了一次，花了20秒。 我所講的功能，是圖中右上角的3個按鈕。3種視圖模式的切換。
△ 3個按鈕可以讓視圖在3種模式中切換：純圖標、帶標簽的圖標、表格視圖 通常我的Skype訪談會持續30分鐘：其中80%是任務，20%是簡短的談話和我的蹩腳笑話。如果任務只有30秒，我就得講29分鐘的笑話。我才不會那么做，有2個原因：

• 沒人愿聽
• 如果我能做到，我就是個喜劇大咖了

于是，我現在有的只是3個按鈕，只能通過一個問題來檢驗。

此時我的劇本大概是這樣：

1. 設定一些任務來檢驗人們是否注意到這3個按鈕。
2. “這3種模式中，你最愛用哪種？”

通俗而言，UI與UX的區別 我還需要更多信息。于是我繼續深入。在某種模式下我發現了第4個按鈕。

1. 設定一項任務來檢驗人們是否注意到這3個按鈕。
2. “你知道這個‘加號’按鈕是做什么的嗎？”
3. “這3種模式中，你最愛用哪種？”

到目前為止，這個訪談仍然非常簡短，然而按鈕就只有這些。我就只是這么坐著，在3種模式間來回亂點，思考人生、存在、還有精神崩潰。然后我忽然間深受觸動。 在此之前我只是在思考UI，那只是界面。確切的說，是思考這些按鈕和它們的功能——在3種視圖中切換。 現在我開始考慮UX了，或者說體驗。腦海中涌現出大量的問題。文字標簽會以某種方式影響人們嗎？它對人們查找圖標的方式有影響嗎？它會影響整體體驗嗎？我很想知道！ 這些抽象的問題非常棒，但我不能直接這么問參與者：“嘿，你覺得文字標簽有用嗎？”因為人們的答案和實際行為之間有巨大差距。我不得不找到具體的任務來檢驗人們的實際行為。 怎么辦？我就設身處地，開始搜索不同的圖標。我搜索了汽車圖標、貓、狗、常用的圖標、不常用的圖標。我切換不同的視圖，一遍又一遍搜索。 當然，搜索不同內容，得到結果也不同。但關鍵在于，我的關注點不一樣。如果我尋找貓，我有明確的預期。但是如果我搜索“新聞”或“音樂”，我的預期就模糊得多。 雖然不同的搜索預期有影響，那不同的視圖模式呢？ 這個簡單的問題充滿了我的30分鐘調研。 真理：深入挖掘總是對的

最終的劇本草稿

1. 設定一些任務來檢驗人們是否注意到這3個按鈕。
2. 用「純圖標」模式來搜索：貓、手機、箭頭、新聞、開始、音樂。用「帶標簽的圖標」模式搜索：狗、線條、盒子、創意、停止、工作。并且指出認為離譜的搜索結果。
3. “你知道這個‘加號’按鈕是做什么的嗎？”
4. “這3種模式中，你最愛用哪種？”

我讓參與者在純圖標模式下搜索“貓”，然后指出任何離譜的搜索結果。
然后我讓另一位參與者搜索同樣的“貓”圖標，但是用圖標+文字標簽模式，并指出離譜的搜索結果。
看見沒，那是Gabriel Aul。一切都說得通了！或許也沒有……【譯者注，Gabriel Aul是windows 10忍者貓形象的創造者】有時候，搜索甚至會給我們自己帶來驚喜。 好吧，我們換個更好的例子。假設你搜索線條圖標：
有了文字標簽，參與者就不會再覺得“命令行”是不相干的圖標。但這只是諸多影響之一。 我想證明的是，不同人對搜索結果的關聯性有不同的感受，于是我明白了他們的預期有什么差別。我也會盡可能求證標簽是否會影響預期。 真理：努力尋找方法衡量用戶的體驗

檢驗我的測試 到此為止，我的調研劇本已經比較完善了。但我仍然感覺不確定，邀請我同事來作為參與者，就像真實訪談一樣。 結果證明這根本沒那么完善。我不得不做出一些調整。

1. “你能改變一下搜索結果的展現方式嗎？”
2. 用「純圖標」模式搜索：手機、新聞、開始。用「帶標簽的圖標」模式搜索：盒子、創意、工作。指出離譜的搜索結果。
3. “你能否告訴我，在不點擊‘加號’按鈕的情況下，你覺得它是做什么的？”
4. “以上3種模式，你最喜歡哪種？”

為什么要改成上面這樣：

• 第一題模棱兩可。
• 10個不同的搜索任務讓訪談持續了60分鐘。我計劃只需要15-30分鐘，于是我不得不把參與者減少到6人。
• 第三題中，我得明白地告訴參與者，不要點擊按鈕——否則誘惑太多了。

真理：在展開真實的訪談之前，非常有必要做一下實驗

結論 成功只給有準備的人。現在我有了最終的調研劇本，可以對真實用戶展開測試了，我照此執行。7名參與者、超過15頁筆記、3小時的視頻素材，我得把這些資料組織起來。我現在正在撰寫相關文檔。下一篇文章就是關于這些調研結果、領悟和尷尬的沉默「譯者注，我也正有此意 LOL」。如果你正在閱讀本文，卻沒找到下一篇的鏈接，有兩種可能：

1. 本文剛發布不久。
2. 我抓狂了，正在窗臺上奮筆疾書。