游侠客APP首页-2019改版

用户头像
杭州/UI设计师/6年前/1896浏览
游侠客APP首页-2019改版
用户头像
渣渣文

2019年6月,游侠客APP迎来了一次全新的首页改版,尝试写个改版总结

之前一直忙的很,最近空下了,主要想对此次改版做一次总结和回顾,记录一下自己经历过的项目。
第一次尝试写总结性的文章,希望可以好好锻炼一下自己的设计思维。

游侠客是一家旅游公司,公司的平台一是用来卖自家原创旅游线路,二是也满足旅行者的社交,有兴趣的可以了解一下。

17年6月入职游侠客,专门负责公司移动端的UI设计,以游侠客APP每个版本的迭代为重点。两年多几乎经历了游侠客APP每个版本的迭代。游侠客APP主要是为了满足自家公司业务的需要做的,前期立项到上线时间也都比较紧张。首先要经历从无到有的过程,许多细节都还有很大的优化空间。

17年-18年主要还是为了满足市场部业务需要做的改版,需求也不是很稳定,产品还停留在快速迭代上线的阶段。所以条件有限,UI上只能做一些基础规范的统一。

有了17、18年的铺垫,19年开始整个产品在结构、UI视觉上都有了很大的提升。我们都意识到了产品使用及体验上的重要性,前几个月我们全新改版了社区、遇见、我的等一些重要的模块,终于在6月份首页也经历了一次全新改版。

Part1:回顾一下首页改版历史

这两年首页大大小小经历了很多次优化,17年刚接手APP不久就做了一次大的改版。记得当时主要针对我们公司自己的业务,相关人员希望我们的各类业务能更多的在首页曝光。改完之后我们也觉得还有很多优化点,做过竞品分析,提过很多次建议,这个过程可以大致分享一下。


这是17年改的版本,能发现一个比较直观的问题就是想要突出的内容太多,导致首页屏数过多,用户需要滑动很多屏才能看到下面的内容,体验上不是很好。而且内容结构上也不是很清晰,模块太多了,图片堆积也很多,阅读重点不是很明确。对比当时比较好的线上产品我们也做了分析。


我们参考了线上许多优秀的APP,并做了对应的分析。这里主要列举马蜂窝、途牛、淘宝。可以发现这些产品首页的共性是距离列表部分的屏数都不多,业务分类也做的蛮好,比较清晰简洁,好理解。我们的首页对比下来给人的堆积感太重了,留白做的也不是很好。首页还需要继续优化,慢慢开始了新的优化方案的探索,尝试突破。优化也需要结合业务部门的意见,找到自己的特色,把核心业务更好的曝光给用户,经历了一段时间的讨论,中间也有好几次变动,最终才确定下原型和设计稿。

Part2:新版首页做的改变和突破

1、我们更加明确了我们平台的定位和目的。

游侠客最初公司定位就是旅行者的社交网络,以“旅行+交友“的模式来更好的服务旅行者,网站所有的线路都为原创独立研发,业务范围涉及含跟团游、自由行、当地玩乐、自驾游、瑜伽、民宿、赛事等等,涉及面也很广。我们的APP,主要目的是为了满足旅游者更好更全的了解到我们公司的各类业务,根据需要自行选择,同时也要满足旅行者社交平台的属性。首页的目的就是为了更好的曝光各类业务,以及我们旅行相关的优质内容。

2、首页结构大致框架的设定

通过对之前版本的分析,这次改版我们希望上面几屏的模块尽量简化。下面线路列表及各类内容部分用瀑布流的形式展现,以提高页面的利用率。

3、设计原则

a、品牌色的突出运用   b、注意元素间的留白处理    c、信息层级的区分    d、优质图片的凸显   e、卡片式设计

4、改版后首页的数据对比

这次改版之后相对之前的版本算是有了蛮大的进步的,模块个人感觉对比之前都更加清晰,提高用户浏览效率。整个APP在向更加专业的方向发展,包括整个团队都在进步分享一下首页改版的数据参考数据。


1、上面的数据可以看出这次首页改版相对还是蛮成功的,在总体访问量正常的情况下,访问停留时长有很大的提升,页面出跳率有所下降。

2、对目的地访问有很大的帮助

3、周末去哪儿,限时特惠等模块上的点击率也有所上升,对转化率的提升很有帮助

5、未来的首页

1、回顾了一下游侠客APP首页的改版历史,并看到了2019年我们取得的小进步。虽然依然还有很多优化空间,但预示着我们的APP再往更专业的方向上发展,整个团队也在伴随着行业、市场、用户的变化成长。

2、未来还需要更加努力,多站在业务的角度考虑更好的解决方案,并从用户角度出发,研究交互,做出更好体验的设计。

3、视觉风格上也希望我们的APP能有自己的个性。

14
举报
|
20
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】30个图标
【新年UI图标】体育icon
新拟态风格 UI设计组件库
科技医疗透明柜UI界面设计
拟物风质感写实UI卡片合集源文件
【新年UI图标】会员icon
【新年UI图标】旅行icon
【新年UI图标】汽车icon
高级感金属拟物 UI设计组件库
Security Camera UI kit
【新年UI图标】钱包icon
钱包ui模板
【新年UI图标】礼物/活动icon
我的钱包-UI界面设计-app
盲盒APP UI设计
新能源APP应用UIKit
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
手表表盘UI系列
智能家居中心 简约 UI设计组件库
UI通用设计素材1
UI界面 组件
【新年UI图标】秒杀icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
你可能喜欢
相关收藏夹
大家都在看
登录注册