携程APP民宿频道设计心得分享

旅游类的APP没有接触过,今天看到携程分享的这篇《携程APP民宿频道设计心得》还不错,所以分享给大家,希望能给大家带来一些灵感,enjoy!

随着非标住宿的兴起,近年来民宿越来越受到中国旅游出行用户的青睐,各类专注民宿预订的平台也雨后春笋般的涌现。今年以来携程在民宿的产品和设计上投入了大量资源,并取得了一定的成效。借此机会我们来分享一下携程民宿频道在设计与迭代过程中的一些心得体会。

在着手民宿频道的改版之前,我们先分析了旧版设计所存在的问题

携程APP民宿频道设计心得分享1477479696-3566-old

总体来讲,旧版设计与传统酒店频道的差异化还不够大,从首页到列表页详情页基本在复用酒店原有的设计框架。并且由于原先较为专注于国内客栈的资源,设计风格也不够国际化。

那么在确立新的设计风格之前,我们需要先提炼一些民宿独有的“特质”,从中挖掘出具有民宿特色的设计。

携程APP民宿频道设计心得分享1477479695-7523-bnb

通过这些关键词,我们可以感觉到民宿的用户和传统酒店用户相比,应该更年轻、随性,具有一定的出行经验,并且希望获得更具个性化的旅行及住宿体验,用一个词概括的话可能是“小清新”~

应此我们决定在新版设计中,抛弃酒店频道原有的格式化的、更注重功能性的设计,通过视觉手段先为用户营造出一种休闲、生活化、当地的“民宿氛围”,让用户先逛起来!

如何打造这样的氛围呢?首先当然是图片!

携程APP民宿频道设计心得分享1477479698-8283-10

可以看到,新版首页基本以图片作为基本元素,弱化原先的搜索模块。首图挑选孩子的背影图片突出人文情怀。但是图片多了,色彩容易杂乱,需要对色调进行调和。因为暖色调更能使用户联想到温暖的住宿感觉,所以通过滤镜处理,将所有图片色调统一成黄,绿,棕等暖色系的方向,同时也增加了文艺清新感。

城市及单品内容做了精简,只放名称,价格,评分这些用户最关注的信息。

携程APP民宿频道设计心得分享1477479697-8919-5A7-2016-10-25-E4B88BE58D885

在颜色上,携程的VI色是蓝橙色搭配,为了使整个频道色彩更年轻一些,但又不与携程app整体色彩偏离太远,我们采用蓝绿色和橙红色这个更小清新一些的色彩组合。

携程APP民宿频道设计心得分享1477479701-2976-10

列表页改版也继承了突出情境化和当地的概念。头部增加城市大图模式,同时也是营销区域,可以根据营销需求替换头部图片。将特色标签变为图片形式,更加直观和美观。产品列表根据用户需求可进行大小图模式的切换,并加入卖家秀概念。

经过近一年的不断优化,民宿频道日均订单总量从以前的每日200单上升至2000余单,首页-列表CR从46%提升至53%,列表-详情CR从56%提升至70%。整体CR也有极大的提升。

 

转载注明:Yunrui
原文地址:Ctrip

分享到:

常见问题

  • 1、为什么PPT、APP和网页等模版里没有示例图片?
    因为这些素材只是模版,一般不包含里面的示例图片,示例图片是需要另外购买的;
  • 2、百度网盘为什么下载慢?
    国内只有在百度网盘放资相对靠谱,基本不会出问题,但百度网盘限制了非SVIP用户的下载速度和稳定性,不过使用百度云盘软件下载(不要用网页直接下载)会相对稳定,而且能断点续传;
  • 3、解压时提示损坏,是什么原因?
    可能没下载完,如果打不开请确定您下载的文件和百度网盘上一模一样大,如果您用的是MAC,下载下来的文件会比网上的大一些,如果文件一样大,还不能打开,请在底部留言;
  • 4、PS动作文件如何安装和使用?
    1.双击安装好所有的笔刷(.abr)、图案(.pat)和动作(.atn)等文件;
    2.选择分辨率在3000PX*3000PX,72dpi左右的高清素材图;
    3.使用英文版的Photoshop (PS中文变英文的办法 https://www.yrucd.com/74023.html);
    4.用PS打开素材,并且保证素材在background图层上(将素材合并到background上);
    5.新建空白图层,名为brush;
    6.在brush图层上用画笔覆盖素材主体物(该图层一般命名为brush,少量资源命名为profactions);
    7.在动作面板执行该动作,实现效果;
  • 5、素材更新频率和质量问题
    目前云瑞素材的日更新量增加了不少,所以多了很多不同种类的素材,之所以发这些素材,是为了满足更多人的需求,素材种类多了,就很难保证所有素材每一个人都喜欢,但品质我们还是会精选,也会根据用户数据反馈来调整更新策略;另外,后续也会和今日头条一样,做智能推荐,推荐你喜欢的内容,这样你不点的素材就很难再看到了。
  • 6、素材能商用么?
    素材仅供个人学习使用。

评价交流

  • Taebin 说:

    2016年10月31日 08:10

    为什么我还是觉得一样软七八糟的?

返回页顶