遵循這7個(gè)規(guī)則,能讓你的網(wǎng)站設(shè)計(jì)體驗(yàn)更優(yōu)秀
2020-05-12 776
遵循這7個(gè)規(guī)則,能讓你的網(wǎng)站設(shè)計(jì)體驗(yàn)更優(yōu)秀
作為用戶,在很多時(shí)候會(huì)很容易判斷出一個(gè)網(wǎng)站的用戶體驗(yàn)是否優(yōu)秀,由于主觀感受是很難被詐騙的。但是作為網(wǎng)站的設(shè)計(jì)者和開發(fā)者,角色轉(zhuǎn)換以后,所需要面對問題就復(fù)雜得多。
作為用戶,在很多時(shí)候會(huì)很容易判斷出一個(gè)網(wǎng)站的用戶體驗(yàn)是否優(yōu)秀,由于主觀感受是很難被詐騙的。但是作為網(wǎng)站的設(shè)計(jì)者和開發(fā)者,角色轉(zhuǎn)換以后,所需要面對問題就復(fù)雜得多。身為構(gòu)建者,要讓體驗(yàn)精美絕倫需要花費(fèi)大量的時(shí)間精力來完善全部體驗(yàn)的閉環(huán)。今天為你所整頓的這7個(gè) UX設(shè)計(jì)的規(guī)則,能夠幫你更好地進(jìn)行網(wǎng)站的 UX設(shè)計(jì),而且盡大約地將整體的用戶體驗(yàn)提升到一定高度。
1. 纏繞用戶體驗(yàn)來進(jìn)行整體設(shè)計(jì)
想要?jiǎng)?chuàng)造難忘的用戶體驗(yàn),自然要纏繞著用戶體驗(yàn)本人來進(jìn)行設(shè)計(jì)。甚至在某種作用上來說,數(shù)據(jù)和內(nèi)容也應(yīng)該是服無于體驗(yàn)的, 它們應(yīng)該以什么樣的體驗(yàn)來發(fā)現(xiàn)出來,這是設(shè)計(jì)者需要一再思考和琢磨的問題。
圖形、布局、文本和交互元素之間的協(xié)同工作才氣創(chuàng)造體驗(yàn),任何一個(gè)維度缺一不可,單純的消息展示是不足的。
想讓你的網(wǎng)絡(luò)能在互聯(lián)網(wǎng)上大量的消息中矛頭畢露,體驗(yàn)是至關(guān)緊張的。當(dāng)代網(wǎng)絡(luò)中大量的視覺和交互內(nèi)容存在,是為了能歷史體驗(yàn)直擊人心,這樣才氣在激烈的競爭中存活。
2. 網(wǎng)站內(nèi)容該當(dāng)一目了然
如果你以為網(wǎng)站內(nèi)容是用來讀的,那就錯(cuò)了。當(dāng)代用戶的留意力密集的時(shí)間很短,絕大多數(shù)用戶在瀏覽消息的時(shí)候,都是快速掃視,而非逐字逐句地仔細(xì)閱讀,消息的展現(xiàn)一定要直觀、清楚,確保能夠一瞥就能看清楚。借助消息圖表和視覺特效,更快地轉(zhuǎn)達(dá)消息和數(shù)據(jù)。
你需要讓你的內(nèi)容加倍吸引用戶,絕大多數(shù)用戶會(huì)為觸動(dòng)它們的消息和內(nèi)容而存身,當(dāng)他們想要了解更多的時(shí)候,才會(huì)點(diǎn)擊,了解更多。
3. 用戶想要簡單而清楚的內(nèi)容
用戶只需要半秒就能判斷出網(wǎng)站設(shè)計(jì)和內(nèi)容,你需要盡管讓大連網(wǎng)站設(shè)計(jì)的交互和指引足夠清楚,不言而喻。不要讓按鈕難以被用戶發(fā)現(xiàn),在首頁上放上一大堆的按鈕和鏈接,不如歷史視覺上的引導(dǎo),讓用戶留意到很關(guān)節(jié)的那個(gè) CTA按鈕。
歷史迭代和測試,接續(xù)地優(yōu)化和提升網(wǎng)站的易用性。有的大連設(shè)計(jì)公司對于絕大多數(shù)的用戶都很有用,凸顯很緊張的選項(xiàng),允許潛藏分外的成果,而且為用戶提供闡揚(yáng)全部的選項(xiàng)。
除了清楚的設(shè)計(jì),整體的一致性也很緊張。同一的配色、交互和圖形能夠讓用戶對于后續(xù)的操縱有更清楚的預(yù)期,減少用戶在后續(xù)操縱過程中探索的力度,這是歷史同一性設(shè)計(jì)提升產(chǎn)品易用性的一種技巧。
4. 通用設(shè)計(jì)元素 vs 創(chuàng)造性
當(dāng)某個(gè)設(shè)計(jì)元素在別的處所很多見的時(shí)候,它就曾經(jīng)造成了特定的 UI 模式,盡管不要去修改它,哪怕是很敷裕創(chuàng)意的技巧。當(dāng)你將這種約定俗成的元素修改成別的樣子的時(shí)候,用戶需要花費(fèi)比平時(shí)更長的時(shí)間來判斷它究竟是什么。這種認(rèn)知負(fù)荷將會(huì)影響全部網(wǎng)站的使用服從和轉(zhuǎn)化率。好比漢堡圖標(biāo),好比網(wǎng)站登錄進(jìn)口的位置(右上角)。沒有必要在這種處所重新「尺度化」。
對于鏈接、導(dǎo)航、布局這樣基本的元素,應(yīng)該始終優(yōu)先思量其可用性,在此基礎(chǔ)上再發(fā)揮創(chuàng)意。
固然非傳統(tǒng)的設(shè)計(jì)很酷,但是它的可用性問題同樣很大。創(chuàng)造性的設(shè)計(jì)同樣是需要控制其程度和平衡,如果非沖要破老例,盡管控制好程度,而且一次至多打破一條規(guī)則,不能更多。
5. 了解你的用戶
在開始確立網(wǎng)站和 APP 之前,你應(yīng)該對于你的指標(biāo)客戶群體有足夠清楚的了解,這樣才氣更好地為他們來設(shè)計(jì)界面。
一旦你清楚地了解了你的用戶,就能了解他們的需要和愿望,而且設(shè)計(jì)出符合他們預(yù)期的界面和體驗(yàn)。這個(gè)時(shí)候,你的競爭對手能夠?yàn)槟闾峁╈`感和想法。留意對方的顏色,布局,樣式和成果。
盡大約使用你的受眾曾經(jīng)諳習(xí)的 UI 模式和 UI 元素,能夠更快讓他們上手。在此基礎(chǔ)上,適當(dāng)?shù)剡M(jìn)行迥異化的設(shè)計(jì),這樣服從更高。
當(dāng)你斷定了受眾以后,記得盡管把他們的反應(yīng)歸入到你的設(shè)計(jì)中間。
6. 視覺檔次很緊張
當(dāng)界面中優(yōu)先放置很緊張的元素,歷史視覺檔次來凸顯它們,確保用戶能夠更快留意到它們。在設(shè)計(jì)中,有很多技巧能夠凸顯內(nèi)容,但是很有用的技巧始終是讓它們更大更醒目。
視覺檔次的構(gòu)建能夠讓網(wǎng)站內(nèi)容加倍清楚,也加倍敷裕成果性。
7. 控制用戶體驗(yàn)的質(zhì)量
Peter Moville 在 usability.gov 這個(gè)網(wǎng)站上枚舉出了用戶體驗(yàn)設(shè)計(jì)的關(guān)節(jié)成分,它的核心價(jià)格在于歷史不同的維度更好地掌控用戶體驗(yàn)的質(zhì)量:
-
有用:內(nèi)容應(yīng)該是原創(chuàng)的且滿足需要。
-
可用:網(wǎng)站的內(nèi)容應(yīng)該很容易被找到。
-
可取:設(shè)計(jì)元素應(yīng)該貼合情感且具備可瀏覽性。
-
可發(fā)現(xiàn):內(nèi)容容易被定位,被找到,而且可導(dǎo)航。
-
無障礙:設(shè)計(jì)要為有障礙的用戶進(jìn)行定制。
-
可信:網(wǎng)站內(nèi)容應(yīng)該有巨子性,且值得被相信。
除了上面的維度之外,另有少許值得參考的 UX設(shè)計(jì)的質(zhì)量衡量尺度:
-
符合高低文:有清楚的路徑,符合高低文邏輯。
-
人性化:值得信賴,平易近人,透明,并不機(jī)械。
-
可發(fā)現(xiàn)性:用戶在第一次訪問的時(shí)候就能夠順暢的實(shí)現(xiàn)使命。
-
可學(xué)習(xí)性:確保交互足夠簡單,而且能夠無縫地響應(yīng)移動(dòng)端界面,確保用戶在隨后的訪問過程中達(dá)成指標(biāo)。
-
高效:確保用戶能夠快速輕松地實(shí)現(xiàn)種種使命。
-
令人愉悅:確保產(chǎn)品能夠滿足用戶需要,還能夠和用戶發(fā)生情感接洽。
-
闡揚(yáng)優(yōu)越:當(dāng)用戶與之交互的時(shí)候闡揚(yáng)優(yōu)越。