查看原文
其他

聊聊环球影城App的设计优化

The following article is from 应谋鬼计 Author 应骏

环球影城已经正式开园啦,不知道大家有没有在14号零点抢到门,反正其实跟我预期差不多,在开售的时候流量过载,各种无响应。毕竟不是淘宝有这么强大的服务器,所以这个崩溃也属于正常,幸好刷了一个小时还是抢到了。有11月初去的小伙伴可以碰一碰。

之前在做迪士尼app的改版,诶这不就出来竞品了吗?有一说一,环球的软件在体验上确实比迪士尼好,主要是功能划分的比较清晰,由于本身功能并不复杂所以只要分类的合理就没有什么使用门槛。至少能让第一次使用app的用户能够找到他要做什么,而不是直接给一张地图,之前我们也聊过流量分发的问题,用户的需求多种多样,所以首页的职责就是用来消化这些流量,快速的分发到其相应的板块中,如果像迪士尼这样只有一张地图,那么这些有不同需求的用户就会在首页中“迷失自我”。


环球影城在还有个地方做的不错,那就是在这些增值服务的说明上,让用户能分清楚什么是快速通道,什么是vip,什么是高级vip,个人觉得比预约等候卡、尊享卡、尊享导览要来的清楚。

在视觉上相对迪士尼来说洋气了不少,首页会根据不同的大图变换背景颜色,这个氛围就出来了,图标的统一性也更好,看来是花了点成本的,在主题卡片上还运用了破窗和背景渐变的小技巧,这个也不错。在异常和空页面中还使用了小黄人的插画,情感化的小心思还是有的。


有一些地方玩个人觉得还可以再优化一下,类似于游乐主题公园的产品我们之前在迪士尼改版的文章里也说了,产品还是偏向于工具类型,因为大部分人进来的主要目的就是俩:购买门票酒店等增值服务和看电子地图进行游玩,所以本身这类产品的功能就不复杂,可以说很少。为了让用户更好的理解一些增值服务,在迪士尼的改版中,我把个人行程计划单独做了一个模块来展示,用户在没有购票的情况下可以在这里浏览攻略,购票后可以进行绑定、购买更多的增值服务。这样的话不同类型的增值服务在使用场景中就区分开来了,

具体文章看此链接:迪士尼App改版设计·交互分析篇


部分模块的优化思路

商城板块
那环球我们就可以换个思路,用过的同学可以看一下,第三个商城板块其实内容很少,就4个:门票、优速通、酒店和贵宾体验,而banner和下方的酒店就是重复的内容而已,所以就相当于只有四个按钮。再考虑一下如果只有4个按钮,那是不是可以直接和首页进行合并呢?本身首页现在的内容其实也挺尴尬的,你能直接看到5个核心入口,分别是“运营时间、我的行程、园区预约、翻译和在线购票”,前四个入口并不是核心的业务,最主要的还是在线购票,然后在线购票和上面4个入口也没有什么关联性。那我这里是不是可以直接把原来在商城的四个入口挪过来,我大致做了一个效果。这样既可以把核心的业务曝光,也可以让整个产品“减负”。


有小伙伴会说,那这样的可扩展性就差了,商城以后如果新增其他板块的话会不会不好扩展呢?这个我只能说我也不知道,因为脱离业务背景,人家老板是怎么看商城的我们不得而知,目前只是从效率和流量分发的角度来看,4个入口放首页是最合适的。

优速通
优速通目前点击入口进去后会出现两个卡片可以选,分别是单次和无限次的优速通,这俩区别我目前理解的就是次数的区别和价格的区别,那么我们是不是可以把这两个票不同的选项直接做在一个界面中,就像这样



通过修改之后,原本要多出一个页面去选择类型,现在在一个界面中就可以完成了,在原有的界面中,大量的文字在页面下方其实并没有起到很大的作用,与其放出来不如和类型的卡片结合,这样让一个场景中的信息更加聚焦,并且如果要让日期模块再细化的出来也可以有足够的空间。另外咨询的功能实在太鸡肋了,只有几个固定的问题可以问,然后收到的是自动回复的消息,对用户来说卵用没有,于是我就把它直接咔嚓了。当然如果这个能做到和淘宝商家那样回复的及时和快速,那我不介意做的比较明显。

vip购票
再接下来要说再购买私享vip时候的一个小问题,私享vip的规则是必须3人起购,和普通vip一样也需要选择服务时间,而普通vip为10人拼团形式的,服务时间固定为10点、11点和12点(不知道是不是这样,如果错了的话请大家告知我)现在的场景是这样:我想要购买下个月月初的私享vip,于是我要点击更多日期,确定后再点击购买数量,这里它倒是聪明,点击“+”后数量直接变成3,然后我再选择服务时间,底部就会滑出选择器让我选择时间。

因为我在写文的时候vip都卖光了于是我只能给大家这样截图标注一下步骤。


这里会出现这样的问题和疑惑:

1.在没有选择时间的情况下,虽然➕号和选择服务时间是高亮的但是点击后会提示请先选择日期。

2.既然一定要3人起售,那为什么不直接“-3+”,而需要让用户再去点一次➕?

3.如果服务时间是固定的3个点,那我为什么不能直接展示出来这3个时间点?

为什么会有以上的疑惑,因为最底部还有一个确认,这是最终来检测你是否有选择完成,如果这3项有其中一项未选,它都会置灰。所以我们就可以这么做:

1.让顶部日期可以左右滑动,在一定时间范围内

2.直接将数字+到3,这里是必定从3开始,所以和从1开始是一样的道理。

3.将10点、11点和12点3个时间点直接放出来让用户选,因为选择不同的日期、服务时间都会有相应的变化,这样的话可以直接展示给用户当前的服务时间是否已约满。

4.默认不选中日期和时间,底部确认按钮高亮,日期和时间必须都选择后点击确认按钮才会进入下一页,否则进行提示还未选择。

那我们再来看看调整后的变化


同样这里会涉及到扩展的问题,但是基于现在的vip服务模式和整体乐园的流量来说,vip是限量的,所以这个预约时间点一定不会多,如果多了的话vip可能也要排队了,而且vip的服务时间是5-6小时,所以后期也不会出现有大量时间点可预约,这里就暂时可以不考虑扩展。还有一点就是在选择日期之前,数量和服务时间都可以随意选择,一切以选择完日期为准,有时服务时间在当前日期是有的,但切换日期后就会售罄,所以以选择日期为最高优先级。

同时将日期做为可左右滑动的交互,让近1-2周的日期可以快速被用户滑动所获得,尽量减少用户层级的跳转,有必要的话就可以和马蜂窝、飞猪那样直接在该页面展示。

于是修改过之后我的订票路径就会大大减短,除了有特殊时间和数量外,只需要点击4次就可以到确认订单界面,提高了效率。 

最后,如果咱们有小伙伴已经去过环球,并且使用过app后,可以在下方留言,你们在使用过程中有没有遇到其他的问题呢?欢迎交流~


推荐阅读


被油管这小功能惊艳到了,为什么我们做不到?

大厂设计师是如何做原型走查的,快收藏!

金刚区也要考虑交互,不只是画图标而已



在看是最好的肯定与鼓励

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存