應用程式與我們息息相關,上期文章介紹了五個常見錯誤《十大應用程式設計錯誤》,這次來填坑了繼續幫助大家分析五個應用程式的常見錯誤。在人機互動中,任何可以點擊的東西都被稱為目標:所有活動的UI元素都是目標。用戶要獲取目標,必須能夠(1)識別目標;(2)可靠地點擊。這兩個方面都給現代應用程式界面帶來了問題。「功能可見性」是指你可以對一個物體做什麼。例如,複選框提供打開和關閉,滑塊提供向上或向下移動。意符是一種視覺元素,它可以幫助你在開始使用對象(或者感覺它,如果它是一個物理設備而不是屏幕上的UI元素)之前通過查看對象來理解功能可見性。這些概念在唐·諾曼的《日常事物的設計》一書中進行了討論。意符在UI設計中尤其重要,因為所有的屏幕像素都能承受點擊——即使你點擊後通常什麼也不會發生。在電腦屏幕上有那麼多看得見的東西,以至於用戶沒有時間玩掃雷遊戲,只是四處點擊希望找到一些可操作的東西。(例外:小孩子有時喜歡通過點擊來探索屏幕。)在現代應用中,最糟糕的缺點之一是超平面設計。許多平面設計對目標的意符都很弱:人們很難區分文本和按鈕,因為按鈕缺乏傳統的3D線索。與此相關的一個問題是,單擊的目標太小了,用戶會錯過並單擊活動區域之外的目標。即使用戶最初正確地理解了相關的意符,他們也經常會改變主意,並開始相信某些對象是不可操作的,因為他們認為自己點擊了它,結果什麼都沒發生。(對於年長的用戶和有運動技能障礙的用戶來說,過小的點擊區域是一個特別的問題。)許多應用程式使用模態窗口來實現與數據的交互——編輯現有項、添加新項、刪除甚至讀取關於項的其他詳細信息。模態顯示在當前頁面上方,背景內容通常會變暗(假設變暗可以減少幹擾,幫助用戶專注於手頭的任務)。不幸的是,這種設計選擇減少了用戶的情境,因為它掩蓋了用戶在填寫表單時可能希望引用的信息。(注意,即使被覆蓋的窗口不包含編輯所需的信息,用戶通常也會試圖利用他們以前完成的工作,方法是複製和粘貼以前的輸入,或者甚至簡單地使用其他條目作為模板來考慮當前任務。)
在Airtable中,編輯表行會打開一個模態,其中包含表中的大部分信息,並阻止用戶引用這些信息。長串的字母和數字,例如資料庫中自動生成的ID,經常用於唯一地標識應用程式中的項。這些字符串對用戶來說完全沒有意義,但它們通常作為表的第一列顯示在顯著位置,迫使用戶掃描第一列以找到他們關心的信息。雖然這些毫無意義的索引在後臺很重要,但它們不應該是用戶必須參考的主要信息。特別是在高信息密度的屏幕中,應提供一些人類可讀的信息作為主要錨點,並將ID推到不太突出的位置。編碼信息的大量使用經常出現在醫療應用程式、CRM系統(用戶常常必須為與客戶的每一次銷售交互選擇一個編碼)、會計軟體和企業應用程式中。在所有這些應用程式中,對人類有意義的信息都用簡短的代碼進行了總結,以使其更緊湊。一段簡短的代碼可能比一個完整的句子更適合一小塊區域,但會給用戶帶來更高的認知負擔。他們需要把編碼信息翻譯成有意義的東西,而我們的工作記憶本來就有限。即使是訓練有素的專業人員也不可能記住所有可能的代碼,他們仍然需要花費大量的精力來進行這種心理翻譯。
該表的第一列是無意義的ID信息;網絡代碼和位置代碼欄位還包括編碼信息,用於在緊湊空間中表示複雜信息。位置名是唯一對人類有意義的列;要破譯其他的代碼,人們要麼依賴於他們的記憶,要麼必須參考一串代碼鍵。如果你的應用程式有數百甚至數千個特性,你必須將這些特性的控制項放在某個地方,而且,你需要對它們進行優先級排序和組織,以便用戶能夠輕鬆地找到並快速訪問最重要的特性。這種約束的一個後果就是經常出現一個溢出菜單:最常用的操作顯示在工具欄中,最後一項標記為「更多操作」、「工具」,或者最糟糕的是……包含了所有其他不適合的選項。這些菜單標籤具有低信息氣味,只不過是一個放垃圾的摺疊菜單:一個放所有你無法歸類但又不想扔掉的東西的地方。這種摺疊菜單經常出現,因為團隊有一串所需的特性,但是不知道將它們放在哪裡,或者在遺留應用程式中,它無法刪除舊的、很少使用的特性。溢出菜單的問題在於,就像你家裡的垃圾抽屜一樣,沒有人知道你可能放了什麼。換句話說,它限制了特性的可發現性和可查找性,因為大多數用戶沒有任何理由去查找那些菜單。
Airtable: 一個標著…的垃圾摺疊菜單幾乎沒有什麼信息氣味。用戶將很難預測菜單中的內容。
Salesforce: 一個標著More的垃圾摺疊菜單將Save之類的操作放在會破壞工作(比如放棄)的操作旁邊,這是一個常見的設計決策,會給用戶帶來很多麻煩。雖然從邏輯上講,這種布局通常是合理的(例如,Save和Delete是相關的,因為它們決定了一個項目的命運),但它也使單擊錯誤的按鈕或圖標變得很容易——特別是當用戶匆忙、完成重複的操作或有運動困難時。這種無意的用一個操作代替另一個操作的行為叫做手滑。
企業備份軟體Veeam提供了一個多步驟嚮導來設置新的備份作業。在我們的研究中,一個用戶花了將近20分鐘來完成這個嚮導,由於兩個按鈕的接近性,他幾乎是在最後一個摘要頁面上單擊了Cancel而不是Finish。如果該用戶單擊Cancel, 20分鐘的工作就會丟失。
Microsoft Outlook將跟蹤按鈕的標誌放在歸檔和刪除圖標旁邊。這些圖標服務於相反的用戶意圖,但它們很小,放置緊密,很容易被用戶在匆忙中弄錯。應用程式是非常特定於領域的,因此對於一個行業來說可用、高效、令人愉快的應用程式對於另一個行業來說可能是徹頭徹尾的災難。創建一個可用的應用程式需要你與你的用戶一起研究,以確定他們的工作流程、他們需要的特性以及他們的心智模型和期望。然而,這裡列出的10個應用程式錯誤代表了我們在一系列行業,包括創意、金融、企業、醫療、工程等等行業的研究中觀察到的共同現象。
原文連結:https://www.nngroup.com/articles/top-10-application-design-mistakes/
翻譯:馬克筆設計留學
如果對於設計專業留學和作品集有任何疑問,可以隨時和我們聯繫,微信:13718574833,知無不言言無不盡!