遵循這7個(gè)規(guī)則，能讓你的網(wǎng)站設(shè)計(jì)體驗(yàn)更優(yōu)秀
2020-05-12 776

作為用戶，在很多時(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)越。