研究了几天的电影购票类app,包括豆瓣电影、猫眼电影、时光网、QQ电影票、格瓦拉这几款app,从产品框架、交互细节等各方面对比分析,最终锁定在了格瓦拉,准备着手进行一次产品重构的练习,谁知今日坐下来打开格瓦拉,版本居然升!级!啦!很马后炮的说一句,我想到的地方他也改了,这样一来我的计划就全部打乱了,只能从一次产品重构改成产品交互学习了。
总而言之,格瓦拉较之上一版来说,整体的产品架构改动还是蛮大的,产品结构更加清晰了,操作也更为顺畅了,从应用下载的用户评论中也可以看出用户对这次改版还是很惊喜的。
产品信息架构
具体分析
1、导航
作为电影app,其底层数据不外乎是电影院和电影的资料。旧版似乎为了最大化利用屏幕空间,突出电影内容而采用了较为隐藏的侧边抽屉的导航方式,在首页界面仅留下了“热映电影和附近推荐影院”两个功能入口,在电影、影院等几个模块之间需要频繁切换的情况下,这样的方式使得操作非常繁琐。
新版将侧边抽屉式导航换为了经典的tab式导航,并且增添了个性化的设计(和Airbnb的导航相似),标签栏的设计使得产品的架构清晰,功能一目了然。首页成为用户进行核心任务的大入口,电影、影院、活动均能在首页找到入口,所以核心模块的曝光不成问题。
2、发现(首页)
线新版的首页成为用户进行核心任务的大入口,电影、影院、活动均在首页留有入口,增加了核心模块的曝光的机会。同时首页最后的[哇啦日报]以瀑布流的方式无限查看,增加首页的“可逛性”,为无目标的用户提供了更多的内容。
3、购票
新版把之前的电影、影院模块合二为一,变为现在的购票模块,更加的符合现实世界中用户的认知。这里有三个小疑问:
1)增加购票按钮。针对目标明确的那一部分用户,可以直接点击购买,操作流程简化一步。
2)售票排行其实是每日排名的前十的影片,文案上直接改为“每日Top10”是否更好?
3)关于搜索功能,为什么进在“影院”部分提供?
4、活动:
活动较之前没有太大改变,两点小疑问:
1)如在首页定位于北京,活动版块直接固定位“活动·北京”,个人觉得位置选择放置于页面右上角,在用户有需要时方便切换,而不是重新回到首页去切换,降低了操作效率。
2)活动的排序较为混乱。建议将即将开始和为结束的活动分开,同时为活动提供一种明确的排序方式,如按即将结束的天数作为标准,或是受欢迎程度等。
5、电影详情页:
电影详情页中,选座购票的按钮为单页的“行为召唤按钮”,需要重点突出,最好始终可见。新版中此按钮与分享、喜欢、写哇啦一起始终处于屏幕底部,在用户滑动屏幕时适时隐藏,同时在颜色上着重处理,使得整个界面简洁优雅。
电影数据方面,则是沿用主界面的纵向陈列方式,顶部下滑会进入封面模式,效果略炫。
6、新增亮点功能——黄金座:
因为选座的点较小,用户操作时会时常点错,有了“黄金座”的功能,用户只需要选择人数,系统自动筛选出目前所剩作为中最符合观影需要的座位,减少了多余的操作,提高用户操作效率。