可可兔旅行网,当时接触的时候是因为从前端转到设计期间,看到前同事现在工作的旅行网,打开体验了一段时间,因为主要是web端网页和移动端网页为主,并没有app设计,并且移动端的一些体验和视觉缺失不够,于是想趁机练练手,锻炼锻炼产品交互思维!
目的:可可兔旅行网主要是做线上的引流,推广扩大万众旅行社的知名度以达到吸 引更多用户前来旅行社的目的;
既然是吸引,在体验上应该要以操作简单和视觉上的突出来吸引,良好的用户体验能提升用户使用愉悦度,这个用户可以推荐给其他用户使用,除了相应的推广吸引新用户以外,这种传阅形式的方法也能保住一部分老用户!当然了,旅行吸引用户更多的是安全的保障和便民的价格,又能玩的开心啦!
可可兔app是可可兔旅行网的移动端应用,方便用户随时查看旅游资源,参加团游。具备了web的功能,推荐,热门,查找订单,预留订单,购买想要的旅游团票;
整体功能架构:
1、基本架构:
2、支付信息架构
交互设计:
下面是做的过程中的思考:
标签栏:
原始:标签栏有四个分类,分别是首页,产品,订单,和我
1、因为设计到购买下单等业务,所以订单和产品以及我的界面中的内容,需要注册或者登陆过后才可能看到整体内容
2、实际使用过程中,不会很快选择去注册或者登录;
修改后:
1、在标签栏去掉了订单这一部分
2、并将这部分提取到我的页面二级菜单中,用户尽可能去看推荐给用户或者当下使用最热门的能吸引用户的东西
3、将产品页修改为发现,提升吸引力
再谈首页部分:
原始:
1、直接给出了热门及推荐两部分
2、内容在排版上并不明确,信息杂乱,看不到终点;
修改后:
1、选用轮播的方式,将特别要推荐的部分展示出来
2、每个部分显示地点和文案,以及四张精选罗列出来的图片,用户第一样直观看到的就是为用户推荐的部分,直观明了;
3、热门则以竖向排列的瀑布流的方式排列,信息罗列整齐,首页展示四组,更多则跳到发现页;
再来看看产品,也就是发现页:
原始:
1、 低版图率的排列方式,用户看到的都是文案介绍类文字,
2、文案采用的是横向排版方式,图片在左,文案在右,大段的标题信息展示不全,出现省略部分,并且文案太死板,不够吸引用户,使用过程中基本会忽视掉标题部分;
3、产品界面,做过简单用户调研,关心较多的则是地点以及价格问题偏多,这里将地点的选择和价格突出,用户能简单明了看到信息;
4、这里我去掉关注这个点,用户不可能看到简单的图片和标题就会关注收藏这个商品,关注按钮放在这里多余。
修改:
1、以并列排版的方式展现所有发现内容,并对针对用户调研的结果,将价格表现明确
2、并将时间、地点及其他以小标签的形式显现,有重点和次重点,用户看上去简单明了;
我的页:
原始:
1、界面展现并不太好,并且在改最新版之前,并未将底部标签栏放在该页,也没有放置任何返回按钮,用户在跳转到该页后,如不登录则很难找到可以直接返回的按钮;
修改:
1、将底部标签栏保留,并将订单信息等一并放置在我的界面中;
2、用户可以看到所有信息,如果没有登录,当点击一些订单消息的时候会弹出登录或注册信息,指导用户完成注册登录步骤;
3、订单信息都同意放置在界面上,用户不必跳转到我的订单页面再去查看各种信息,一目了然
产品详情页:
原产品详情页分为四部分:
基本信息,行程描述,须知说明,特色推荐
1、首先,在展示基本信息页面中,未直接标明商品价格,不能一步get到信息;
2、在基本信息中,出现行程方案;
3、行程描述,直接一个界面排版下来,过于冗长,用户需不停下拉才能看到信息,并且,在行程安排的表现形式上,用户不能直观看到所有行程的大致信息,并且介绍信息过于冗长,重点不够直观;
4、特色推荐上,完全以文字的方式展现,并不能给用户最直观的感受,文字信息没有主次;
修改后:
1、将须知说明提取到基本信息页,用户在了解基本信息时,能对需要注意的说明及旅行中会出现的情况有所了解;
2、基本信息展示,出现价格,价格对于产品信息是很重要的一部分;
3、出现出发地点,对于出发地点有清晰了解,能让用户提前做好相关信息了解;
4、将收藏关注按钮放在底部,以浮层的形式出现,随时可以收藏,不用返回到产品发现界面再做相关操作;
5、行程安排上,首先罗列出出发地到目的地,以及出发时间和游玩天数;
6、再通过旅游相关的对应日期做区分,用户能清晰了解到大致的游玩时间及当天所做安排,合理利用好对应的时间,方便出游;
7、在特色推荐这一块,原推荐信息并没有很好的告诉用户这个到底是和所选产品平行的一个推荐呢,还是所选产品当地的一个特色推荐,所以我将文案修改成当地特色,以便用户做一个区分,并将特色推荐须知以首次进入以弹窗形式展出,一方面是加强用户分别上述推荐的一个说明, 二是能提前让用户了解到项目的是否适合自己游玩;