南通颐猩文化传播有限公司

當前位置:首頁 >  站長 >  網(wǎng)站運營 >  正文

界面設計高手不會告訴你的8條UI設計基本準則

 2017-10-25 16:16  來源: A5企業(yè)專欄   我來投稿 撤稿糾錯

  域名預訂/競價,好“米”不錯過

用戶界面(User Interface)簡稱UI,它是指用戶與網(wǎng)站內容進行互動的一個界面。如果將一個網(wǎng)站比喻成一個房子,那么用戶界面就是這個房子的門面和裝潢,決定著用戶對網(wǎng)站的第一印象。良好的用戶界面可以帶來極佳的感官效果,流暢的瀏覽體驗,讓用戶更容易與網(wǎng)站進行互動,有利于網(wǎng)站流量的提升。好的用戶界面設計是用戶體驗的前提。不過,什么才是好的用戶界面設計呢?用戶界面設計的潮流風向一直在變,如何能夠兼顧設計的美感和實用性?怎樣在眾多同行的設計中脫穎而出呢?小飛特地總結了8條關于用戶界面設計的準則,快來看看吧!

用戶界面設計的基本準則:

1.通用性(響應式)

隨著手機等移動設備用戶的不斷增多,只針對某個設備的網(wǎng)站已經(jīng)過時了。當你在做網(wǎng)站的時候,記得要讓用戶界面適應于不同尺寸的屏幕:不管是高頻寬還是低頻寬,用戶界面都能很快的加載,不管是ipad還是iPhone,界面的格式都能很好的呈現(xiàn)。

由此可見,一個響應式的用戶界面是必需的,響應式能夠確保用戶界面在任何設備、不同分辨率上都可以呈現(xiàn)良好的視覺體驗。 過去人們做網(wǎng)站時總是更加注重如何面向PC端,認為適應PC端的用戶界面才是最好的。但是,早在2014年,使用手機瀏覽網(wǎng)頁的用戶已經(jīng)超過電腦用戶了。不過,我們現(xiàn)在應該將重心全部轉移到移動端嗎?答案是否定的,PC端的用戶仍舊占據(jù)市場42%的份額,所以千萬不要顧此失彼。

2.簡單易用

保持用戶界面的簡單易用,網(wǎng)站界面上出現(xiàn)華而不實的裝飾或是不必要的元素只會干擾用戶,讓他們分心。簡單易用的用戶界面意味著我們應該在網(wǎng)站的字、詞、句或是關鍵概念上使用通俗易懂的語言,避免因一些行業(yè)術語或特殊稱呼,讓用戶摸不著頭腦。網(wǎng)站的信息也應層次清晰,目標明確,不要讓用戶去猜你想讓他們做什么,不是所有用戶都有足夠的耐心和時間的。

還有,簡化用戶的行為。如果你想要用戶在界面上進行注冊登錄、填寫信息,最好將這過程分成幾個步驟。這就像跑馬拉松一樣,將遠距離的路程分解為一個個的小目標,更易完成。舉個栗子來說,如果你正在做一個銀行系統(tǒng)的網(wǎng)站頁面,在用戶進行注冊填寫信息時,將"聯(lián)系方式"、"賬戶信息"、"個人信息"分開,一步一步來,將它們都放在一個頁面上可能會讓訪客因過長的表單而退縮。不過,分開的表單也不要太多,小飛就曾有過填表填到想要吐的狀況。

3.一致性

保持用戶界面的一致性是指保持色彩、風格、布局和設計等元素的和諧統(tǒng)一。界面色彩最好能與品牌的整體形象保持一致,主色調和輔色調種類不要太多,色彩明度和亮度要恰當,這能提供給用戶舒適的感官體驗,有效提升品牌的知名度;而保持布局和設計的一致,能讓用戶在學會某項操作以后,更快遷移到其他元素上,提高用戶操作的熟練度和效率。

保持用戶界面的一致性是基于一定的心理準則的:最小驚訝原則(POLA,Principle of Least Astonishment)。它是指用戶界面上類似元素的效果應該保持一致,盡可能減少給用戶意想不到的驚訝。在《巧用5個心理學現(xiàn)象優(yōu)化用戶體驗設計,提高網(wǎng)站轉化率》中談用戶體驗的心理學現(xiàn)象時,小飛也有提到用戶對于網(wǎng)站中一些元素的布局或設計是有一定的預期的,太多意料之外的效果并不總是驚喜,也可能是驚嚇,太多的設計元素也會讓頁面看起來更復雜。聰明的讀者,你們一定能夠看出下面這個網(wǎng)站的問題所在吧!

4.避免錯誤

在用戶界面上要避免出錯。這是因為網(wǎng)頁上的錯誤會直接影響用戶對于網(wǎng)站的認知,加載速度等方面的問題還會讓用戶耐心耗盡,直接離開。所以,嚴謹一點,盡量避免一些影響用戶體驗問題的出現(xiàn),定期給網(wǎng)站來個"體檢",如果存在問題的話,請盡快解決。

用戶界面上可能出現(xiàn)的錯誤不僅包括那些簡單明顯的,比如錯別字、格式問題,還有一些難以察覺的、但卻嚴重阻礙訪客達成某種行為(如購買、訂閱等)的。舉個栗子來說,如果用戶在界面上進行注冊,需要輸入一個8位數(shù)的密碼,且必須包含一位數(shù)字,但某位訪客不知道這項規(guī)則,創(chuàng)建的密碼太短了,你會在用戶填完所有信息點擊提交時提醒他們,還是在不適合密碼輸入時就直接給他們提示?很顯然,第二種方式是比較好的設計,按第一種方法來做,用戶在以為大功告成時反而前功盡棄,用戶的愉悅度會大大降低。另外,錯誤處理的方式越簡單越好。在上述案例中給你兩種錯誤提示:"輸入有誤"和"密碼有誤",你覺得哪一個更加合適?答案很明顯吧,在用戶犯錯時,提供一個簡單明了的提示更能贏得他們的"芳心"。

5.靈活性

用戶界面上的元素應該足夠靈活、方便用戶使用。這意味著我們應該給用戶提供多種操作方式,支持PC端的鼠標、快捷鍵以及手機等移動設備上的手勢操作。還要記得設置恢復默認、回到上一級、或取消等按鍵,在用戶想要修改時能給他們提供靈活方便的操作,這能降低用戶的擔心和焦慮,鼓勵他們去探索一些不熟悉的事物,同時對我們的網(wǎng)站也會更有好感。另外,用戶界面定制化方面也應該足夠靈活,雖然有一些用戶傾向于保留類似"出廠設置"這樣的默認值,但還有一些用戶喜歡根據(jù)自己的習慣定制化界面,滿足不同用戶的多種需求很重要。

6.最小化用戶認知負擔

人腦不是電腦,在設計用戶界面時,我們要考慮到用戶大腦處理加工信息的限度。研究表明,人類的短期記憶不穩(wěn)定,24小時之內存在25%的遺忘率,太多的信息會加重用戶的閱讀負擔,影響信息的獲取和儲存。所以怎樣安排用戶界面元素很重要,合理有序的界面元素可以讓用戶更易消化網(wǎng)站內容,適當?shù)牧舭卓梢酝怀鼋缑娴闹攸c元素,吸引用戶的注意力。

怎樣才能做好用戶界面各元素的合理安排呢?不斷的測試才是王道,好的用戶界面設計不是一蹴而就的,只有根據(jù)測試結果不斷進行修改才能做出用戶真正滿意的網(wǎng)站。

7.恰當?shù)囊龑?/strong>

網(wǎng)站的用戶界面還應該包含恰當?shù)囊龑АQ芯勘砻魅绻鹃L不要求訪客做出某種行為,大多數(shù)用戶都是無動于衷,不會有所行動的。這也是為什么行為引導按鈕的突出顯示常常能夠帶來比較高的轉化率。

不過我們在引導用戶做出某種行為的時候,一定要足夠友好,考慮時機和語境。比如,用戶正在認真瀏覽某一區(qū)塊的內容時,彈出一個彈窗邀請他們?yōu)g覽另一個頁面或完成某項行為,在這種情況下,大多數(shù)用戶是不會予以理睬的。相比而言,在用戶瀏覽到網(wǎng)頁的底部后再跳出邀請彈窗可能更加有效,這就是時機的重要性。

說到恰當?shù)囊龑?,理想的用戶界面還應該有隱藏的"幫助"選項,能夠有效地指引用戶學習。作為設計者,只有用戶知道如何使用你提供的界面,能在界面中得到指導,這樣才是成功的。

8.提供反饋

用戶界面旨在實現(xiàn)用戶與網(wǎng)站的互動,而反饋溝通就是互動過程中最重要的一環(huán)。假如你打開一個發(fā)現(xiàn)房間的門,發(fā)現(xiàn)一片漆黑,按了開關,燈卻沒有亮,你可能就會假定哪里出了問題,不會邁進房間。網(wǎng)站上的用戶界面也是一樣,用戶做出了某項行為,卻沒有任何反饋行為,他們可能就會選擇退出離開。所以不管用戶行為的對錯與否,我們應該隨時給用戶一些提示,比如狀態(tài)更改、輸入有誤或信息異常等。無論是視覺還是文字提示,都能給用戶一定的反饋,能讓該用戶體驗更佳,重點是要提供反饋。

網(wǎng)站用戶界面的設計趨勢總是在不停變化,小飛相信未來關于實現(xiàn)用戶界面功能與形式的完美結合的設計也會層出不窮。目前我們已經(jīng)見證了了極簡主義和響應式網(wǎng)站的興起,新技術的到來勢必會帶來新的改變。不斷的測試和實驗才是學習掌握新設計的最佳渠道,但我們總需要先掌握一些準則作為基礎,以上這些就很靠譜,希望大家能夠從中吸取經(jīng)驗和教訓,做出更好的用戶界面,吸引更多的訪客。快來起飛頁自助建站平臺()做一個網(wǎng)站吧!

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關標簽
起飛頁建站

相關文章

  • 響應式網(wǎng)站中優(yōu)化用戶體驗的7個關鍵點

    隨著移動設備的不斷興起,響應式設計越來越受到大眾的喜愛,站長們在搭建網(wǎng)站時也更加傾向于選擇響應式網(wǎng)站。不過,大多數(shù)站長們都認為既然響應式網(wǎng)站可智能根據(jù)設備屏幕大小呈現(xiàn)不同的展示效果,那就不用再對移動端的網(wǎng)站進行手動調整了。其實這種看法是片面的,響應式網(wǎng)站雖然自身具備一定的特質,但有時PC端網(wǎng)站和移動

  • 盤點2017年最受歡迎的10個商城范例:我們從中可以得到哪些啟示?

    在電商和線上購物快速發(fā)展的今天,擁有一個商城網(wǎng)站很是必要,關于試水獨立商城的好處大家可以瀏覽《有了淘寶京東,為什么還要自建商城網(wǎng)站?》查看。但是,搭建商城網(wǎng)站并不簡單,慶幸的是目前市面上涌現(xiàn)了不少建站平臺,起飛頁自助建站平臺就是其中一個,各位商家可以借助起飛頁輕松搭建出一個好看、實用的商城網(wǎng)站。不過

    標簽:
    起飛頁建站
  • 讓首頁背景動起來是怎樣一種感覺?8張圖告訴你真相!

    現(xiàn)在越來越多的設計師開始在網(wǎng)頁中使用循環(huán)視頻作為背景,這種現(xiàn)象的出現(xiàn)主要有兩個原因。一方面,移動設備性能不斷完善,網(wǎng)速越來越快,用戶能夠且有條件在移動設備上瀏覽視頻背景的網(wǎng)站;另一方面,隨著HTML5技術的發(fā)展,很多主流瀏覽器的視頻標簽都支持循環(huán)(Loop)屬性,網(wǎng)頁上單個或一系列視頻短片的循環(huán)播放

    標簽:
    起飛頁建站
  • 缺乏靈感?給你8個值得每天學習的頂尖設計網(wǎng)站

    網(wǎng)站設計是一種藝術,它離不開靈感和創(chuàng)意。但靈感與創(chuàng)意的涌現(xiàn)是需要碰撞、需要時機的,大多數(shù)設計師都不可能每時每刻都靈感爆棚。當您缺乏設計靈感時,不妨看一看下面這些網(wǎng)站,它們都收錄了豐富的素材,都有許多獨立設計師上傳的優(yōu)質作品,沒準這些設計就能讓你眼前一亮,獲得一些想法或啟發(fā)。趕緊和小飛一起看看這8個值

    標簽:
    起飛頁建站
  • 目前為止用戶體驗度最好的表單:浮動標簽式的表單

    在當今這個互聯(lián)網(wǎng)時代,填寫表單對用戶來說就是家常便飯,在網(wǎng)站進行注冊登錄時、在網(wǎng)上購物時,都免不了填寫表單這一環(huán)。表單是網(wǎng)頁設計中重要的組成部分之一,在獲取用戶信息方面發(fā)揮著不可或缺的作用,它是用戶和網(wǎng)站的一種互動形式,這種形式的互動越順暢,網(wǎng)站的用戶轉化率就越高。這也是為什么許多站長們一直在研究如

熱門排行

信息推薦