使用者介面:將雜音降到最低
使用者介面 (UI) 在人與硬體之間建立了微妙的連結。如果設計的方式正確,使用者將與設備產生共鳴,並與設備所屬的品牌建立關係。良好的UI將為產品定下基調,它對產品的成功與否具有決定性的影響。
根據許多研究,大家熟悉已知的UI設計原則包括:
• 應該要簡單明瞭且一致
• 應該要創造掌控感
• 應該要能夠直覺操作並有誤觸防範機制
• 應該要能隱藏於無形
這裡我們想要討論一些在UI設計中,比較常被忽略的面向。
容易被消化的UI
將雜音降到最低
現在的客戶通常沒有時間或耐心等待太久,因此很重要的一點,是你的UI必須是非常容易“被掃描”的。根據統計數據顯示,多達 50% 的人在網站上願意花費的時間,僅有 15 秒甚或更短,因此為了讓訪客可以在最短的時間內有效率地接收資訊,就必須將雜音降到最低,也就是透過抽離所有不相關的訊息,並在去蕪存菁過後,打包成容易消化的資訊塊。良好的使用者介面,即使在短暫瀏覽後,也已經給了消費者主動操控的信心。
地圖式的感知
介面顯示的所有內容,都必須要是有價值且高度相關的,而視覺設計的元素則不應該分散使用者的注意力,因此過度設計、過多的選項和大量的文字,其實都在扼殺效率。設計的目的性必須優先於外觀;資訊的層級可以用字體跟排版在視覺上作強調,以創建有如地圖索引般的資訊接收方式。
一致的風格
不一致的風格會讓資訊的消化變慢,因此要避免使用太多不同的風格和裝飾性元素,反之要盡量使用被普遍接受的圖示,並記得在設計自定義圖示時,仔細確保訊息傳遞清晰,因為所有的設計,都應該是以容易學習理解為前提而存在。
從使用者角度出發
創造熟悉感
盡量使用通用的名稱和術語,幫助使用者正確預測接下來的操作步驟。整體版面和按鍵規劃也是如此,讓使用者可以憑藉過去的經驗,輕鬆聯想到功能所對應的位置。
強化重做與返回的功能
此外,使用者不應該因為不小心的誤按而遺失他們的工作內容,他們應該要能夠回溯之前的步驟,這樣他們就不會過度擔心,而可以更自由地探索 UI,藉由執行重做和返回上一步的動作來消除對意外失誤的恐懼。而彈出式視窗的設計,例如“此訊息沒有標題,你仍要發送它嗎?”和所謂的“確認訊息”更能進一步讓使用者放心。
思考所謂的 “非資訊”
讓設計元素有空間呼吸
為了避免在一個螢幕上顯示過於擁擠的資訊,考慮項目之間的留白空間也非常重要,因為它可以讓大腦進行短暫的休息,讓一切更容易消化;光線、陰影和空白有助於表現物體是漂浮、齊平、還是被壓低的。這些交互元素周圍的負空間應該創造可以呼吸的餘裕,如此能夠使視覺效果更加明顯,但是也不要太高調,這樣整體版面才不會變得嘈雜和零亂。
考量手指尖的大小
大方地使用留白空間同樣有助於 UI 操作。沒有什麼比誤觸智慧手機上的按鍵,或在平板電腦上由於錯誤的操作,不得不回溯而更令人沮喪的了。太小的觸控式圖示令人感到挫折,而可點擊的元素設計應考慮到不同的手指大小。
別忘了對比色
讓色彩彼此幫襯
考慮顏色對比度同樣重要,因為它能引起注目。低對比度等於低能見度,因為它使 UI 變得沉悶且難以閱讀。最高度的對比色可以用在行動呼籲用語,而其他色彩則可將內容區分開來並讓閱讀更容易。
避免混亂
不過,即便設計師為了脫穎而出,常常喜歡嘗試不同的配色方案,但也必須小心不要因為參雜太多顏色,而發送過多信號造成使用者混淆。錯誤的配色會造成閱讀上的不適。一個簡單的技巧是修改單一色調的亮度和飽和度,來生成多個漸層色;避免混搭兩種甚或三種不同亮度和飽和度的對比色調。
不要太過隱形
不要讓簡潔的原則限制了創意
許多文章指出,一個好的介面對使用者來說應該是隱藏的。當設計得很好時,你甚至不會注意到它。雖然這是真的,但好的 UI 也可以表達組織的核心價值觀。我們應該允許設計團隊發揮創意,只要在不會太誇張或干擾整體經驗的前提下進行。
保持聰明並有意義
是的,傑出的使用者介面設計,不能包含毫無意義的視覺效果,但透過巧妙執行的設計,它仍然可以成為您品牌的延伸。偉大的 UI 設計在有必要時是可識別的,而在不被需要的時候,則是隱藏不可見的。