用户访问网页时,66% 时间在看网页折起来的内容

用户头像
北京/交互设计师/7年前/126浏览
用户访问网页时,66% 时间在看网页折起来的内容
用户头像
康Stone

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

结论

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


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


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


阐述

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


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


案例

以顺丰一站商家端为例

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

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

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

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

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

订单列表从160优化到82px

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


优化前


优化后


1
举报
|
收藏
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】旅行icon
【新年UI图标】钱包icon
拟物风质感写实UI卡片合集源文件
智能家居中心 简约 UI设计组件库
【新年UI图标】30个图标
Security Camera UI kit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI通用设计素材1
钱包ui模板
【新年UI图标】礼物/活动icon
【新年UI图标】汽车icon
【新年UI图标】会员icon
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新拟态风格 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
户外旅行飞机情侣假日出行
盲盒APP UI设计
UI 登录界面设计模板包
UI界面 组件
新能源APP应用UIKit
【新年UI图标】体育icon
你可能喜欢
大家都在看
登录注册