
无需加好友免费技术支持
创刊词:漂亮视频是一个着力打造泛知识的短视频服务平台,早已发布2年多了。在近期的自纠自查环节中,创作者精英团队发觉首页视频效率不高,因此发起重点营销推广PC站体验,论述项目管理流程,一起来看看。
更好看的视频是一个着力打造泛知识短视频平台上的服务平台。PC此网站早已发布近2年多。在近期的自查环节中,我们不难发现首页视频挑选高效率比较低。与竟争商品对比,选用响应式网站,融合强烈推荐FEED总流量方式、具体内容显示和结构体验差别显著。因而,设计方案侧开启了重点改善PC站体验。
屏幕适配差:根据产品背景数据发现,访问更好看的视频PC67%的用户显示屏尺寸在1920年px超出32%的用户是1700px-1280px,可是老版官方网站只根据12000px,没有更多的运用PC室内空间。更多的显示屏具体内容更低效能。
另一方面,头顶部市场竞争商品依据网格系统软件适用回应合理布局,能够很好地融入一切显示屏尺寸,保证具体内容显示的一致性和高效化,对不同机器的兼容模式也有很大的帮助。
导航栏效率不高:旧版选用顶部导航的方式,固定不动显示15个频道栏目目录。在后续,更多频道栏目被搜集在二次导航栏中,不便拓展和挑选;一些普遍的功效,如:历史时间收看,我的收藏又被搜集在二级菜单中,不益于用户。
大部分头顶部市场竞争商品选用固定不动导航栏的方式,将基础功能和频道栏目放置于左边。用户还可以在网站内部的所有页面上快捷切换页面,提升挑选效率扩展性。
具体内容显示偏少:顶端人性化视频强烈推荐只显示6个,必须手动式点一下上下切换按钮点击查看强烈推荐视频;下边每一个竖直频道栏目只强烈推荐5个视频。如果你必须点击查看信息内容,你需要点击查看频道栏目页面。假如用户不可以在首页的关键所在场景下快速筛选她们想看的视频视频,她们大部分会撤出页面,造成用户外流。
头顶部市场竞争商品基本上挑选流式布局的方式,根据优化算法立即分享给用户最喜爱的视频。用户仅需滚动页面就可以见到大量推荐内容,显示工作效率高。
创建回应合理布局:网页制作最基本原则井然有序,清楚规范有序合理布局能够给用户产生认真细致、技术专业的感觉了。网格回应整体设计能够灵活运用显示屏尺寸带来更多显示与更随心所欲的融入。提升访问挑选高效率:根据架构复建、视觉效果减噪等形式,体验更新,协助用户迅速达到目标。
挑选响应式网页设计方案能够很好地确保混合开发跟多显示屏尺寸中的显示实际效果;除此之外,开发设计仅需开发设计一套编码,不用独立维护保养不同类型的机器设备网站。除此之外,针对视频浏览网页,如漂亮视频,用户互动实际操作偏少,能够带来更多视频显示。
创建规范有序网格能够按时排序页面原素,确保页面的精确性和一致性,使页面信息内容更为美观大方最易读。
更好看的视频官方网站选用左边固定不动总宽导航栏,右边1920px网格的组合回应合理布局方式设在区域。较大页面总宽为2160px,确保显示屏访问体验,24格,水糟总宽16px,页面设置32px,列宽62px,均是8倍,合乎双数标准,无小数位和半清晰度,有利于开发设计复原实际效果。
可设置不一样屏幕宽度的中断点,将右边视频封面图等比缩放,余具体内容规格间隔字体大小保持一致,低于中断点总宽后降低行数,最少4列。
右边视频挑选区也成了无尽载入feed与原介绍的顶端上下转换方式对比,总流量具备更高挑选高效率。仅需翻转电脑鼠标就可以见到大量视频,以提升更高水平视频曝出的概率。这类架构访问习惯性与移动智能终端类似,比较适合节奏轻快短视频时期。
再次整理网站内部字体大小,降低多余视觉效果危害。由原来的8个字体大小提升到整站仅有4个字体大小;深灰色阶的字色在确保画面质量饱和度的同时还降到3个。灰蓝色阶用以确保舒心的阅读文章体验和遵照WCAG2.0规范用户行为分析,以保证视力障碍用户的应用。做为用户信息内容访问的重要情景,视频登的关键情景,更清楚、更统一。
网站内部icon再次制作后,各频道栏目新增加双色icon,设计风格统一,中性化简约,主要表现清楚。
主页AB测试数据较为:
经过一个月的测试验证,我们先选了官网首页。AB检测完成后,对照组的页面增添了更多具体内容显示和更加舒适的显示屏融入,因而全部站点具体内容显示、点展现比、视频登录页面显示和点展现比都略微提升;用户关于新页面的接受程度也非常高,保存数据变化平稳,长期性保存也展现出积极主动上涨的发展趋势。因而,我们将要再次促进别的页面的逐渐修定,提升网站的总体体验和体会。
AB试验是广泛使用、低成本的设计验证方式,迅速协助设计方案分辨实际效果,有利于后面策略的改善和修定。
实际上,在日常工作上,我们要从点射体验优化提升到全部工程项目的修定更新。我们要自始至终从用户的视角洞悉难题,考虑到不一样初始条件对设计方案显示产生的影响。在体验优先选择的年代,用户的减少很有可能只因为一个小的体验难题。
得到更好的用户逻辑思维,能让你的设计方案非常值得反复推敲和实用。伴随着移动终端以及各种全屏幕折叠屏的兴起,PC网站的设计必须响应式网站设计方案,网络资源少,确保页面的适应能力和展示效果;在高效率第一的网络时代,响应式网站和内容推荐是一种很好的组成方式,特别适合短视频网址情景,展现更多精彩,提升挑选和管理决策高效率。
期待这个项目的体验升级经验能帮助到大家。
创作者:百度搜索MEUX
由来微信的公众号:百度搜索MEUX(ID:baidumeux),承担百度站长工具生态体系用户/商业产品全连接体验定制的百度站长工具绿色生态用户体验设计机构。
文中由产品运营与商务合作 @百度搜索MEUX 未经同意许可,禁止转载授权发布。
题图来源于Unsplash,根据 CC0 协议书