结论
设计网页时避免使用横向滚动条,但是可以使用横向滑动屏幕。
尽管人们会拉动滚动条,把最重要的信息放在网页没有折起来的部分。
为了鼓励用户拉动滚动条,应该持续向访客提供重要、有用的内容。
阐述
“Chartbeat 网络流量分析公司对 20 亿次网站访问的数据进行了分析,发现访客访问网页时,有 66% 的时间是在看网页折起来的内容。换句话说,网页访客拉动了页面滚动条。
ClickTale 公司对 10 万次网站访问数据进行了分析,发现访客在 76% 的网页上都会拉动滚动条,并且在 22% 的网页上会将滚动条一直拉到页面底部。”
案例
以顺丰一站商家端为例
订单管理页面内容比较多用户滚动区域其实是比较小
通过对页面布局分为 侧边栏、顶栏、标题区、筛选区、订单区等
重新分析各个区域随业务增长是否合理
最终决定优化顶栏从高度72优化到50px
筛选区域默认展开改为默认收起 高度从260优化到50px
订单列表从160优化到82px
页面默认展示1.5单到默认展示6.5单
优化前
优化后