做有价值的网站,助力企业发展!

专注于企业网站建设、营销型网站建设、Web/微网站建设、企业营销推广

百度地图|网站地图|RSS地图

服务热线:

133-8386-7325

当前位置:郑州伟之琦计算机科技 > 新闻中心 >> 公司新闻 >>

手机端网页切换模式PK赛:滑动和滚动

网页设计浏览器上的标签式分页功能,不但能让我们能同时新增很多不同的页面,而且还可以轻松又快速的在不同的页面间切换,而不需要开启过多的视窗。但是,例如在屏幕空间狭小的手机中,传统的标签分页是难以大展拳脚的,所以我们必须使用其他的标签切换模式,来增进适用性,下面郑州建站公司针对手机端网站中分页模式和卡片模式进行滑动和滚动的对比:

网站分页模式和卡片模式下滑动和滚动的适用场景:

这两种模式除了在排版上的差异外,最重要的不同还有使用者的操作方式。

分页模式通过滑动模式来做网页间的切换,它最大的特点就是不论使用者滑动快慢与否,每次都一定会切换到下一个网页,在视觉排版上也通常只会显示现在的、上一个与下一个,适用于需要清楚现在目前物件的细节时。

卡片模式则会一次显示多个网页,因而搭配滚动方式来卷动画面,可以根据使用者滚动的快慢来快速浏览不同的页面,可以停留在任意的位置点,让使用者保有切换的弹性,但缺点是:无法一次清楚显示物件的所有资讯与细节,只能大致浏览物件的重要讯息。

网站分页模式和卡片模式下滑动和滚动的对比:

卡片模式在选取网页的时间方面明显低于分页的切换模式,也就是在选取开启网页时具有比较高的效率,其中最关键的原因就是卡片模式可以同时显示 3 ~ 4 个开启的网页。通过数据分析以及测试者的评估,在错误次数方面虽然没有达到显着的差异性,但当同时开启的网页数量增加时,分页模式更容易让使用者感到挫折并降低辨识性。

因为分页式的最主要缺点:无法一次浏览多个的网页,只能通过边边的视觉来判断上一个与下一个网页的内容,即使搭配分页控制元件,所能提供使用者判断网页内容的资讯仍不足,当开启的网页很多时,无法快速掌握网页的位置,大大降低了切换的效率。

综合评估下,卡片模式在手持装置中比起分页模式的确有其优异之处,手机版网页很早就采用了卡片式切换模式,在这方面具有很好的使用性;但是考虑到分页模式的缺点,可以采用了卡片式的切换模式精髓,通过不同的视觉化手法进行表达。


在综上所述,充分对比之后会发现分页模式比较适合用于探索未知的内容,它具有可以清楚显示细节的优点;而卡片模式则更适合用于找寻特定的物件,因为具有较高的视野与充足的讯息,可以轻松判断物件之间的相对位置,并快速卷动到目的地,因此,适用哪种模式应该需要考虑物件的特性与使用情境进行判断选择更合适。

原创声明:本站文章未经许可请勿擅自转载,如需转载请注明出处<郑州网络公司>

案例展示