如何提高手机端和移动端网页的可读性

发布时间 : 2019-02-27 15:01:03来源 :互联网 作者 :域网 浏览量 : 564

  随着移动互联网的冲击,现在的流量整体虽然越来越大,但是PC端的流量大不如前。所以,即使在做优化的时候,我们也会更加关注在手机端网站的表现如何,那么如何提升手机端网页的可读性呢?

  一、页面加载速度体验

  移动互联网上,网页的加载速度对用户体验的影响日趋明显。百度用户体验部研究表明,用户期望且能够接受的页面加载时间在3秒以内。若页面的加载时间超过5秒,78%的用户会失去耐心而选择离开。页面加载速度是百度搜索中一个重要的排序因素,百度再次建议站长对这方面进行专项优化。

  二、页面结构

  一个结构优质的页面,要让用户第一眼看到页面的主要内容,获取页面主体信息时没有多余的干扰,快速找到所需。

  三、构建一个结构优质的移动页面结构注意两点:

  1、 页面能够根据屏幕调整内容大小,用户不需要左右滚动,也不需要进行缩放操作就能清晰辨识网页的内容。

  2、页面主体位于首屏且中心的位置,其他相关度低的内容对页面主体无干扰作用。百度会严厉打击应用恶意弹窗/浮层的行为。

  视对用户体验造成伤害程度的大小,在结果排序上会对以下情况减分:广告遮盖主体、广告动态抢夺用户视线、广告穿插主体等。

  三、页面浏览体验

  1、页面主体中的文本内容和背景色应有明显的区分度。

  2、页面主体中的文本内容应段落分明,排版精良。

  3、主体内容含文本段落时,正文字号推荐14px,行间距推荐(0.42~0.6)*字号,正文字号不小于10px,行间距不小于0.2*字号。

  4、主体内容中的其他可点区域,宽度和高度应大于40px;

  5、主体内容含多个文字链时,文字链字号推荐14px或16px:字号为14px时,纵向间距推荐13px;字号为16px时,纵向间距推荐14px;文字链整体可点区域不小于40px;

  6、主体内容含多图时,除图片质量外,应设置图片宽度一致位置统一。

  7、交互一致性,同一页面不应使用相同手势完成不同功能。

  手机端的可读性,其实就是一种用户体验的表现形式,与PC端不同的地方有很多。这里小编也给很多的站长做一个建议,手机站最好还是重新设计一下,做响应式也要考虑到两者之间展示的差异性。手机不同电脑,一个屏幕能展现的内容很有限,所以需要站长们多加思考。


关于我们
关于我们
联系我们
注册人权利与责任
滥用举报
法律法规
会员条款
域名条款
版权声明
帮助中心
常见问题
新手指南
服务与支持
客服邮箱:service@yunet.com
技术反馈:support@yunet.com
不良举报:abuse@yunet.com
联系我们
客服热线:
81235281
地址:上海市奉贤区金碧路1990号1层

沪ICP备2025119754号-1
Copyright © 2005-2025 上海尚瓜云网络科技有限公司 版权所有
法律声明 | 隐私政策