聯(lián)系我們

電話：0876-2154600
傳真：0876-2154600
郵件：2422327850@qq.com
地址：云南省文山市景怡花園1-15號商鋪

當(dāng)前位置： 首頁 >> 新聞動態(tài) >> 行業(yè)動態(tài) >> 查看詳情

行業(yè)動態(tài)

如何通過改善文字的層級關(guān)系來提升網(wǎng)站閱讀體驗(yàn)

來源： 眾梓園科技|眾梓園｜文山科技公司｜文山小程序|APP開發(fā)|抖音運(yùn)營 日期：2017-06-25 18:31:18 點(diǎn)擊：3670 屬于：行業(yè)動態(tài)

編者按：這篇文章以名站 Inside 作為實(shí)例，分析了網(wǎng)站里的排版閱讀體驗(yàn)，然后作者給出了一個改良過的方案，效果的確大不一樣。南寧網(wǎng)站建設(shè)公司推薦給網(wǎng)頁設(shè)計(jì)師們的干貨，值得學(xué)習(xí)！
文字層級經(jīng)常在交互設(shè)計(jì)中被忽視。無論如何，要建立一套成功的用戶流程，在項(xiàng)目流程之初就得將文字納入考慮。
文字層級在溝通中扮演著重要角色，將用戶引向期望中的結(jié)果，還能改善用戶體驗(yàn)。網(wǎng)頁應(yīng)用總有繁復(fù)的文字層級，區(qū)分不夠鮮明。各級文字相互較勁，使用戶不知所措、迷失其中。
新聞頭條應(yīng)用 Inside.com 就是個很好的例子，反映了不清晰的文字層級如何影響用戶體驗(yàn)。在“all updates”中，新聞逐條展示。每條包含了7個文字層級（下圖）。分類名（1）、標(biāo)題（2）、標(biāo)題鏈接（3）、正文鏈接（4）、正文（5）、網(wǎng)站鏈接（6）、發(fā)布時(shí)間（7），由于沒有被清晰地區(qū)分開，它們?nèi)荚跔幭辔脩糇⒁?。這種模棱兩可的層級，使每則故事都不易閱讀，阻滯了用戶交互流程。

假如花更多心思在文字層級上，Inside.com會受益良多
為了更好地區(qū)分文字的層級，你需要對用戶希望如何剖析信息有所了解。在缺乏可用性測試的情況下，我可以假設(shè)用戶第一眼會看到標(biāo)題，然后閱讀正文，接下來如果他們感興趣，則會點(diǎn)擊網(wǎng)站鏈接。
很快，我重新設(shè)計(jì)了第一篇文章，優(yōu)化了文字的層級。增大了標(biāo)題的字號，將它剝離出正文，把正文改為中灰色，將網(wǎng)站鏈接放在正文下方，并加大了行高，增加易讀性。

快速重設(shè)計(jì)
這些改變有助于區(qū)分文字層級，隨后便提升了用戶體驗(yàn)。

前后對比
從結(jié)構(gòu)的角度看，還能使整體層級更加清晰。記住文字只是一種元素（盡管通常是最重要的），對導(dǎo)航條、圖片位置、文章排列進(jìn)行重新設(shè)計(jì)，也能提升用戶體驗(yàn)。

上一新聞：如何規(guī)范使用H1標(biāo)簽？

下一新聞：用戶登錄界面流程優(yōu)化的5個細(xì)節(jié)

人久久精品中文字幕无码,伊人色综合久久另类,在线va无卡无码免费,a人妻在线视频,亚洲国产日韩在线yw,韩国午夜福利片在线观看,国产swag在线,午夜爽爽爽羞羞视频影院,夜夜摸日日操,无码午夜福利院免费200集

新聞動態(tài)

聯(lián)系我們

行業(yè)動態(tài)

如何通過改善文字的層級關(guān)系來提升網(wǎng)站閱讀體驗(yàn)

友情鏈接