您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

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

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

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

1. 讓用戶無需辛苦思考

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5. 設(shè)計清晰明顯的舉動召喚

舉動召喚是頁面中觸發(fā)用戶交互的最為有用的手段之一,舉動召喚的文案要簡單明快,按鈕要對比顯明。

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

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

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

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

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

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

7. 保持同等

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

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

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

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

結(jié)語

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

[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di4007.html
超細(xì)致的 2018 年設(shè)計師面試指南
這10個理由告訴你,為什么要在設(shè)計中使用漸變
圖趣網(wǎng)微信
建議反饋
×