从产品角度分析移动端页面横滑和竖滑的区别

分析背景:我们自己开发了一款小程序叫「小巧派」,是做每日精选微信小程序和小游戏的商城类小程序。今天看到了别人做的一款小程序叫「APP不释手」,是做APP的精选推荐的小程序。两个小程序都是做推荐,都是卡片形式的展示,区别在于我们是竖滑,他们做的是横滑。然后就做了链各个产品的交互方式区别的分析。

用户习惯是竖着滑动,虽然横着滑很酷。

他这个小程序交互和我们的小程序最大区别在于它用一屏一个卡片位置的停顿来引导用户看每个卡片的介绍,滑的比较慢,适合推荐的卡片总数比较少的情况。如果总数多了,排在后面的估计很少有用户看到。他们的用横着滑原因是每个卡片上介绍的内容高度超出了手机屏幕,看每个卡片都需要向下滑一点才能看完整整个卡片的内容,如果整体列表再竖着滑加上停顿的话,体验会很不好,竖着滑不停顿看APP的截图时就看不到APP的名字了,体验也不好,所以他就选择了横着滑。虽然每个卡片的内容高度较高,看完整需要上下滑一点,截图部分得左右滑一点,但是它直接将详情页面展示出来,减少了页面层级,付出的代价主要是排在后面的曝光率低了。不符合大多用户的竖着滑的习惯这块,他在用户刚进小程序时加上了左右滑动查看更多卡片的提示也算做了补救了。

总结:左右滑动有弊端,但是减少层级了。

下面分别是小巧派和APP不释手的截图:


从产品角度分析移动端页面横滑和竖滑的区别_第1张图片
小巧派首页截图
从产品角度分析移动端页面横滑和竖滑的区别_第2张图片
APP不释手截图

你可能感兴趣的:(从产品角度分析移动端页面横滑和竖滑的区别)