好看视频电脑版官网(好看视频有PC版吗)

编辑导语:好看视频是一个致力于打造泛知识的短视频平台,如今已上线2年多的时间。本文作者团队在近期的自查过程中,发现首页视频效率较低,于是便发起专项提升PC站体验,并对项目流程进行了阐述,一起来看一下吧。

一、项目背景

好看视频是一个致力于打造泛知识短视频平台。自PC站点19年上线,已有将近2年多的时间。在近期的自查过程中,我们发现首页视频筛选效率较低,相比竞品采用响应式布局结合推荐FEED流的模式,内容展现和功能体验上差距明显。于是设计侧发起专项提升PC站体验。

1. 竞对体验对比

屏幕适配差:通过产品后台数据发现,浏览好看视频PC站的用户屏幕尺寸比例中,67%的用户屏幕尺寸在1920px以上,32%的用户在1700px-1280px,但旧版官网只基于1200px,没有更好的利用PC空间。对于更大的屏幕内容呈现更显低效。

反观头部竞品,都按照栅格系统支持了响应式布局,对于任意屏幕尺寸都能很好的适配,保证内容展现的完整与高效,对于不同设备的兼容也有很好的效果。

导航效率低:旧版好看采用顶部导航的形式,固定展示15个频道列表,后期拓展了更多的频道都收起在二级导航内,不方便拓展与筛选;一些常用的功能如:历史观看、我的收藏也都收起在二级菜单内,不利于用户使用。

大部分头部竞品都采用了固定导航的形式,将常用功能与频道放置左侧,用户不论在站内的任何页面,都可以快速在左侧切换页面,提升了筛选效率与扩展性。

内容展现少:顶部个性视频推荐只展示6个,需要手动点击左右切换按钮才能查看更多推荐视频;下方各垂类频道每个也只推荐了5个视频,如需查看更多需要再点击进入频道页查看。用户如果不能在首页这种关键场景快速筛选出自己想看的视频,那基本就会退出页面造成用户的流失。

头部竞品基本选择了瀑布流的形式,直接通过算法推荐给用户喜欢的视频,用户仅需要滑动页面就能看到更多推荐内容,展现效率高。

2. 围绕问题确立设计目标

建立响应式布局:网页设计最基本原则就是有序,一个清晰有序的布局可以给用户带来严谨、专业的感受。应用栅格化响应式布局设计,可以充分利用屏幕尺寸带来更多的展现与更自由的适配。提升浏览筛选效率:通过框架重构,视觉降噪等手段,体验升级,帮助用户快速达成目标。二、设计方案

1. 栅格系统:页面响应式适配

选择响应式网页设计可以很好的保证跨平台与多屏幕尺寸下的显示效果;而且只开发只需要开发一套代码,不需要单独维护不同设备站点。且对于好看视频这类视频浏览网站,用户交互操作少,能带来更多的视频展现。

建立有序的栅格,可以有规律的把页面元素排列,保证页面的严谨和一致的韵律性,同时也可以让网页的信息更加美观易读。

好看视频官网本次采用左侧固定宽度导航,右侧1920px区域设置栅格的混合响应式布局形式。整体最大页面宽度2160px,保证大尺寸屏幕浏览体验,采用24栅格,水槽宽度16px,页边距32px,列宽62px,均为8的倍数,符合偶数原则,不会出现小数点或半像素情况,方便开发还原效果。

通过设置不同屏幕宽度的断点,右侧视频封面等比缩放,其余内容尺寸间距字号保持不变,小于断点宽度后缩减列数,最少保证4列。

2. 框架重构:增加扩展性及浏览体验

在整个网站基础框架上,我们采用了侧边导航栏形式,拥有更好的功能拓展性,不光可以展示丰富的频道页,还能承接更多类型的功能,如热门视频榜单、放映厅、观看历史查看及收藏内容的快速查看,关注作者的最新内容也可以透出在左侧导航栏区域,帮助用户及时发现喜爱作者更新的内容。

右侧视频筛选区域也变成无限加载feed流,相较原先顶部左右切换的推荐形式,筛选效率更高,仅需滚动鼠标即可看到更多视频,提升更多优质视频曝光的可能性。这种框架浏览习惯也和移动端类似,更适合现在快节奏短视频时代。

三、视觉降噪

1. 字号字色缩减:提升浏览可读性

重新梳理了站内的字色字号来降低冗余视觉影响,从原先8种字号优化为全站仅4种;灰阶的字色也在保证清晰度对比度的情况下降为3种,采用蓝灰色阶保证阅读舒适体验,且遵循WCAG2.0标准进行可用性测试,保证视障用户使用。视频落地页评论区作为用户信息浏览的主要场景,改版过后浏览更清晰统一。

2. icon重绘:更简洁清晰

站内icon也经过重新绘制,各频道新增双色icon,风格统一,中性简洁,表义明确。

四、方案上线与设计验证

首页AB实验数据对比:

我们首先挑选了官网首页进行测试验证,经过1个月AB测试后,实验组的页面带来了更多内容的展现和更舒适的屏幕适配,所以全站的内容展现和点展比及视频落地页展现和点展比均相对对照组均有小幅提升;用户对于新版页面接受程度也较高,留存数据变化稳定,长留还呈现正向上升的趋势。于是继续推动其余页面逐步改版落地,提升网站整体体验与感受。

AB实验是最常用、成本低的设计验证方式,可以快速帮助设计判断效果,方便后续方案改进和改版推进。

五、写在最后

在日常的工作中其实可以从单点体验优化升级为整个项目的改版升级,要时刻站着用户视角洞察问题,考虑不同边界情况对于设计展示的影响,在体验优先的时代,用户的流失可能仅仅是因为一个很小的体验问题。

拥有更好的用户思维,能让你的设计更值得推敲与易用。随着移动设备及各种全面屏折叠屏的普及,PC网站的设计更加需要响应式布局设计,利用较少资源保证网站的适配与展示效果;在效率为先的互联网时代,响应式布局与内容推荐形式是很好的组合手段,非常契合短视频网站场景,展现更多的内容,提升筛选和决策效率。

希望本次项目的体验升级经验可以给大家带来帮助。

作者:百度MEUX

来源公众号:百度MEUX(ID:baidumeux),百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。

本文由人人都是产品经理合作媒体 @百度MEUX 授权发布,未经许可,禁止转载。

题图来自Unsplash,基于 CC0 协议

版权声明:本文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。文章内容仅供参考,不做权威认证,不拥有所有权,不承担相关法律责任,转载请注明出处。本文地址:https://www.sip-server.cn/41152.html

上一篇 2023年6月24日 下午3:33
下一篇 2023年8月10日 上午10:44

相关推荐

  • 博客怎么赚钱(博客怎么样)

    您是经验丰富的博主吗?还是您只是想了解博客世界的新手?无论您站在什么立场,我们都有一个共同的目标:写出更好的博文。所以这里有一些关于如何通过 博客的伟大之处在于它在不断发展。总有新的提示和技巧可以帮助您将博客提升到一个新的水平。 什么是博客? 博客的核心是与世界分享您的想法和经验。这是一种与志趣相投的人联系的方式,也是分享您独特的声音和观点的平台。 为什么写…

    创业分享 2023年3月15日
    10500
  • 微信怎么解封账号-微信登不上去怎么办

    微信被限制了怎么解除限制?当出现了限制的提示时,往往伴随着被封号/限制的处罚,给生活和工作带来极大的影响,今天我们来讲一讲相关知识与解决方法,希望能够帮助到大家! 当出现问题时,不要惊慌和抱怨,先仔细的阅读系统限制的公告,根据公告中的相关信息先确认限制的类型。 常见的限制分为两类:“限制登录”和“限制功能”.所谓的限制登录是指账号无法登录,而限制功能是指号可…

    2023年2月2日
    8800
  • 养什么鸽子最赚钱(农村养鸽子挣钱吗)

    文/大海棠 现在社会发展的速度相信大家都是看在眼里的,除了城市,农村的发展速度其实是更加的迅速的,很多地区都逐渐摆脱贫穷,温饱问题早已解决,朝着”小康村”的方向发展。现在农村能有这么好的面貌,一是得益于有关部门对农村经济发展的大力支持,二是农民通过外出打工、创业等自身的努力,最终使得很多村子越来越好。 时代确实也是在不断进步的,21世…

    2023年3月7日 创业分享
    11100
  • 微博炫富事件(网上炫富的好处与坏处)

    最近微博上又掀起了一波“炫富挑战”热 大家纷纷脸朝地“扑街” 看似“一不小心”摔出了“全部家当” 实际上是在高调炫富 不信你看 你省吃俭用几个月买的奢侈品 人家直接摔了一地 除了网友 还有很多媒体和机构 纷纷晒出了行业的正能量 让人眼前一亮 but~ 不管炫富挑战怎么进行 都是为了博大家一笑 只是小编在这里要提醒各位看官 有些人炫富 可不单单是为了娱乐 而是…

    创业分享 2023年3月17日
    7700
  • 适合创业的小项目-2020年适合大学生创业的项目

    疫情期间,大量公司、厂房、店铺倒闭,很多人也因此失去了工作。但是,现代社会是一个多元化的社会,2023年,作为“穷人”和普通人的我们,想要谋取一份工作或者创业机会,也并非不可能,前提在于我们需要好好谋划。下面的这些创业项目投资小,而且不需要多大的投资,但是回报却是稳稳的。 1、出摊卖小吃。小吃摊不是小吃店,可以减少租金的投入。但关键是找到适合自己的经营品。因…

    2023年2月1日
    12500
  • 乔布斯死亡原因(乔布斯癌症治好了)

    一提到苹果手机,人们都会想到乔布斯。这周五(2月24日)是苹果公司创始人乔布斯的生日。众所周知,乔布斯患癌8年后去世,当时年仅56岁。很多人以为他得的是恶性胰腺癌,然后猜想肯定是因为他很有钱,所以才能活这么久,毕竟胰腺癌的平均生存期还不到1年。 其实乔布斯当年的癌症,很多人都搞错了。他得的不是胰腺癌,而是胰腺神经内分泌瘤(缩写为PNET),是一类恶性程度较低…

    2023年3月21日 创业分享
    8900
  • 网站首页被k(网站被k查询)

    大家好,我是黄大司,今天我们讲一下,网站被K的问题。 网站被K是什么意思呢?K是英文单词Kill(杀)的缩写,网站被K,意思就是网站被搜索引擎封杀了,网站被K对于站长和公司来说,都会造成比较大的流量损失,网站被K一般会出现这样一些情况:1、全站被K;2、首页被K;3、内页被K;4、快照停滞;5、快照回档;6、不放出收录;7、site网站不在首页;8、蜘蛛不抓…

    创业分享 2023年3月19日
    8200
  • 博客优化网站seo怎么写文章(文思泉什么意思)

    本篇文章我们将分享6个SEO技巧,帮助你的营销团队能更快速编写吻合优质SEO结构的内容文章。 本文节选自2022年SKUKING跨境电商数字化赋能沙龙撷英分享,根据SKUKING跨境电商研究中心编辑整理。粉丝朋友可以「点击头像,进入主页」查看往期内容中SKUKING的更多分享,获取完整行业洞察报告等资料。 当你发布的博客文章使用SEO技巧、执行策略性的撰写方…

    2023年3月14日 创业分享
    7400
  • 女性创业项目(有没有适合女性创业的项目)

    当今社会,女性的压力越来越大,不仅要和男性一样外出打拼,有时还需要背负沉重的家庭责任。但有时候压力就是动力,越来越多的女性开始走上创业的道路,期望通过创业来实现自己的人生价值。那么女性创业该选择什么项目呢?投资开店就来和大家分享四个适合女性创业的新兴创业项目。 第一、贩卖灌装氧气。慈善名人陈光标可以卖新鲜空气,那女性创业者选择贩卖氧气作为创业项目同样可行。现…

    2023年2月12日
    8900