【知道(dào)網絡】影(yǐng)響網站(zhàn)建設用戶體(tǐ)驗的三個(gè)誤區(qū)
在網站(zhàn)建設中存在很(hěn)多(duō)誤區(qū)，這樣的誤區(qū)會(huì)極大(dà)的影(yǐng)響用戶體(tǐ)驗，我們大(dà)家(jiā)都知道(dào)，如今的網站(zhàn)建設用戶體(tǐ)驗是非常重要的，隻有(yǒu)好的用戶體(tǐ)驗的網站(zhàn)，我們可(kě)以獲得(de)流量，才可(kě)以獲得(de)用戶，下面我們來(lái)說說影(yǐng)響網站(zhàn)建設用戶體(tǐ)驗的幾大(dà)誤區(qū)。
1、不合理(lǐ)的排版
排版設計(jì)出問題，首當其沖的空(kōng)間(jiān)設計(jì)不合理(lǐ)。段間(jiān)距和(hé)行(xíng)間(jiān)距是文本內(nèi)容常見的空(kōng)間(jiān)控制(zhì)變量，雖然有(yǒu)的排版會(huì)因為(wèi)間(jiān)隙過大(dà)而顯得(de)松散，但(dàn)是更常見的問題其實是排布布局過于緊密，缺乏呼吸感，這可(kě)能會(huì)讓設計(jì)看起來(lái)混亂，可(kě)讀性低(dī)下。一般而言，對于大(dà)段的文本內(nèi)容，行(xíng)間(jiān)距最好是文字高(gāo)度的120%到150%。對于較小(xiǎo)的文本，考慮到移動端的用戶使用場(chǎng)景，這個(gè)行(xíng)間(jiān)距可(kě)能還(hái)得(de)在提高(gāo)一些(xiē)，這樣才能确保舒适的閱讀體(tǐ)驗。但(dàn)是，不論是怎樣控制(zhì)，核心始終在于确保閱讀體(tǐ)驗是愉悅而恰到好處的。擁有(yǒu)恰當而富有(yǒu)流動性的排版，視(shì)覺上(shàng)才會(huì)令人(rén)舒适。間(jiān)距太大(dà)太小(xiǎo)都不合适。
另一方面，整個(gè)頁面排版的行(xíng)間(jiān)距的比例要保持一緻，這樣能讓視(shì)覺上(shàng)更加統一，也能夠強化同類、相關元素的關聯性，增加可(kě)讀性。
2、所有(yǒu)元素尺寸一樣
所有(yǒu)的圖片尺寸都一樣，所有(yǒu)的文本都一樣大(dà)小(xiǎo)，所有(yǒu)的按鈕都一樣的樣式，這樣的“一緻”看起來(lái)不錯，但(dàn)是實際上(shàng)會(huì)顯得(de)更加無聊。網頁中的許多(duō)元素可(kě)以一緻，但(dàn)是不能完全一樣，這是兩個(gè)概念。基于不同的需求，不同的位置的按鈕尺寸是不能完全一樣的，但(dàn)是它們可(kě)以沿用相同的樣式，并且設計(jì)幾個(gè)相對固定的尺寸比例，這樣也可(kě)以更好的控制(zhì)整個(gè)視(shì)覺和(hé)體(tǐ)驗。其實這當中，圖片在網頁框架中的使用就是一個(gè)最好的實例。不同頁面的首圖尺寸是一樣，其中的圖片如果要應用到不同整個(gè)布局其他的位置的時(shí)候，直接按比例縮小(xiǎo)，其中的元素視(shì)覺重量會(huì)直接降低(dī)，信息傳達的有(yǒu)效性也随之降低(dī)。最理(lǐ)想的狀況，是根據整個(gè)網頁框架布局的需求，基于原圖有(yǒu)針對性地進行(xíng)切圖。
3、忽略層次
我們所看到的絕大(dà)多(duō)數(shù)的網頁是需要通(tōng)過精心組織的層次結構來(lái)呈現內(nèi)容的，畢竟網頁內(nèi)容也是遵循80/20法則的，20%的內(nèi)容常常能夠擁有(yǒu)80%的重要性。這也使得(de)網頁的層次結構如此的重要。網頁中不同的內(nèi)容是有(yǒu)輕重緩急的，而這種重要性不論是基于設計(jì)的需求還(hái)是用戶的需求，都是能夠進行(xíng)判斷和(hé)劃分的。與此同時(shí)，用戶在快速浏覽內(nèi)容的時(shí)候，重要的內(nèi)容應當置于重要的、易于掃視(shì)查看的位置。在确定了重要性優先級之後，層次結構的設計(jì)思路就可(kě)以基本确定了。首圖、标題等元素是承載重要信息的載體(tǐ)，而能夠引導用戶行(xíng)為(wèi)的CTA按鈕、輸入框等元素，則能在交互的層面上(shàng)，強化內(nèi)容的效力。所有(yǒu)的這些(xiē)東西，在設計(jì)網頁的層次結構的時(shí)候，應該系統的考慮。
