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