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