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

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

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

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

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

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


小巧派首页截图
APP不释手截图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,968评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,550评论 2 59
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,074评论 3 119
  • 改变一个习惯需要意志,更需要方法。应对拖延有很多方法,比较简单的一种是将任务分解,定时完成。在每天的时刻表中划出一...
    主持人梓惟阅读 1,220评论 0 0
  • 皺紋(序) 皺紋—茗土景觀筆記 (序) 作者:何强 夜深人靜,讀幾頁書,喝幾口清茶,臨窗細思: 將半生做出的景觀過...
    E_天邊的凝紅阅读 2,958评论 0 1

友情链接更多精彩内容