ui|图文落地页阅读体验优化探索_主流|唯流量论|主流媒体|媒体

编辑导语：据阅读调查报道，移动阅读成为了主流。手机百度作为亿级用户每天阅读文章、获取资讯的产品，内容的阅读体验尤为重要。本篇作者就对图文阅读体验优化进行了探索，与你分享，一起来看一下。

文章插图
根据2020年中国新闻出版研究院第十七次全国国民阅读调查，国民数字化阅读方式的接触率79.3%，其中手机阅读接触率达76.1%，移动阅读成为主流。
手机百度作为亿级用户每天阅读文章、获取资讯的产品，内容的阅读体验尤为重要。
一、研究思路从纸质阅读到屏幕阅读，通过理解用户从纸质到屏幕阅读行为的转变，我们从传统中文排印经验中吸取对字体、间距、标点的处理方式，跨越平面与UI不同终端的设计规范和实现手段。在UI设计的语境中调整中文排版策略，优化手机百度图文阅读场景设计，提升手百用户的阅读体验。
二、屏幕阅读与纸质阅读不同人的阅读习惯会根据阅读环境而改变，包括文本的书写格式、文本的媒介、语言符号等。基于屏幕的阅读行为，往往表现了如下特征：很少人会一字一句阅读页面，更多的是在浏览、关键词确认、非线性阅读、有选择性的阅读。
三、设计差异点UI设计与书籍排版不同之处在于：

屏幕上可以实现更多的交互功能，增强了阅读的沉浸感和交互体验。
UI设计不可控因素更多。平面排版纸张和内容固定可控，可以保证设计的精准展示。但在UI设计中，想让页面达到和原本设计一模一样的效果几乎是不可能的，显示屏幕尺寸的碎片化、内容的灵活可变，都让最后的展示效果多了很多不可预期。这就是为什么会有很多排版优秀的印刷品设计，但UI中优秀的排版设计却特别少。

因此，针对屏幕阅读的设计要注意：不能照搬文字排版规则，更要充分考虑屏幕与内容的灵活可变，确保设计方案可实际落地。
四、明确设计目标本次设计改版主要针对手机百度——图文落地页部分，希望通过优化文字展现、内容排版提升阅读体验。

文章插图
CEA阅读体验模型将用户的阅读体验分为舒适、效率、吸引三个纬度。

文章插图

舒适（Comfort)：视觉负担低，信息适量，看着不累、没有信息压迫感。
效率（Efficiency）：重点信息突出，直观性强，容易识别。
吸引（Attraction）：页面设计美观，有吸引力。

基于此模型，此次优化方案中我们确定的设计目标是：优化内容可读性、提升阅读效率、提升页面美观度。
五、优化内容可读性1. 选择屏显友好字体屏显字体与印刷用字体最大的不同在于，屏显字体受限于分辨率，无法做到印刷字体那么多细节的设计。目前屏显汉字的设计方式一般是：
1）从字体的结构入手，扩大中宫的设计，字形设计看起来舒适放松，提升辨识度，相较于中宫内缩的字体，呈现现代的明亮感。