目录
折叠播报
2022年11月23日

小明毕业后,成为了一名HRBP助理。他每天的工作,就是为HRBP制定面试清单。他会参核BP的日程安排,提前为他邀约面试人员,并将邀约人数控制在HRBP时间安排可承受范围之内(一般会按照每场面试需要30分钟来安排),然后将这些面试者的资料打印出来交给BP。

HRBP核对面试人员信息后,大致了解了当天参与面试的人数,然后就进入到面试环节。在面试中,每一个到场的面试者,依次进入到面试房间。HRBP和他们依次交流后,初步确定心怡对象后,面试进入到下一轮。


在上述的面试模型中,如果面试官代表“用户”,面试者代表“内容”,那么在这个面试的房间里,用户(面试官)可以根据滑过的“内容”的质量,决定接下来的行为。这个面试模型,很像我们软件设计中,常用到的轮播控件。


轮播控件

如果想要在有限的界面空间,向用户传递更多的内容,通常我们会借助轮播控件来完成设计。轮播控件在内容型产品中应用广泛,一些门户网站,通常会在首屏banner区域,使用轮播图,来强化内容信息。


在移动端某些视频应用中,通常也会借助轮播海报,向用户曝光更多的影视信息。


在轮播控件的使用中,设计者通常需要为轮播图,设定一个“恰当”的驻留时长,以方便用户在视线驻留时,能够看清楚内容。大多数的设计者,会在网页轮播控件设计方案中,增加一个轮播切换的功能按钮,这样可以满足用户灵活切换轮播的需要。在移动产品设计中,由于页面空间受限,设计者通常不会在轮播图,为用户“安排”翻页按钮,而是引导用户通过滑屏操作,来完成轮播图的切换。


进度指示

就像面试官需要提前知道,参与面试人员的数量,才能更好的把控面试进度。轮播图也会使用进程指示控件,来示意轮播图总数。这个控件的常见形态,是一列排列均匀的小圆点(也有采用数字或其他异形体的),圆点的数量对应轮播图的数量。而圆点选中的排序关系,也会对标轮播图的展示排序。所以,如果我们想要界定当前的轮播展示图片是轮播图的第几张,只需参照圆点选中位置即可。


在iPhone系统的桌面展示页,也使用了“小圆点”的视觉样式,来示意不同的应用分屏,我们可以借助圆点数量,判定我们的手机桌面上,分布有多少屏应用。区别于我们常见的轮播图控件,iPhone手机上的这一系列小圆点,是可以支持用户与之交互的。当我们的分屏数量较多时,比如10屏时,你就会发现,如果从第一屏滑屏到第十屏,去触发某一个应用,是很痛苦的一件事,这时滑屏执行选中的效率会很低。


但是,如果我们可以和这个小圆点控件发生交互,那么屏幕切换就会容易的多。我们只需长按圆点区域,就可以将这个控件激活,然后我们在这个控件区域上,左右轻微滑动手指,就能很快速的完成屏幕切换。


轮播时长

轮播图的切换时长设定,是一个需要仔细探讨的话题。如果驻留时长太短,用户可能还未来得及看清楚全部内容,轮播图就已经发生了切换。如果设计者并没有为用户提供轮播手动切换功能。那结果简直是灾难性的。用户只能耐心等待,下一个循环的轮播到来。

如果将轮播图的驻留时长设计的过长,很多用户可能等不到下一张图片的展示,就已经离开了当前的页面位置。当然,也会有很多用户特意留下来观看轮播,但是对轮播切换的时长,缺乏准确的预期。所以,有的轮播方案设计中,会使用轮播切换时长的指示标识(一般采用进度条的展示方式),向用户明确传达轮播切换时长进度。


轮播思想迁移

在网站和移动产品的banner展示区域,使用轮播图,已经是一种固化的页面设计呈现形式了。在一些新产品的设计探索中,很多设计者,将轮播的设计思想进行了迁移转化。例如,在抖音和微博APP的搜索框中,会按照一定的滚动频次,播报一些热门搜索词,如果用户对热词感兴趣,可以即时触发搜索按钮,相应的推荐热词会直接上屏,用户可以在不输入相关词的情况下,快速发起内容检索。



Folio是一个推介插画作者的艺术类网站,在网站的首页,主要通过单图的形式,向用户展示某一插画作者的代表作。为了增加对作者作品的曝光,设计者借用了轮播设计的展示形态。当我们将鼠标hover到这些插画作品上时,会触发一个额外的作品展示图,这样,用户在不进入到作者作品详情页时,借助更多的作品来判定,是不是需要停下来,对该插画师了解更多。


最后

好了,在本文最后,我们再回到本文开头的面试模型中。试想一下,如果让所有的面试者,同时进入到房间内,一同参与群面。一个可以预料的结果就是,面试官很难做到做出有效应对。心仪对象的筛选也会变得困难。

轮播这款控件优势,就是可以在有限界面空间内,以一定的秩序时长向用户呈现内容。如果像涌入房间的面试者一样,将所有轮播图片在页面中,向用户展示,用户往往很难抓住重点。就像我们做UI设计,如果在一个页面内,向用户强调的信息过多,只会让页面陷入混乱。