Eyepetizer(开眼)是豌豆荚新晋推出的一款轻量级视频APP,刚才试用了一下,内容和UI确实都很精致,只是右上角那个「眼睛」btn的交互,实在有点看不懂。
先说说它的作用:在列表页点它(晶体混浊态)可以进入视频详情页,而在视频详情页点它(眼白充血态)则能够回到列表页。
于是就遇到了几个问题:
在列表页,它看上去白白嫩嫩的,没啥存在感,忽略就忽略了,反正可以直接点卡片进入视频页;
-
但在详情页…妈蛋,回不去了!左划优化是切换当日推荐的五个视频,看看左上角,去你的Today!试试右上角,原来你丫在这,怎么长这么奇葩,不过总算知道你是干嘛得了。
于是回到列表页,往下翻啊翻啊翻,「诶,刚才那个btn好像挺新奇的,我再试试」,「擦!怎么没反应了!」(图2右)
- 全剧终 -
后来笔者研究了一下卡片位置和「眼睛」的交互关系,发现当用户点击「眼睛」时,Eyepetizer会自动打开当前列表中,第一个完整显示的视频卡片。
比如图2左,仔细看会发现奥迪广告的卡片上方有一条细细的白边,此时点击「眼睛」,打开的自然是奥迪广告。
正常情况下这没啥问题,但涉及到跨天的时候,它就不知道自己该干嘛了,比如图2右这种状态下。
然而笔者早已看穿了一切,经过反复实验,原来Eyepetizer判断打开哪个视频卡片的逻辑是这样的:
卡片的高度是233px,当日卡片之间间距是4px,点击「眼睛」后,Eyepetizer会打开233+4=237px位置的视频卡片,而由于跨天卡片的间距是60px,因此可能会出现没有任何视频卡片被打开的情况,而这个距离大约就在60px左右,具体而言就是图2左至图2右的这段距离。
钻完这20%的牛角尖,还是回来说相信80%用户都会遇到的无法返回的困扰。
笔者本来以为为了酷炫,整个Eyepetizer中都没有返回btn,后来才发现在「往期分类」里其实是有的(图3左),点它可以返回到分类列表。
于是笔者就凌乱了。思前想后都没明白「眼睛」按钮到底是为了什么而存在的,进入的时候不需要,返回的时候又表意不明。
好吧,就算要有,那其实完全可以把Today和日期放在标题栏中央,在「每日精选」Tab的列表页中随页面下滑更新,这样在视频详情页中也能为返回btn腾出位置啊。而在「往期分类」的视频详情页中,空着也是空着…另外标题栏的Eyepetizer也建议改成分类名。