咨询客服

官方公众号

回到顶部

内容排版技巧手机端阅读体验优化的5个细节(附对比图)

1、字体大小和行距,不让用户眯眼看手机

我们都晓得,手机屏幕小,字体太小看着费力,字体太大又显得拥堵,行距太密,阅读起来喘不外气,行距太宽,又显得内容太少,不慌,这个地方有几个小技巧,让你的内容在手机上看起来更舒适,

第一,字体大小要适中,普通来讲,14px到16px是比力合适手机阅读的,太小了用户得眯着眼看,太大了又显得页面内容太少,不划算,

第二,行距要适当,1.5倍行高是个不错的选择,如此既可不能显得太挤,也可不能糜费空间,

举个例子,假如你的文章是技术文档,能够需求用到代码块,这时分,代码的字体大小能够略微小一点,但行距要坚持,如此用户看起来才可不能太累,

提示一下,分歧的手机屏幕和用户视力分歧,最好依然多做测试,看看实践效果如何,

2、段落联系,不让用户一眼看不完

手机屏幕小,段落太长,用户一眼看不到头,就容易得到耐烦,

因此,段落要短,尽量操纵在4-5行以内,如此用户一眼就能看完,内心有底,

举个例子,假如你在写一篇教程,每个步调能够独自成段,如此用户操作起来更明晰,

别的,段落之间能够略微空一行,如此视觉上更明晰,用户阅读起来也更轻松,

鼓舞一下,尽管如此能够会让文章看起来更长,但用户体验好,值得这么做,

3、图片和视频,不让用户等半天

手机端加载图片和视频,速度是个大咨询题,用户等半天加载不出来,能够就保持了,

因此,图片和视频要优化,图片尽量紧缩,视频尽量冗长,

举个例子,图片能够用工具紧缩,坚持明晰度的同时减小文件大小,视频能够剪辑,只保存精髓部门,

提示一下,图片和视频的加载速度,也和用户的网络环境有关,尽量做到自顺应,分歧网络环境下都能疾速加载,

4、链接和按钮,不让用户点禁绝2>

手机屏幕小,链接和按钮假如太小,用户容易点禁绝,操作起来非常费事,

因此,链接和按钮要大一点,便利用户操作,

举个例子,按钮能够设置一个最小宽度,包管用户容易点到,链接能够设置下划线和分歧颜色,突出显示,

鼓舞一下,尽管如此能够会让页面看起来不敷精巧,但用户体验好,值得这么做,

5、导航和菜单,不让用户找不到

手机端的导航和菜单,要简约明了,用户一眼就能找到想要的内容,

因此,导航和菜单要简化,只保存最重要的部门,

举个例子,导航能够做成下拉菜单,菜单能够做成汉堡菜单,如此既节省空间,又便利用户操作,

提示一下,导航和菜单的设计,要思索到用户的运用习气,尽量做到直不雅易明白,

你试过这些办法吗,效果怎样样,有没有什么心得能够分享的