界面設計高手不會告訴你的8條UI設計基本準則
界面設計高手不會告訴你的8條UI設計基本準則
發布日期：2018-06-02
瀏覽次數：3395
用戶界面（User Interface）簡稱UI，它是指用戶與網站內容進行互動的一個界面。如果將一個網站比喻成一個房子，那么用戶界面就是這個房子的門面和裝潢，決定著用戶對網站的第一印象。良好的用戶界面可ღ以帶來極佳的感官效果，流暢的๊瀏覽體驗，讓用戶更容易與網站進行互動，有利于網站流量的提升。好的用戶界面設計是用戶體驗的前提。不過，什么才是好的用戶界面設計呢？用戶界面設計的潮流風向一直在變，如何能夠兼顧設計的美感和實用性？怎樣在眾多同行的設計中脫穎而出呢？小飛特地總結了8條關于用戶界面設計的準則，快來看看吧！
用戶界面設計的基本準則：
1.通用性（響應式）
隨著手機等移動設備用戶的不斷增多，只針對某個設備的網站已經過時了。當你在做網站的時候，記得要讓用戶界面適應于不同尺寸的屏幕：不管是高頻寬還是低頻寬，用戶界面꧋都能很快的加載，不管是ipad還是iPhone，界面的格式都能很好的呈現。
由此可見，一個響應式的用戶界面是必需的，響應式能夠確保用戶界面在任何設備、不同分辨率上都可以呈現良好的視覺體驗。 過去人們做網站時總是更加注重如何面向PC端，認為適應PC端的用戶界面才是最好的。但是，🌼早在2014年，使用手機瀏覽網頁的用戶已經超過電腦用戶了。不過，我們現在應該將重心ꦉ全部轉移到移動端嗎？答案是否定的，PC端的用戶仍舊占據市場42%的份額，所以千萬不要顧此失彼。
2.簡單易用
保持用戶界面的簡單易用，網站界面上出現華而不實的裝飾或是不必要的元素只會干擾用戶，讓他們分心。簡單易用的用戶界面意味著我們應該在網站的字、詞、句或是關鍵概念上使用通俗易懂的語言，避免因一些行業術語或特殊稱呼，讓用戶摸不著頭腦。🐲網站的信息也應層次清晰，目標明確，不要讓用戶去猜你想讓他們做什么，不是ꦅ所有用戶都有足夠的耐心和時間的。
還有，簡化用戶的行為。如果你想要用戶在界面上進行注冊登錄、填寫信息，最好將這過程分成幾個步驟。這就像跑馬拉松一樣，將遠距離的路程分解為一個個的小目標，更𒀰易完成。舉個栗子來說，如果你正在做一個銀行系統的網站頁面，在用戶進行注冊填寫信息時，將"聯系方式"、"賬戶信息"、"個人信息"分開，一步一步來，將它們都放在一個頁面上可能會讓訪客因過長的表單而退💎縮。不過，分開的表單也不要太多，小飛就曾有過填表填到想要吐的狀況。
3.一致性
保持用戶界面的一致性是指保持色彩、風格🐻、布局和設計等元素的和諧統一。界面色彩最好能與品牌的整體形象保持一致，主色調和輔色調種類不要太多，色彩明度和亮度要恰當，這能提供給用戶舒適的感官體驗，有效提升品牌的知名度；而保持布局和設計的一致，能讓用戶在學會某項操作以后，更快遷移到其他元素上，提高用戶操作的熟練♏度和效率。
保持用戶界面的一致性是基于一定的心理準則的：最小驚訝原則（POLA，Principle of Least Astonishment）。它是指用戶界面上類似元素的效果應該保持一致，盡可能減少給用戶意想不到的驚訝。在《巧用5個心理學現象優化用戶體驗設計，提高網站轉化率》中談用戶體驗的心理學現象時，小飛也有提到用戶對于網ౠ站中一些元素的布局或設計是有一定的預期的，太多意料之外的效果并不總是驚喜，也可能是驚嚇，太多的設計元素也會讓頁面看起來更復雜。聰明的讀者，你們一定能夠看出下面這個網站的問題所在吧！
4.避免錯誤
在用戶界面上要避免出ꦕ錯。這是因為網頁上的錯誤會直接影響用戶對于網站的認知，加載速度等方面的問題還會讓用戶耐心耗盡，直接離開。所以，嚴謹一點，盡𝔍量避免一些影響用戶體驗問題的出現，定期給網站來個"體檢"，如果存在問題的話，請盡快解決。
用戶界面上可能出現的錯誤不僅包括那些簡單明顯的，比如錯別字、格式問題，還有一些難以察覺的、但卻嚴重阻礙訪客達成某種行為（如購買、訂閱等）的。舉個栗子來說，如果用戶在界面上進行注冊，需要輸入一個8位數的密碼，且必須包含一位數字，但某位訪客不知道這項規則🐈，創建的密碼太短了，你會在用戶填完所有信息點擊提交時提醒他們，還是在不適合密碼輸入時就直接給他們提示？很顯然，第二種方式是比較好的設計，按第一種方法來做，用戶在以為大功告成時反而前功盡棄，用戶的愉悅度會大大降低。另外，錯誤處理的方式越簡單越好。在上述案例中給你兩種錯誤提示："輸入有誤"和&quo🔥t;密碼有誤"，你覺得哪一個更加合適？答案很明顯吧，在用戶犯錯時，提供一個簡單明了的提示更能贏得他們的"芳心"。
5.靈活性
用戶界面上的元素應該足夠靈活、方便用戶使用。這意味著我們應該給用戶提供多種操作方式，支持PC端的鼠標、快捷鍵以及手機等移動設備上的手勢操作。還要記得設置恢復默認、回到上一級、或取消等按鍵，在用戶想要修改時能給他們提供靈活方便的操作，這能降低用戶的擔心和焦慮，鼓勵他們去探索一些不熟悉的事物，同時對我們的網站也會更有好感。另外，用戶界𓃲面定制化方面也應該足ဣ夠靈活，雖然有一些用戶傾向于保留類似"出廠設置"這樣的默認值，但還有一些用戶喜歡根據自己的習慣定制化界面，滿足不同用戶的多種需求很重要。
6.最小化用戶認知負擔
人腦不是電𝓰腦，在設計用戶界面時，我們要考慮到用戶大腦處理加工信息的限度。研究表明，人類的短期記憶不穩定，24小時之內存在25%的遺忘率，太多的信息會加重用戶的閱讀負擔，影響信息的獲取和儲存。所以怎樣安排用戶界面元素很𝓰重要，合理有序的界面元素可以讓用戶更易消化網站內容，適當的留白可以突出界面的重點元素，吸引用戶的注意力。
怎樣才能做好用戶界面各元🎃素的合理安排呢？不斷的測試才是王道，好的用戶界面設計不是一蹴而就的，只有根據測試結果不斷進行修改才能做出用戶真正滿意的網站。
7.恰當的引導
網站的用戶界面還應該包含恰當的引導。研究🌟表明如果站長不要求訪客做出某種行為，大多數用戶都是無動于衷，不會有所行動的。這也是為什么行為引導按鈕的突出顯示常常能夠帶來比較高的轉化✅率。
不過我們在引導用戶做出某種行為的時候，一🐻定要足夠友好，考慮時機和語境。比如，用戶正在認真瀏覽某一區塊的內容時，彈出一個彈窗邀請他們瀏覽另一個頁面或完成某項行為，在這種情況下，大多數用戶是不會予以理睬的。相比而言，在用戶瀏覽到網頁的底部后再跳出邀請彈窗可能更加有效，這就是時機的重要性。
說到恰當的引導，理想的用戶界面還應該有隱藏的"幫助"選項，能夠有效地指引用戶學習。作為設計者🤡，只有用戶知道如何使用你提供的界面，能在界面中得到指導，這樣才是成功的。
8.提供反饋
用戶界面旨在實現用戶與網站的互動，而反饋溝通就是互動過程中最重要的一環。假如你打開一個發現房間的門，發現一片漆黑，按了開關，燈卻沒有亮，你可能就會假定哪里出了問題，不會邁進房間。網站上的用戶界面也是一樣，用戶做出了某項行為🎶，卻沒有任何反饋行為，他們可能就會選擇退出離開。所以不管用🐟戶行為的對錯與否，我們應該隨時給用戶一些提示，比如狀態更改、輸入有誤或信息異常等。無論是視覺還是文字提示，都能給用戶一定的反饋，能讓該用戶體驗更佳，重點是要提供反饋。
網站用戶界面的設計趨勢總是在不停變化，小飛相信未來關于實現用戶界面功能與形式的完美結合的設計也會層出不窮。目前我們已經見證了了極簡主義和響應式網站的興起，新技術的到來勢必會帶來新的改變。不斷的測試和實驗才是學習掌握新設計的最佳渠道，但我們總需要先掌握一些準則作為基礎，以上這些就很靠譜，希望大家♉能夠從中吸取經驗和教訓，做出更好的用戶界面，吸引更多的訪客。快來起飛頁自助建站平臺做一個網站吧！