• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 用戶研究角度看設計（2）：用戶為何視若無睹	共有1382人瀏覽過本貼	主貼管理 置　頂 加　精 結　貼 轉　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈鮮花：182

發(fā)表時間：2020/4/26 13:27:00 樓　主 用戶研究角度看設計（2）：用戶為何視若無睹 　　可視性的問題幾乎在每次不同產品的用戶測試中都會出現(xiàn)：用戶總是對頁面的某些元素、功能視若無睹，或根本無視?；诖耍瑢@個問題進行了一番小小的研究。 　　為何用戶視若無睹？ 　　視覺是人的生理與心理現(xiàn)象。本文述及的是視覺作為心理現(xiàn)象，也即由知覺、思維、記憶、情感等視覺認知引起的可視性問題，而非用戶眼睛在生理上存在缺陷，也不是錯幻視覺（詳見鏈接圖例）。用標準些的心理學術語來說，這里所說的“視若無睹”（注）是視覺意識缺乏（failuresofvisualawareness）。 　　注：在此用“視若無睹”僅是為了行文的通俗，從更嚴謹?shù)慕嵌葋碚f，到底是視若無睹還是根本無視，涉及到較復雜的認知心理學對“視”的定義，還有記憶、感知等，就不扯了。 　　心理學家對視覺意識缺乏有頗長時間的研究，而針對人機交互領域的研究已發(fā)現(xiàn)，人在一個視覺環(huán)境中，只會意識到該環(huán)境的很小部分。除了認知的有限性，我們還常常高估了眼睛能看到并理解的內容的多少。這種視覺意識以及后續(xù)理解的缺失，造成了用戶對界面信息的視若無睹。下面，就來看看人視覺心理的“兩盲三高”。 　　兩盲 　　最基本的視覺意識缺乏有兩種：變化視盲（changeblindness）和不注意視盲（inattentionalblindness，又譯無意視盲，但該術語過于抽象，故不選擇用在本文）。 　　變化視盲是指人在察看某一視域時，沒有察覺到該視域范圍內的變化。先通過下面這兩段片子來感受一下： 　　很重要的一點是：由于我們對于變化沒有預期，所以即使是非常明顯的變化，也會視而不見，除非我們恰巧注意到會發(fā)生改變的地方。這對于界面設計有什么啟示呢？ 　　視覺應對有意義的變化做出引導。有了AJAX,Flex,Flash等技術，數(shù)據(jù)變化不需要整屏刷新了，這可能造成用戶對于刷新的無視，而這種刷新變化對用戶并非總是無意義的。像更復雜一點的操作系統(tǒng)，如飛機駕駛儀表盤，若機師對變化視若無睹，將導致很可怕的后果。因此在這種情況下，應將用戶的視線從有效地導向到要發(fā)生改變的地方。 　　利用變化視盲。就像障眼法那樣，既讓變化發(fā)生，卻不干擾用戶的任務，實現(xiàn)寧靜技術（calmtechnology）的效果。最經(jīng)典的例子是Mac的級聯(lián)子菜單了，在泛科技環(huán)境（UbiquitousComputingEnvironments）也有越來越多的應用。 　　不注意視盲是指當人的注意力集中在了視域內某處，就會對視域內其他完全可視的元素視若無睹。也來看一段片子吧： 　　由于我們的注意力集中在數(shù)數(shù)這件事情上，很有可能你像大多數(shù)人那樣并沒注意到大猩猩的出現(xiàn)。心理學家發(fā)現(xiàn)，用戶的認知負擔（執(zhí)行任務越復雜，越難發(fā)現(xiàn)非注意區(qū)的元素），非注意區(qū)元素的顯著性（位置、大小、顏色及運動等物理特征及語義含義）、與注意力所在元素的相似性（越相似，或越互相呼應越容易被發(fā)現(xiàn)），以及個體思維加工能力都會引起不注意視盲。這對于UI設計的啟示是顯而易見的： 　　復雜的UI對用戶，尤其是對任務感到陌生的新用戶來說意味著繁重的認知負擔，并被誘惑去使用滿意即可（satisficing）的策略——他們渴望迅速完成任務，因此只選擇第一個可行的選擇。 　　顯著性和相似性，呼應了視覺設計中經(jīng)典的格式塔定律，而更通俗一點的CRAP（對比-重復-對齊-臨近）原則也同樣能幫助解決這個問題。 　　三高 　　我們對于人的視覺心理能力往往有三種過高估計，這樣的高估影響了我們的設計，也導致了用戶的視若無睹。 　　高估廣度：用戶可以一下子注意并理解視域范圍內所有（或絕大部分）的細節(jié)？如果將用戶的注視焦點比喻成聚光燈，那么可以理解成我們高估了聚光燈亮起時被照亮的區(qū)域面積（圖1）。增加額外的視覺元素只會減少可以被同時注意到的信息，因此用戶將更難找到相應的信息。 　　圖1 　　高估容量：用戶會注意到界面中的各個區(qū)域？我們往往高估了用戶能夠注意到的UI上的區(qū)域數(shù)，這也使我們誤以為獨特的視覺元素無論放在什么位置都會吸引用戶，或用戶會自主地將視線投往某個區(qū)域。也以聚光燈的例子來說，用戶雙眼這盞燈，可能只會投向舞臺（UI）上的一兩個位置，而不會掃向各個不同的區(qū)域。其次，用戶對于察看UI的哪部分有一定傾向性，因此會習慣性地忽略其他可見之處。 　　高估深度：用戶若注意到某元素/區(qū)域，就能完整、深入地理解它？這種高估會誤使我們認為，用戶只要注意到某對象/區(qū)域，就能輕松地理解它的含義。圖像相比起文字，似乎更容易吸引用戶注意。但研究發(fā)現(xiàn)，對于某些用若干詞匯就能表達的概念，圖片未必總能更有效地向用戶傳達界面的功能。這跟功能可見性（affordance）就密切相關了。 　　除了這“兩盲三高”，還有一些相關的研究結果及數(shù)據(jù)值得關注：（1）用戶通常掃視而非閱讀頁面文字（2）平均來說，用戶若決定閱讀某頁面，他們只會花28%的時間在閱讀文字上。但更普遍的是，只有20%的文字會被閱讀（3）用戶在頁面的平均停留時間很短。以最新數(shù)據(jù)來看，用戶在搜索及分類目錄網(wǎng)站總共停留225秒，綜合門戶454秒，娛樂541秒，個人及社區(qū)429秒。 　　作為產品設計者的我們，由于對產品的設計、使用流程非常熟悉了解，總覺得用戶不可能看不見、發(fā)現(xiàn)不了某些元素或功能。就像有時候在做可用性測試反饋時會遇到質疑：怎么可能看不到呢？怎么可能弄不懂呢？但是綜上所述，用戶可能很沒耐心，ta會給予產品的關注時間非常少，不可像設計者那樣仔細端詳，研究每個細節(jié)！！其次，用戶的視覺認知本身就有局限?。《脩襞cUI交互的互聯(lián)網(wǎng)環(huán)境本身就存在激烈的注意力爭奪。2.如何讓用戶看見？ 　　對于視覺設計，我是個外行。飛飛之前的文章已專業(yè)地論述了視覺設計對提升可用性的作用。另外，在常見視覺誤區(qū)一文中，LukeWroblewski也提出了不少有用的觀點。還可參考DmitryFadeyev這篇十大提升UI的技巧。我就談談用戶研究對視覺設計的幫助吧。 　　前期調研（1）了解功能需求的優(yōu)先性：這包括與需求方、用戶進行訪談，以幫助確定視覺層次的重點、視覺流的組織（2）體驗關鍵字法：將訪談中的關鍵字記錄下來，形成一個體驗關鍵字集（圖2），這些體驗關鍵字應能表達一個用戶看到頁面頭五秒時的情感反應，而這五秒往往決定了用戶對于網(wǎng)頁的總體觀感。經(jīng)過與需求方確認后，可從關鍵字集中抽取、聚合一些概念（圖3），作為視覺設計策略的制定依據(jù)。 　　圖2、3：體驗關鍵字法（photocourtesyofNickMyers,CooperJournal，圖片采自NickMyers） 　　可用性測試（1）傳統(tǒng)的實驗室測試：邀請用戶來試用產品。但是某些元素、功能的可視性問題是否能在測試中被發(fā)掘出來，與實驗設計很有關系。因此用戶研究員與設計師、需求方要在前期溝通好，有所針對地設置測試任務。（2）五秒測試法：上文提到，用戶通常在頭五秒就會形成對一個網(wǎng)頁的基本印象，并作出判定： 　　我來對地方了嗎？ 　　這個網(wǎng)站可信嗎？ 　　我要找的東西這里有嗎？ 　　這個線上的、方便易用的五秒測試法，可以在一定程度上幫助你了解設計是否存在問題，或你的視覺設計是否成功地傳達了主要概念、功能。這個測試有三類型： 　　經(jīng)典測試：讓用戶觀看某頁面五秒后列出他們記憶最深刻的五元素。這類測試有助于了解你的設計中哪些元素最吸引注意力。 　　對比測試：顧名思義，讓用戶從兩個版本設計（每個看2.5秒）中做出選擇，這對于決定兩版本的取舍尤為有用。 　　情感測試：讓用戶觀看某頁面五秒后，列出最喜歡和最不喜歡的元素。這有助于你了解界面中最強與最弱點所在。 　　但是要注意哦，不是說做了5秒測試就可以完事啦！詳情請看延伸閱讀部分。 　　視覺設計是一把雙刃劍，它會引導用戶在頁面上的注意力，影響用戶對信息結構、任務的理解，他們使用界面的效率，以及最終的——用戶體驗。 奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個回貼   分0頁

上一頁 / 下一頁   當前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質"型網(wǎng)站建設及精美網(wǎng)站制作服務，同時歡迎各地網(wǎng)站建設公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶