民宿 APP UI 设计分享-小码哥教育
    • <label id="cbcch"></label>

      1. <ins id="cbcch"><canvas id="cbcch"><noframes id="cbcch">
      2. <ul id="cbcch"><object id="cbcch"><optgroup id="cbcch"><optgroup id="cbcch"></optgroup></optgroup></object></ul>

            <caption id="cbcch"><i id="cbcch"><address id="cbcch"><map id="cbcch"><strong id="cbcch"><dd id="cbcch"></dd><ol id="cbcch"><form id="cbcch"></form></ol><dfn id="cbcch"></dfn></strong></map><area id="cbcch"></area><area id="cbcch"></area><legend id="cbcch"><dl id="cbcch"><tfoot id="cbcch"><area id="cbcch"><del id="cbcch"></del></area></tfoot></dl></legend><samp id="cbcch"></samp><dfn id="cbcch"></dfn></address><tfoot id="cbcch"><blockquote id="cbcch"><strike id="cbcch"><td id="cbcch"></td></strike></blockquote></tfoot></i></caption><i id="cbcch"></i>

            民宿 APP UI 设计分享

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

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

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

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

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

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

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

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

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

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

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

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

            作者:慧敏
            来源:ued.ctrip


            上一篇: 6个步帮UI设计师高效完成切图

            下一篇: 有了前苹果创意总监Abigail的加盟,华为的UI可能有救了

            分享到: 更多

            威尼斯6799.com手机版 |威尼斯官方网站6799.com |澳门在线威尼斯官方 | |手机版 | | 威尼斯游戏平台,威尼斯05151.com手机登陆,威尼斯游戏手机版-0132555.com|威尼斯05151.com手机版,威尼斯官方网站05151.com,澳门在线威尼斯官方-81138.com|www.86087.com,威尼斯人线路检测86087,威尼斯娱乐86087官方网站-0034.com|86087威尼斯城86087.com,威尼斯86087.com官方网站登录,威尼斯手机娱乐官网-83855.com|威尼斯澳门官方4886.com,www.4886.com,威尼斯官方娱乐4886.com登陆-k92988.com|www.5004.com,澳门威尼斯娱乐www.5004.com,5004.com威尼斯官方网站-284.com|