移动端用(yòng)户體(tǐ)验的优化策略与PC端大體(tǐ)相同，不过移动端搜索在网页加载速度、网站结构、导航设计、网页内容等方面对用(yòng)户體(tǐ)验的影响程度比较突出，今天会重点介绍网页布局的相关内容。


影响网页布局的因素较多(duō)，下面分(fēn)别从网页版式、字體(tǐ)字号、内容展现位置3个方面介绍相关内容。

(1)网页版式

用(yòng)户通过网页布局结构，能(néng)够快速了解网页各模块的主要内容。一个结构优质的移动页面，要让用(yòng)户第一眼看到网页的主要内容，在获取网页主體(tǐ)信息时没有(yǒu)多(duō)余的干扰，如不能(néng)出现弹窗情况等。另外，结构优质的移动页面能(néng)适配主流操作系统、厂商(shāng)机型、主流浏览器，能(néng)根据屏幕分(fēn)率自动调整内容，包括布局、字号等，用(yòng)户不需要左右滚动，也不需要进行缩放操作就能(néng)清晰辨识网页的内容。

(2)字體(tǐ)字号

页面字體(tǐ)要适合用(yòng)户阅读，符合多(duō)数用(yòng)户的阅读习惯;页面字号大小(xiǎo)适中，清晰易读;标题、正文(wén)、链接等在字體(tǐ)、字号、颜色方面要易于分(fēn)辨，并且行与行之间要保持适当的距离，不同板块之间要易于區(qū)分(fēn)等。百度官方对移动浏览體(tǐ)验提出了以下数据，供读者参考。

①主體(tǐ)内容含文(wén)本段落时，正文(wén)字号推荐14px，行间距推荐(0.42～06)×字号，正文(wén)字号不小(xiǎo)于10px，行间距不小(xiǎo)于0.2×字号;

②主體(tǐ)内容含多(duō)图时，除图片质量外，应设置图片宽度一致，位置统一；

③主體(tǐ)内容含多(duō)个文(wén)字链时，文(wén)字链字号推荐14px或16px:字号為(wèi)14px时，纵向间距推荐13px;字号為(wèi)16px时，纵向间距推荐14px;文(wén)字链整體(tǐ)可(kě)单击區(qū)域不小(xiǎo)于40px;

④主體(tǐ)内容中的其他(tā)可(kě)单击區(qū)域，宽度和高度应大于40px;

⑤需注意交互一致性，同一页面不应使用(yòng)相同手势完成不同功能(néng)。

(3)内容展现位置

把握主要内容占据主要位置的原则。移动端用(yòng)户对阅读质量的要求比较高，页面的重要内容要展现在首屏(用(yòng)户打开移动网页，不滑动屏幕可(kě)看到的所有(yǒu)内容)，首屏中的核心内容要优先显示在页面上部。如果页面内容较多(duō)，无法完全在首屏展现，要方便用(yòng)户向下滑屏翻页。可(kě)采用(yòng)自动快速加载下一页的设计，或者在页面底部有(yǒu)明显的“下ー页”标识，方便用(yòng)户单击。