2022-06-07 分類: 網站建設
創新互聯編者為你推出《UI和UX的有什么區別,通過3個按鈕讓你清楚!》
首先講一講背景。這是在我們周會上發生的事情:
“Andrew,我們做了幾個很厲害的新功能,測試一下吧?!?/p>
“好的,當然?!?/p>
“嘿,你甚至會忍不住寫篇文章來介紹的!”
“呃……”
只有一個問題……
當我被要求測試一項功能,通常意思是讓我發起一場可用性測試,這就包括尋找參與者、準備一系列任務和問題,并且通過Skype訪談來執行(執行問題,不是處決參與者)。【譯者注:這是作者的一個玩笑,“執行”與“處決”在英文中是同一個詞】
于是我去看了我們的網站,自己先研究了這個新功能,基于它想象各種相關聯的任務。我花了11秒嘗試了所有可能性。我甚至嘗試反復來回點選,就好像我在一邊和我媽通電話一樣,這樣花了30秒。然后我媽真的打電話來了,我又試了一次,花了20秒。
我所講的功能,是圖中右上角的3個按鈕。3種視圖模式的切換。
△ 3個按鈕可以讓視圖在3種模式中切換:純圖標、帶標簽的圖標、表格視圖
通常我的Skype訪談會持續30分鐘:其中80%是任務,20%是簡短的談話和我的蹩腳笑話。如果任務只有30秒,我就得講29分鐘的笑話。我才不會那么做,有2個原因:
沒人愿聽
如果我能做到,我就是個喜劇大咖了
于是,我現在有的只是3個按鈕,只能通過一個問題來檢驗。
此時我的劇本大概是這樣:
我還需要更多信息。于是我繼續深入。在某種模式下我發現了第4個按鈕。
設定一項任務來檢驗人們是否注意到這3個按鈕。
到目前為止,這個訪談仍然非常簡短,然而按鈕就只有這些。我就只是這么坐著,在3種模式間來回亂點,思考人生、存在、還有精神崩潰。然后我忽然間深受觸動。
在此之前我只是在思考UI,那只是界面。確切的說,是思考這些按鈕和它們的功能——在3種視圖中切換。
現在我開始考慮UX了,或者說體驗。腦海中涌現出大量的問題。文字標簽會以某種方式影響人們嗎?它對人們查找圖標的方式有影響嗎?它會影響整體體驗嗎?我很想知道!
這些抽象的問題非常棒,但我不能直接這么問參與者:“嘿,你覺得文字標簽有用嗎?”因為人們的答案和實際行為之間有巨大差距。我不得不找到具體的任務來檢驗人們的實際行為。
怎么辦?我就設身處地,開始搜索不同的圖標。我搜索了汽車圖標、貓、狗、常用的圖標、不常用的圖標。我切換不同的視圖,一遍又一遍搜索。
當然,搜索不同內容,得到結果也不同。但關鍵在于,我的關注點不一樣。如果我尋找貓,我有明確的預期。但是如果我搜索“新聞”或“音樂”,我的預期就模糊得多。
雖然不同的搜索預期有影響,那不同的視圖模式呢?
這個簡單的問題充滿了我的30分鐘調研。
真理:深入挖掘總是對的
設定一些任務來檢驗人們是否注意到這3個按鈕。
用「純圖標」模式來搜索:貓、手機、箭頭、新聞、開始、音樂。用「帶標簽的圖標」模式搜索:狗、線條、盒子、創意、停止、工作。并且指出認為離譜的搜索結果。
我讓參與者在純圖標模式下搜索“貓”,然后指出任何離譜的搜索結果。
然后我讓另一位參與者搜索同樣的“貓”圖標,但是用圖標+文字標簽模式,并指出離譜的搜索結果。
看見沒,那是Gabriel Aul。一切都說得通了!或許也沒有……【譯者注,Gabriel Aul是windows 10忍者貓形象的創造者】有時候,搜索甚至會給我們自己帶來驚喜。
好吧,我們換個更好的例子。假設你搜索線條圖標:
有了文字標簽,參與者就不會再覺得“命令行”是不相干的圖標。但這只是諸多影響之一。
我想證明的是,不同人對搜索結果的關聯性有不同的感受,于是我明白了他們的預期有什么差別。我也會盡可能求證標簽是否會影響預期。
真理:努力尋找方法衡量用戶的體驗
到此為止,我的調研劇本已經比較完善了。但我仍然感覺不確定,邀請我同事來作為參與者,就像真實訪談一樣。
結果證明這根本沒那么完善。我不得不做出一些調整。
“你能改變一下搜索結果的展現方式嗎?”
用「純圖標」模式搜索:手機、新聞、開始。用「帶標簽的圖標」模式搜索:盒子、創意、工作。指出離譜的搜索結果。
“你能否告訴我,在不點擊‘加號’按鈕的情況下,你覺得它是做什么的?”
“以上3種模式,你最喜歡哪種?”
為什么要改成上面這樣:
第一題模棱兩可。
10個不同的搜索任務讓訪談持續了60分鐘。我計劃只需要15-30分鐘,于是我不得不把參與者減少到6人。
第三題中,我得明白地告訴參與者,不要點擊按鈕——否則誘惑太多了。
真理:在展開真實的訪談之前,非常有必要做一下實驗
成功只給有準備的人。現在我有了最終的調研劇本,可以對真實用戶展開測試了,我照此執行。7名參與者、超過15頁筆記、3小時的視頻素材,我得把這些資料組織起來。我現在正在撰寫相關文檔。下一篇文章就是關于這些調研結果、領悟和尷尬的沉默「譯者注,我也正有此意 LOL」。如果你正在閱讀本文,卻沒找到下一篇的鏈接,有兩種可能:
文章題目:UI和UX的有什么區別,通過3個按鈕讓你清楚!
本文URL:http://m.newbst.com/news38/164538.html
成都網站建設公司_創新互聯,為您提供標簽優化、網站內鏈、手機網站建設、營銷型網站建設、網站改版、微信小程序
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容