网页没有横向滚动条_用户访问网页时,66% 时间在看网页折起来的内容

272fd8ed9dfb398366efca092ee19a10.png

结论

设计网页时避免使用横向滚动条,但是可以使用横向滑动屏幕。

尽管人们会拉动滚动条,把最重要的信息放在网页没有折起来的部分。

为了鼓励用户拉动滚动条,应该持续向访客提供重要、有用的内容

阐述

“Chartbeat 网络流量分析公司对 20 亿次网站访问的数据进行了分析,发现访客访问网页时,有 66% 的时间是在看网页折起来的内容。换句话说,网页访客拉动了页面滚动条。

ClickTale 公司对 10 万次网站访问数据进行了分析,发现访客在 76% 的网页上都会拉动滚动条,并且在 22% 的网页上会将滚动条一直拉到页面底部。”

案例

以顺丰一站商家端为例

订单管理页面内容比较多用户滚动区域其实是比较小

通过对页面布局分为 侧边栏、顶栏、标题区、筛选区、订单区等

重新分析各个区域随业务增长是否合理

最终决定优化顶栏从高度72优化到50px

筛选区域默认展开改为默认收起 高度从260优化到50px

订单列表从160优化到82px

页面默认展示1.5单到默认展示6.5单

优化前

fb5bad5cc6020ee1a27f9e58fef5f4af.png

优化后

68fc53453be8af1d89093e21d3556f48.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值