营销分享 > 技术分享 >

从网页布局中改善用户体验

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


影响网页布局的因素较多,下面分别从网页版式、字体字号、内容展现位置3个方面介绍相关内容。

(1)网页版式


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

(2)字体字号


页面字体要适合用户阅读,符合多数用户的阅读习惯;页面字号大小适中,清晰易读;标题、正文、链接等在字体、字号、颜色方面要易于分辨,并且行与行之间要保持适当的距离,不同板块之间要易于区分等。百度官方对移动浏览体验提出了以下数据,供读者参考。

①主体内容含文本段落时,正文字号推荐14px,行间距推荐(0.42~06)×字号,正文字号不小于10px,行间距不小于0.2×字号;

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

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

④主体内容中的其他可单击区域,宽度和高度应大于40px;

⑤需注意交互一致性,同一页面不应使用相同手势完成不同功能。


(3)内容展现位置


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


上一篇:移动端搜索有什么特点?
下一篇:通过网页导航来改善用户体验   

推荐文章

     

久格科技(深圳)有限公司.版权所有 粤ICP备16061052号

备案查询地址: beian.miit.gov.cn

      

我们的服务

系统产品

营销分享

联系我们

扫一扫关注我们

久格科技(深圳)有限公司.版权所有 粤ICP备16061052号

网站地图