首先来回顾一下,关于如何更好地订酒店,我们经历了几个不同的产品阶段。
第一个阶段:有的住,给用户提供安全可靠的预订工具;第二个阶段:有的选,在安全可靠的基础上挖掘出更多舒适的酒店相关设施玩法;
在了解大量旅行相关的内容之后,发现在特种兵和躺平这两种极端之外,有种比较现实又理性的,关注度最高的旅行追求,那就是——松弛感。我们通常说的有松弛感的状态,并不是纯粹的放松就行,而是需要一个大前提,得有确定的能力圈使你有自信的来源。比如我们比较确定的是,旅行的内容和酒店的推荐,在这个安全感的基础上,才能更加从容优雅地给用户提供逛的空间。松弛经济这种消费趋势,也正好符合这个阶段我们想要呈现给用户的内容方式,提供有价值认同的旅行体验。
如何把松弛感这种抽象的概念落实到设计上呢?
通过一些线上实际案例的探索之后,提炼出来的设计策略有内容、布局、质感这三个部分;以下围绕这三个部分展开讲讲:
从古诗词的写作手法上吸取经验。比如“大漠孤烟直,长河落日圆”,不强调形容词,而是用最朴素的:动词+名词,来调动情绪。
内容的图片视频部分,经历了1.0「质量关」到今年的1.5阶段「内容关」。
布局「呼吸感」
「图」与「文」的空间关系,体现在列表页卡片上图文率的变化。图片占比变大很多之后,首先,酒店的特色玩法和相关美景以图/视频的方式来表达,更加容易吸引用户的注意力;其次,讲呼吸感的同时,并没有放弃效率,其实在重新平衡,调整空间的比例关系,兼顾效率和美感。再者,1.5阶段「内容关」的技术应用在这里,使得我们选择图,和选择视频的方法,有了更好的算法支撑,有侧重的主题内容筛选,不仅仅是过质量关而已。很大程度地避免了图片占比变大之后,酒店图的质量不能够满足美观度需求的问题。
酒店详情页,从数据上看,用户在这个位置会阅览5张以上的图片,原来的设计只能在局限空间的左右看图,有很多酒店想要展示的东西,没有强调出来,阅览体验也需要提升。所以,今年我们从横向和纵向拓展出更大空间,增加获取信息的效率,同时也提高了信息有效性。这里同时也应用了拾色技术,识别和酒店环境相同的颜色,让辅助文案和优雅的环境图片相得益彰。
前面提到松弛感设计,主打的是以图为主,文为辅,接下来用酒店新的种草频道主题集合页来举例,元素的质感,从哪几个方面有所提升。
主题入口卡片,我们想要让Poi和玩法看起来井然有序,同时有视觉张力,所以,做了很多尝试之后,选择用不同场景主题颜色的「海浪线条元素」,让文字和图自然过渡,大图和小图的合适比例,引导视线区分出信息层级;「海浪线条」的视觉符号,也寓意随着不同的主题玩法浪起来。
从种草入口点进来之后的落地页,根据时令季节的变化,做了符合相应主题的5秒微视频。为什么是微视频,因为在这个使用场景之下,主要设计目的是卖酒店,而不是给用户展现一组叙事大片宣兵夺主。景色相关的主题构图方式是,中景和全景为主,人物含量较少,由此来聚焦主题,把不同的摄影构图带来的不同视觉语言合理运用在页面当中。
亲子和滑雪这类需要突出人与人之间的连接,和人物关键动作的主题设计,除了选择合适的景别,也要恰到好处地突出人物肢体语言,在用户进到这个页面的前五秒钟,就传达出合适的情绪,具像化脑海中的画面,把自己代入其中。比如滑雪挑选的是人物直接冲刺,加速的关键动作,而亲子挑选的是夕阳下家庭成员之间的温馨瞬间。
质感的另一个元素:颜色的使用。提取画面中和这个主题强关联的核心颜色,引导用户产生和主题一致的情绪。在视觉舒适度的范围内,增加颜色梯度,考虑到亮度、对比度的变化,和运用在同一主题界面中实用性。
- 感谢观看 -