海淘科技編者為你推出《UI和UX的有什么區(qū)別，通過3個按鈕讓你清楚！》
首先講一講背景。這是在我們周會上發(fā)生的事情：
“Andrew，我們做了幾個很厲害的新功能，測試一下吧?！?
“好的，當(dāng)然?！?
“嘿，你甚至?xí)滩蛔懫恼聛斫榻B的!”
“呃……”
只有一個問題……
當(dāng)我被要求測試一項功能，通常意思是讓我發(fā)起一場可用性測試，這就包括尋找參與者、準(zhǔn)備一系列任務(wù)和問題，并且通過Skype訪談來執(zhí)行(執(zhí)行問題，不是處決參與者)。【譯者注：這是作者的一個玩笑，“執(zhí)行”與“處決”在英文中是同一個詞】
于是我去看了我們的網(wǎng)站，自己先研究了這個新功能，基于它想象各種相關(guān)聯(lián)的任務(wù)。我花了11秒嘗試了所有可能性。我甚至嘗試反復(fù)來回點選，就好像我在一邊和我媽通電話一樣，這樣花了30秒。然后我媽真的打電話來了，我又試了一次，花了20秒。
我所講的功能，是圖中右上角的3個按鈕。3種視圖模式的切換。
△ 3個按鈕可以讓視圖在3種模式中切換：純圖標(biāo)、帶標(biāo)簽的圖標(biāo)、表格視圖
通常我的Skype訪談會持續(xù)30分鐘：其中80%是任務(wù)，20%是簡短的談話和我的蹩腳笑話。如果任務(wù)只有30秒，我就得講29分鐘的笑話。我才不會那么做，有2個原因：
沒人愿聽
如果我能做到，我就是個喜劇大咖了
于是，我現(xiàn)在有的只是3個按鈕，只能通過一個問題來檢驗。
此時我的劇本大概是這樣：
我還需要更多信息。于是我繼續(xù)深入。在某種模式下我發(fā)現(xiàn)了第4個按鈕。
設(shè)定一項任務(wù)來檢驗人們是否注意到這3個按鈕。
到目前為止，這個訪談仍然非常簡短，然而按鈕就只有這些。我就只是這么坐著，在3種模式間來回亂點，思考人生、存在、還有精神崩潰。然后我忽然間深受觸動。
在此之前我只是在思考UI，那只是界面。確切的說，是思考這些按鈕和它們的功能——在3種視圖中切換。
現(xiàn)在我開始考慮UX了，或者說體驗。腦海中涌現(xiàn)出大量的問題。文字標(biāo)簽會以某種方式影響人們嗎?它對人們查找圖標(biāo)的方式有影響嗎?它會影響整體體驗嗎?我很想知道!
這些抽象的問題非常棒，但我不能直接這么問參與者：“嘿，你覺得文字標(biāo)簽有用嗎?”因為人們的答案和實際行為之間有巨大差距。我不得不找到具體的任務(wù)來檢驗人們的實際行為。
怎么辦?我就設(shè)身處地，開始搜索不同的圖標(biāo)。我搜索了汽車圖標(biāo)、貓、狗、常用的圖標(biāo)、不常用的圖標(biāo)。我切換不同的視圖，一遍又一遍搜索。
當(dāng)然，搜索不同內(nèi)容，得到結(jié)果也不同。但關(guān)鍵在于，我的關(guān)注點不一樣。如果我尋找貓，我有明確的預(yù)期。但是如果我搜索“新聞”或“音樂”，我的預(yù)期就模糊得多。
雖然不同的搜索預(yù)期有影響，那不同的視圖模式呢?
這個簡單的問題充滿了我的30分鐘調(diào)研。
真理：深入挖掘總是對的
設(shè)定一些任務(wù)來檢驗人們是否注意到這3個按鈕。
用「純圖標(biāo)」模式來搜索：貓、手機、箭頭、新聞、開始、音樂。用「帶標(biāo)簽的圖標(biāo)」模式搜索：狗、線條、盒子、創(chuàng)意、停止、工作。并且指出認(rèn)為離譜的搜索結(jié)果。
我讓參與者在純圖標(biāo)模式下搜索“貓”，然后指出任何離譜的搜索結(jié)果。
然后我讓另一位參與者搜索同樣的“貓”圖標(biāo)，但是用圖標(biāo)+文字標(biāo)簽?zāi)Ｊ剑⒅赋鲭x譜的搜索結(jié)果。
看見沒，那是Gabriel Aul。一切都說得通了!或許也沒有……【譯者注，Gabriel Aul是windows 10忍者貓形象的創(chuàng)造者】有時候，搜索甚至?xí)o我們自己帶來驚喜。
好吧，我們換個更好的例子。假設(shè)你搜索線條圖標(biāo)：
有了文字標(biāo)簽，參與者就不會再覺得“命令行”是不相干的圖標(biāo)。但這只是諸多影響之一。
我想證明的是，不同人對搜索結(jié)果的關(guān)聯(lián)性有不同的感受，于是我明白了他們的預(yù)期有什么差別。我也會盡可能求證標(biāo)簽是否會影響預(yù)期。
真理：努力尋找方法衡量用戶的體驗
到此為止，我的調(diào)研劇本已經(jīng)比較完善了。但我仍然感覺不確定，邀請我同事來作為參與者，就像真實訪談一樣。
結(jié)果證明這根本沒那么完善。我不得不做出一些調(diào)整。
“你能改變一下搜索結(jié)果的展現(xiàn)方式嗎?”
用「純圖標(biāo)」模式搜索：手機、新聞、開始。用「帶標(biāo)簽的圖標(biāo)」模式搜索：盒子、創(chuàng)意、工作。指出離譜的搜索結(jié)果。
“你能否告訴我，在不點擊‘加號’按鈕的情況下，你覺得它是做什么的?”
“以上3種模式，你最喜歡哪種?”
為什么要改成上面這樣：
第一題模棱兩可。
10個不同的搜索任務(wù)讓訪談持續(xù)了60分鐘。我計劃只需要15-30分鐘，于是我不得不把參與者減少到6人。
第三題中，我得明白地告訴參與者，不要點擊按鈕——否則誘惑太多了。
真理：在展開真實的訪談之前，非常有必要做一下實驗
成功只給有準(zhǔn)備的人。現(xiàn)在我有了最終的調(diào)研劇本，可以對真實用戶展開測試了，我照此執(zhí)行。7名參與者、超過15頁筆記、3小時的視頻素材，我得把這些資料組織起來。我現(xiàn)在正在撰寫相關(guān)文檔。下一篇文章就是關(guān)于這些調(diào)研結(jié)果、領(lǐng)悟和尷尬的沉默「譯者注，我也正有此意 LOL」。如果你正在閱讀本文，卻沒找到下一篇的鏈接，有兩種可能：
以上就是上海APP開發(fā)公司——海淘科技為你推出的《UI和UX的有什么區(qū)別，通過3個按鈕讓你清楚！》的全部內(nèi)容，找手機軟件開發(fā)公司，可直接聯(lián)系海淘科技客服。當(dāng)然你也可以先看一下我們公司的經(jīng)典案例：手機街app應(yīng)用開發(fā)
