創(chuàng)新互聯(lián)編者為你推出《UI和UX的有什么區(qū)別，通過3個按鈕讓你清楚！》

首先講一講背景。這是在我們周會上發(fā)生的事情：

“Andrew，我們做了幾個很厲害的新功能，測試一下吧。”

“好的，當然。”

“嘿，你甚至會忍不住寫篇文章來介紹的!”

“呃……”

只有一個問題……

當我被要求測試一項功能，通常意思是讓我發(fā)起一場可用性測試，這就包括尋找參與者、準備一系列任務和問題，并且通過Skype訪談來執(zhí)行(執(zhí)行問題，不是處決參與者)。【譯者注：這是作者的一個玩笑，“執(zhí)行”與“處決”在英文中是同一個詞】

于是我去看了我們的網(wǎng)站，自己先研究了這個新功能，基于它想象各種相關聯(lián)的任務。我花了11秒嘗試了所有可能性。我甚至嘗試反復來回點選，就好像我在一邊和我媽通電話一樣，這樣花了30秒。然后我媽真的打電話來了，我又試了一次，花了20秒。

我所講的功能，是圖中右上角的3個按鈕。3種視圖模式的切換。

△ 3個按鈕可以讓視圖在3種模式中切換：純圖標、帶標簽的圖標、表格視圖

通常我的Skype訪談會持續(xù)30分鐘：其中80%是任務，20%是簡短的談話和我的蹩腳笑話。如果任務只有30秒，我就得講29分鐘的笑話。我才不會那么做，有2個原因：

沒人愿聽

如果我能做到，我就是個喜劇大咖了

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

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

1. 設定一些任務來檢驗人們是否注意到這3個按鈕。
2. “這3種模式中，你最愛用哪種?”
3. 通俗而言，UI與UX的區(qū)別

我還需要更多信息。于是我繼續(xù)深入。在某種模式下我發(fā)現(xiàn)了第4個按鈕。

設定一項任務來檢驗人們是否注意到這3個按鈕。

• “你知道這個‘加號’按鈕是做什么的嗎?”
• “這3種模式中，你最愛用哪種?”

到目前為止，這個訪談仍然非常簡短，然而按鈕就只有這些。我就只是這么坐著，在3種模式間來回亂點，思考人生、存在、還有精神崩潰。然后我忽然間深受觸動。

在此之前我只是在思考UI，那只是界面。確切的說，是思考這些按鈕和它們的功能——在3種視圖中切換。

現(xiàn)在我開始考慮UX了，或者說體驗。腦海中涌現(xiàn)出大量的問題。文字標簽會以某種方式影響人們嗎?它對人們查找圖標的方式有影響嗎?它會影響整體體驗嗎?我很想知道!

這些抽象的問題非常棒，但我不能直接這么問參與者：“嘿，你覺得文字標簽有用嗎?”因為人們的答案和實際行為之間有巨大差距。我不得不找到具體的任務來檢驗人們的實際行為。

怎么辦?我就設身處地，開始搜索不同的圖標。我搜索了汽車圖標、貓、狗、常用的圖標、不常用的圖標。我切換不同的視圖，一遍又一遍搜索。

當然，搜索不同內(nèi)容，得到結果也不同。但關鍵在于，我的關注點不一樣。如果我尋找貓，我有明確的預期。但是如果我搜索“新聞”或“音樂”，我的預期就模糊得多。

雖然不同的搜索預期有影響，那不同的視圖模式呢?

這個簡單的問題充滿了我的30分鐘調(diào)研。

真理：深入挖掘總是對的

最終的劇本草稿

設定一些任務來檢驗人們是否注意到這3個按鈕。

用「純圖標」模式來搜索：貓、手機、箭頭、新聞、開始、音樂。用「帶標簽的圖標」模式搜索：狗、線條、盒子、創(chuàng)意、停止、工作。并且指出認為離譜的搜索結果。

• “你知道這個‘加號’按鈕是做什么的嗎?”
• “這3種模式中，你最愛用哪種?”

我讓參與者在純圖標模式下搜索“貓”，然后指出任何離譜的搜索結果。

然后我讓另一位參與者搜索同樣的“貓”圖標，但是用圖標+文字標簽模式，并指出離譜的搜索結果。

看見沒，那是Gabriel Aul。一切都說得通了!或許也沒有……【譯者注，Gabriel Aul是windows 10忍者貓形象的創(chuàng)造者】有時候，搜索甚至會給我們自己帶來驚喜。

好吧，我們換個更好的例子。假設你搜索線條圖標：

有了文字標簽，參與者就不會再覺得“命令行”是不相干的圖標。但這只是諸多影響之一。

我想證明的是，不同人對搜索結果的關聯(lián)性有不同的感受，于是我明白了他們的預期有什么差別。我也會盡可能求證標簽是否會影響預期。

真理：努力尋找方法衡量用戶的體驗

檢驗我的測試

到此為止，我的調(diào)研劇本已經(jīng)比較完善了。但我仍然感覺不確定，邀請我同事來作為參與者，就像真實訪談一樣。

結果證明這根本沒那么完善。我不得不做出一些調(diào)整。

“你能改變一下搜索結果的展現(xiàn)方式嗎?”

用「純圖標」模式搜索：手機、新聞、開始。用「帶標簽的圖標」模式搜索：盒子、創(chuàng)意、工作。指出離譜的搜索結果。

“你能否告訴我，在不點擊‘加號’按鈕的情況下，你覺得它是做什么的?”

“以上3種模式，你最喜歡哪種?”

為什么要改成上面這樣：

第一題模棱兩可。

10個不同的搜索任務讓訪談持續(xù)了60分鐘。我計劃只需要15-30分鐘，于是我不得不把參與者減少到6人。

第三題中，我得明白地告訴參與者，不要點擊按鈕——否則誘惑太多了。

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

結論

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

• 本文剛發(fā)布不久。
• 我抓狂了，正在窗臺上奮筆疾書。

文章題目：UI和UX的有什么區(qū)別，通過3個按鈕讓你清楚！
本文URL：http://www.js-pz168.com/news38/164538.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、網(wǎng)站內(nèi)鏈、手機網(wǎng)站建設、營銷型網(wǎng)站建設、網(wǎng)站改版、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)