怎樣設(shè)計(jì)，才能捉住用戶稍縱即逝的細(xì)致力

用戶的細(xì)致力特別很是短暫。無(wú)論是通過(guò)頁(yè)面和APP的數(shù)據(jù)分析，照舊其他的統(tǒng)計(jì)數(shù)據(jù)，都印證了這一事實(shí)。這也使得我們必要在設(shè)計(jì)上，花費(fèi)更多的心力來(lái)捉住用戶的好奇心和細(xì)致力，讓他們?cè)诒M可能短的時(shí)間內(nèi)獲取到網(wǎng)站的信息。

對(duì)于人類細(xì)致力的類型和特性，我在之前的文章《從了解用戶的細(xì)致力開(kāi)始，創(chuàng)造更良好的用戶體驗(yàn)》當(dāng)中有細(xì)致的闡述。那么在頁(yè)面設(shè)計(jì)中要如何使用呢？了解用戶的現(xiàn)實(shí)需求，并且?guī)椭麄兏旄玫孬@取他們所需的信息，如許才能更好的留住用戶。好在如許的設(shè)計(jì)技巧并不復(fù)雜，接下來(lái)的這7個(gè)技巧，能夠在肯定程度上幫你做到這件事情。

1. 讓用戶無(wú)需辛苦思考

對(duì)于用戶而言，不必要復(fù)雜決策就能作出決定的設(shè)計(jì)，是輕松而且可以更快獲得的。讓人無(wú)需辛苦思考就能獲得信息的設(shè)計(jì)，總會(huì)讓人想起極簡(jiǎn)風(fēng)，不過(guò)總體上來(lái)說(shuō)，更多的是采取簡(jiǎn)化的元素和結(jié)果。當(dāng)然，極簡(jiǎn)風(fēng)也是不錯(cuò)的選擇。

總體上而言，限定信息的數(shù)量避免信息過(guò)載，是實(shí)現(xiàn)如許的設(shè)計(jì)的必由之路。

• 讓導(dǎo)航充足簡(jiǎn)單，提供數(shù)量有限的選擇
• 使用更加易于閱讀的字體
• 增強(qiáng)元素之間的對(duì)比，讓舉動(dòng)召喚更容易被感知到
• 在所有的網(wǎng)頁(yè)、每一屏都堅(jiān)持貫徹一個(gè)想法，或者相沿一個(gè)交互
• 確保購(gòu)物車、表單等交互控件始終可用

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

網(wǎng)站自己是一個(gè)可用性極強(qiáng)的媒體平臺(tái)，既然是媒體和內(nèi)容，就應(yīng)該充分行使好這一特質(zhì)。

通過(guò)視覺(jué)來(lái)吸引用戶細(xì)致力是一種簡(jiǎn)單的策略，當(dāng)可交互的元素通過(guò)視覺(jué)設(shè)計(jì)加成之后，通常有著不錯(cuò)的轉(zhuǎn)化率。

在設(shè)計(jì)中，從 A 點(diǎn)到 B 點(diǎn)應(yīng)該是一個(gè)直接快速的過(guò)程。電商設(shè)計(jì)師應(yīng)該對(duì)此深有感慨。用戶在社交媒體上看到一雙網(wǎng)紅鞋，他們想要獲得它，點(diǎn)擊鏈接之后最好能夠馬上看到商品，如許發(fā)生購(gòu)物舉動(dòng)交互的機(jī)率會(huì)更高。

省時(shí)省事的設(shè)計(jì)策略是讓用戶盡可能快地看到購(gòu)買按鈕，如許他們就不用反復(fù)翻看網(wǎng)頁(yè)，探求可點(diǎn)擊的鏈接。這個(gè)地方有幾個(gè)值得細(xì)致的技巧。一個(gè)是在網(wǎng)站中采用和社交媒體上同等的圖片，讓用戶一眼可以判斷出他要的東西和商品是一個(gè)東西。

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

將復(fù)雜的故事分解為更小、更容易吸取和理解的部分，用戶會(huì)更容易 Get 到其中的信息。在文本段落處理上，較小的段落一定比較大的段落更容易閱讀和理解，而用戶也大多更樂(lè)意閱讀如許的內(nèi)容。

嘗試使用諸如卡片式的設(shè)計(jì)，借助視差滾動(dòng)指導(dǎo)，或者將重要內(nèi)容歸納出來(lái)，通過(guò)「閱讀更多」將用戶導(dǎo)向完備的原文。如許的技巧都能提拔參與度，并且降低內(nèi)容的復(fù)雜度。

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

想要用戶更快地交互，最簡(jiǎn)單的方法之一，就是盡量只提供關(guān)鍵的信息，削減不需要的內(nèi)容。而在表單的處理上，也相沿雷同的技巧。

• 只扣問(wèn)需要的信息，例如用戶姓名和電子郵件，并且提供稍后可繼承完美的表單選項(xiàng)。
• 使用可判斷輸入數(shù)據(jù)是否精確的表單功能，確保用戶知道他們是否輸入精確，錯(cuò)誤出在哪里，便于更正。
• 不要要求提交已經(jīng)提交的、重復(fù)的數(shù)據(jù)，例如同時(shí)要求填寫(xiě)名譽(yù)卡的類型和名譽(yù)卡號(hào)碼（現(xiàn)實(shí)上可以通過(guò)號(hào)碼來(lái)判斷類型）。

5. 設(shè)計(jì)清晰明顯的舉動(dòng)召喚

舉動(dòng)召喚是頁(yè)面中觸發(fā)用戶交互的最為有用的手段之一，舉動(dòng)召喚的文案要簡(jiǎn)單明快，按鈕要對(duì)比顯明。

通常而言，想要舉動(dòng)召喚有用，最好讓舉動(dòng)召喚元素色彩通亮，讓用戶看到的時(shí)候就知道怎么做，諸如「點(diǎn)我下單」如許有著顯明指導(dǎo)性的文本標(biāo)簽肯定要搭配好。

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

頁(yè)面內(nèi)容是必要深思熟慮、反復(fù)打磨的。好的內(nèi)容從來(lái)都不是信手拈來(lái)的，良好的頁(yè)面內(nèi)容必要設(shè)計(jì)師和編輯反復(fù)調(diào)整，細(xì)心地斟酌其中的內(nèi)容，讓它們更加容易閱讀和理解。

這意味著你不能讓文本中有錯(cuò)誤的拼寫(xiě)，不能有模棱兩可的表述，要有明確的指引，語(yǔ)法和句子的結(jié)構(gòu)要完備精確。

偶然候，想要讓內(nèi)容不出錯(cuò)并且更加良好，最好是引入第三方來(lái)幫你閱讀、審核并且提出引導(dǎo)意見(jiàn)。他們會(huì)更容易幫你找出潛在的題目。

在預(yù)備發(fā)布之前，最好用內(nèi)置的或者第三方的拼寫(xiě)檢查工具幫你再過(guò)一遍。

7. 保持同等

同等的設(shè)計(jì)意味著在設(shè)計(jì)過(guò)程中遵循著雷同的工作體例，使用同一的元素、交互，簡(jiǎn)而言之，整個(gè)設(shè)計(jì)應(yīng)該前后同一，按鈕和按鈕應(yīng)該相沿雷同的色彩和字體，懸停的時(shí)候狀況是一樣的，并且保持完全雷同的原作體例，不管它在什么地方。

對(duì)于設(shè)計(jì)中必要多次使用的元素，比如圖標(biāo)、購(gòu)物車、表單、鏈接和社交媒體按鈕，是肯定要前后雷同，保持重復(fù)的。

頁(yè)面中的內(nèi)容，從題目、正文到圖片都應(yīng)該保持同等的風(fēng)格。在 CSS 中同一設(shè)置，同一管理，能夠幫你保持好同等性。

這種同等性讓網(wǎng)站看起來(lái)是完備的、同一的，用戶看到其中的內(nèi)容，不用猜測(cè)就能知道它們屬于統(tǒng)一個(gè)網(wǎng)站，他們看到新的內(nèi)容也是吻合他們的預(yù)期的。

結(jié)語(yǔ)

清晰的邏輯，快速可操作，馬上可實(shí)行，直接可完成。讓你的網(wǎng)站貼合用戶的邏輯，天然順暢地完成義務(wù)，這是所有的用戶的潛在需求，也是真實(shí)的需求，幫助用戶達(dá)成目標(biāo)的同時(shí)節(jié)省時(shí)間，對(duì)于網(wǎng)站的轉(zhuǎn)化率而言，同樣是益處多多的。