说到电商支付流程的用户体验,有大量关于转化率的议题,也有很多有用的建议能够解决可用性问题。但这些资料都没有包含甚至触及到一个特殊的电商领域——在线酒店预订。在用户体验方面,这是一个被忽视的话题,可能的原因之一,是它缺乏一些基本的可用性准则。
随着在线交易占酒店销售额比重的提升,拥有强劲的在线销售工具变得至关重要。酒店网站甚至面临更大的挑战,要与Expedia, Booking.com和其他整合者竞争,他们有更多资源来不断提升网站的用户体验。

多数独立酒店网站使用第三方酒店预订引擎,它们得到授权与Expedia这样的预订渠道合作。为什么?这样酒店就可以从一个地方轻松管理所有预订渠道的房间和评级。所以它们要么遵守第三方服务的设计和体验,要么就勇于创造自己的特色。
这些网站的UI问题在于,它们的优秀是很久以前的事情,但之后再也没有变过。时间似乎在2004年前后停止了,无论添加了什么新功能,都没有显著改变现有设计。整个互联网在进步,用户对网站有更高的要求,对于糟糕用户体验的容忍度也在下降。这意味着,相比独立酒店网站,如果像Expedia和Booking.com这样的酒店整合者有更好、更全面、更简单的预订流程,用户甚至更愿意通过这些渠道预订。
但是酒店网站没有全盘皆输。做一些必要的可用性调整,酒店网站就能为顾客提供更好的体验,或者至少不会显得太令人生厌。

预订日历的可用性
用户经历酒店预订流程时,首先会遭遇到的就是预订日历,你要确保它符合并且超出用户的预期,对吧?入店与离店输入框内,分别填入当前日期和后一天,让用户向你渴望的结果迈出一步。这听起来似乎显而易见,但鉴于很多酒店的日历框中仍然是空白的,一个温和的提醒并不会伤害到谁。
此外,当选择入店日期时,离店日期也应该跟着变(加一天),并将之前所有日期都标为不可选。这种基本的方式可以防止输入错误,例如无效的日期选择,这是Jacob Nielsen的10个可用性启发中的一个。
预订的进度条
用户喜欢掌控流程,并且要能够预测它将会花费多长时间,那为什么不给他们展现出来?通常,有个好办法是将冗长的酒店房间预订流程分解为几个步骤,让它更容易消化。同时展示出进度条,消除用户由于不知道要花多少时间精力来完成任务而产生的焦虑。通过一个简单的进度条,来向用户展示,他们距离完成目标多么接近,同时也会鼓励他们继续。

详细的房间信息和照片
不,我不是说要在你的网站上加上图片库和奇特的描述。我要说的是,当用户要选择一个可用的房间时,在用户面前展示出这些照片和必需的房间信息的重要性。像“豪华双人房”、“皇家阳台”和“常规标准间”这样的房间分类,并没有告诉用户任何信息,除非给它们配上相关的图片和关键特征,这些会成为相应的房间评级的佐证。还有,你能提供的图片越大、令人印象越深刻,就会有越令人满意的用户体验。
精确易理解的评级信息
酒店网站电商部分的难处在于,酒店在相同时段甚至相同房型上,通常有不同的评级。要设计一个简单易懂的评级信息选择器,相当有挑战。尝试清晰高亮展示评级之间的差异,以及可能产生的额外费用,同时要消除杂乱,避免用小字来解释各种评级。

预订表单的可用性
在可用性方面,这是预订流程中最痛苦的部分。至关重要的是,不要让用户被预订所不需要的额外的输入框淹没。首先,不要要求用户注册/登录来预订,除非你有好处可以交换。不要因为推广目的,用额外的任务来折磨用户。那不是好的用户体验。
那么,预订流程中,哪种信息是酒店需要的。
肯定的是,并没有默认的需求清单,因为每家酒店有自己的系统和运作标准,但通常最基础的是:全名和email地址。除此之外,你可能还需要一些非必填项,例如电话号码、特殊要求和到达时间。预订表单的一个小变化,有可能成就或毁了你的用户体验,所以要确保进行A/B测试,来为你特殊的网站找到最佳的表单结构。

信誉和信任
酒店网站在用户眼中的一个主要弱点,就是信誉。如果我可以通过Expedia这样长期信赖和存在的网站预订,为什么我还要满怀信任地把我的信用卡信息,交给某个不知名的酒店网站?这个问题不可避免,作为酒店网站,你所需要的就是安全地处理和保存信用卡信息。更重要地是,使用他/她熟悉的安全徽章和图标,来向用户证明你的信誉。
最后的思考
酒店网站正面临严酷的竞争,因此糟糕的用户体验是不能忍受的。尽管一些可用性议题会造成很多麻烦,或者导致向第三方服务提供者妥协,这些努力还是会取得成功,创造更好用户体验,让顾客更开心。在这样的环境下,至关重要的是准确了解你的用户是谁,相应优化在线预订体验。
不用说,对于不同年龄层,需要用不同的方式来对待一切可用性问题和文案措辞的设计。
首先,花些时间研究和理解你的目标用户,然后思考如何给它们设计更佳的体验。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
实例解析3种文档大屏适配方法
相关文章2632020-03-09
详细解析UI设计中搜索栏设计的技巧
相关文章6092019-03-31
如何提高登录注册的提高用户体验
相关文章2902018-12-20
UI设计师需要学习的保存功能设计总结
相关文章3422018-12-07
7招表单设计设计师方法提升表单体验
相关文章5672018-12-07
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
详解如何写后台系统UI设计规范
相关文章5412018-11-29
详解表单设计的常见错误与解法
相关文章2272018-11-13
