亚洲综合小说另类图片

<dfn id="4z7un"><s id="4z7un"></s></dfn>
          1. <nav id="4z7un"><sup id="4z7un"></sup></nav>
            <th id="4z7un"></th>

          2. <output id="4z7un"><small id="4z7un"><input id="4z7un"></input></small></output>
            八周年活動月
            歡迎訪問長沙友點軟件科技有限公司旗下產品友點CMS官方網站!
            友點CMS

            如何通過改善文字的層級關系來提升網站閱讀體驗

            來源:友點CMS 日期:2015-08-08 14:29:14 屬于:網頁美工
            編者按:這篇文章以名站 Inside 作為實例,分析了網站里的排版閱讀體驗,然后作者給出了一個改良過的方案,效果的確大不一樣。南寧網站建設公司推薦給網頁設計師們的干貨,值得學習!
            文字層級經常在交互設計中被忽視。無論如何,要建立一套成功的用戶流程,在項目流程之初就得將文字納入考慮。
            文字層級在溝通中扮演著重要角色,將用戶引向期望中的結果,還能改善用戶體驗。網頁應用總有繁復的文字層級,區分不夠鮮明。各級文字相互較勁,使用戶不知所措、迷失其中。
            新聞頭條應用 Inside.com 就是個很好的例子,反映了不清晰的文字層級如何影響用戶體驗。在“all updates”中,新聞逐條展示。每條包含了7個文字層級(下圖)。分類名(1)、標題(2)、標題鏈接(3)、正文鏈接(4)、正文(5)、網站鏈接(6)、發布時間(7),由于沒有被清晰地區分開,它們全都在爭相吸引用戶注意。這種模棱兩可的層級,使每則故事都不易閱讀,阻滯了用戶交互流程。
            如何通過改善文字的層級關系來提升網站閱讀體驗
            假如花更多心思在文字層級上,Inside.com會受益良多
            為了更好地區分文字的層級,你需要對用戶希望如何剖析信息有所了解。在缺乏可用性測試的情況下,我可以假設用戶第一眼會看到標題,然后閱讀正文,接下來如果他們感興趣,則會點擊網站鏈接。
            很快,我重新設計了第一篇文章,優化了文字的層級。增大了標題的字號,將它剝離出正文,把正文改為中灰色,將網站鏈接放在正文下方,并加大了行高,增加易讀性。
            如何通過改善文字的層級關系來提升網站閱讀體驗
            快速重設計
            這些改變有助于區分文字層級,隨后便提升了用戶體驗。
            如何通過改善文字的層級關系來提升網站閱讀體驗
            前后對比
            從結構的角度看,還能使整體層級更加清晰。記住文字只是一種元素(盡管通常是最重要的),對導航條、圖片位置、文章排列進行重新設計,也能提升用戶體驗。
            亚洲综合小说另类图片
            <dfn id="4z7un"><s id="4z7un"></s></dfn>
                    1. <nav id="4z7un"><sup id="4z7un"></sup></nav>
                      <th id="4z7un"></th>

                    2. <output id="4z7un"><small id="4z7un"><input id="4z7un"></input></small></output>