用戶的注意力很短。無論是通過網(wǎng)頁和APP的數(shù)據(jù)分析，還是其他統(tǒng)計數(shù)據(jù)，都證實了這一事實。這也使我們需要在設(shè)計上花費更多精力來捕捉用戶的好奇心和注意力，以便他們能夠在最短的時間內(nèi)獲得網(wǎng)站的信息。

關(guān)于人類關(guān)注的類型和特征，我在前一篇文章《從了解用戶的注意力開始，創(chuàng)造更優(yōu)秀的用戶體驗》中進(jìn)行了詳細(xì)闡述。那么你如何在網(wǎng)頁設(shè)計中使用它？了解用戶的實際需求，幫助他們更快更好地獲取所需信息，從而更好地留住用戶。幸運的是，這樣的設(shè)計技巧并不復(fù)雜，接下來的七項技能可以幫助你在一定程度上做到這一點。

1. 讓用戶無需費力思考

對于用戶而言，無需復(fù)雜決策即可做出決策的設(shè)計可以輕松快速地獲取。在沒有思考麻煩的情況下設(shè)計信息總是讓人聯(lián)想到極簡主義，但總的來說，更多的是簡化元素和效果。當(dāng)然，簡約風(fēng)格也是不錯的選擇。

通常，限制信息量以避免信息過載是實現(xiàn)這種設(shè)計的唯一方法。

使導(dǎo)航變得足夠簡單以提供有限數(shù)量的選項

使用更易讀的字體

增強(qiáng)元素之間的對比度，使行為召喚更容易被感知

堅持所有頁面和每個屏幕上的想法，或遵循互動

確保購物車，表格等交互式控件始終可用

2. 鼓勵交互的視覺內(nèi)容

該網(wǎng)站本身是一個高度可用的媒體平臺。由于它是媒體和內(nèi)容，您應(yīng)該充分利用這一特性。

通過視覺吸引用戶注意力是一種簡單的策略，當(dāng)通過視覺設(shè)計添加交互元素時，它們通常具有良好的轉(zhuǎn)換率。

在設(shè)計中，從A點到B點應(yīng)該是一個直接而快速的過程。電子商務(wù)設(shè)計師應(yīng)該深受此感動。用戶在社交媒體上看到一雙紅鞋，他們想要得到它，最好在點擊鏈接后立即看到產(chǎn)品，這樣與購物行為互動的機(jī)會就會更高。

節(jié)省時間的設(shè)計策略是讓用戶盡快看到購買按鈕，這樣他們就不必翻閱頁面并查找可點擊的鏈接。這個地方有幾個值得注意的提示。一種是在網(wǎng)站上使用與社交媒體一致的圖片，以便用戶可以一眼就看出他想要什么，產(chǎn)品是什么。

3. 將復(fù)雜的元素分解

將復(fù)雜的故事分解為更小，更容易被吸收和理解的部分，使用戶更容易獲取信息。在處理文本段落時，較小的段落肯定比較大的段落更易于閱讀和理解，并且大多數(shù)用戶更愿意閱讀這些內(nèi)容。

嘗試使用卡片之類的設(shè)計，使用視差滾動或概括主要內(nèi)容，并“閱讀更多”以指導(dǎo)用戶使用全文。這些技術(shù)可以增加參與度并降低內(nèi)容的復(fù)雜性。

4. 減少表單內(nèi)容

讓用戶更快地進(jìn)行交互的最簡單方法之一是嘗試僅提供關(guān)鍵信息并減少不必要的內(nèi)容。在表格處理中使用相同的技術(shù)。

只需要詢問必要的信息，例如用戶的姓名和電子郵件，并提供可以在以后繼續(xù)使用的表單選項。

使用確定輸入數(shù)據(jù)是否正確的表單函數(shù)，確保用戶知道他們是否正確鍵入，錯誤在哪里以及進(jìn)行更正。

不要求提交的重復(fù)數(shù)據(jù)，例如所需的信用卡類型和信用卡號（實際上可以使用該數(shù)字來確定類型）。

5. 設(shè)計清晰顯著的行為召喚

行為召喚是在網(wǎng)頁中觸發(fā)用戶交互的最有效手段之一。行為召喚的副本應(yīng)該簡單明了，按鈕應(yīng)該對比。

一般來說，如果你想要在行為召喚方面有效，最好讓行為召喚元素更加明亮，這樣用戶在看到它時就可以知道如何去做。例如，“指向我下訂單”，必須匹配具有明顯指導(dǎo)的文本標(biāo)簽。

6. 發(fā)布前反復(fù)斟酌和編輯

網(wǎng)頁的內(nèi)容需要仔細(xì)考慮和完善。好的內(nèi)容永遠(yuǎn)不會得心應(yīng)手。良好的網(wǎng)絡(luò)內(nèi)容要求設(shè)計師和編輯進(jìn)行反復(fù)調(diào)整，并仔細(xì)考慮內(nèi)容，使其更易于閱讀和理解。

這意味著你不能使文字拼寫錯誤，你不能有模糊的表達(dá)，你必須有明確的指導(dǎo)方針，語法和句子結(jié)構(gòu)應(yīng)該是完整和正確的。

有時，如果您希望內(nèi)容沒有錯誤且更好，最好引入第三方來幫助您閱讀，審閱和提供指導(dǎo)。它們將更容易幫助您識別潛在問題。

在您準(zhǔn)備發(fā)布之前，最好使用內(nèi)置或第三方拼寫檢查程序來幫助您再次通過它。

7. 保持一致

一致的設(shè)計意味著在設(shè)計過程中遵循相同的工作方式，使用統(tǒng)一的元素和交互?？傊?，整個設(shè)計應(yīng)該在前后統(tǒng)一。按鈕和按鈕應(yīng)使用相同的顏色和字體，懸停狀態(tài)。它是一樣的，無論它在哪里，都是這樣做的。

對于需要在設(shè)計中多次使用的元素，例如圖標(biāo)，購物車，表單，鏈接和社交媒體按鈕，它們必須在之前和之后相同，并保持重復(fù)。

從標(biāo)題，正文到圖像，網(wǎng)頁的內(nèi)容應(yīng)該是一致的。 CSS中的統(tǒng)一設(shè)置，統(tǒng)一管理，可以幫助您保持一致性。

這種一致性使網(wǎng)站看起來完整和統(tǒng)一。用戶看到內(nèi)容，他們不必猜測他們屬于同一個網(wǎng)站，他們看到新內(nèi)容符合他們的期望。

結(jié)語

清晰的邏輯，快速且可操作，隨時可執(zhí)行，簡單明了。讓您的網(wǎng)站符合用戶的邏輯并自然地完成任務(wù)。這是所有用戶的潛在需求，也是真正的需求。它可以幫助用戶實現(xiàn)目標(biāo)，同時節(jié)省時間。這也是網(wǎng)站轉(zhuǎn)換率的好處。很多。

« 超實用！設(shè)計師的自學(xué)手冊配色指南 | 蘋果推新舊“獎勵”用戶，網(wǎng)友：不誠意 »