民宿 APP UI 设计分享 已回复

会员ID:AAA就业联盟 男 16岁 时间:2016-11-10 15:05:29

 提示:学UI设计就到 "AAA教育 "↑准没错!    

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

  

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

  

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

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

  

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

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

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

  

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

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

  

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

  

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

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

  作者:慧敏

  来源:ued.ctrip

欢迎加学习交流群:421725227

一武汉AAA教育一

一起实现!
有梦想,
武汉AAA教育

微信号:aaa_job

名    称:武汉AAA数字艺术教育

地    点:武汉市关山大道光谷创意产业基地C座6楼

电    话:027-87776868

UI    群461264712或151847208

微信电话:13006356038

官    网:http://www.aaa-wh.com

赞是一种鼓励 | 分享传递友谊

评论 ( 583 条评论)
科普问题免费提问
无需注册,10分钟内回答