小细节大体验系列-携程艺龙酒店产品终页比较分析

2019-04-03    来源:Cooler-少设计多思考

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

一个好的在线预定网站应该体现六个字“步骤少,预定快”,下面主要从产品设计的用户体验角度来对比分析携程与艺龙某一酒店产品的详情页。文中截图,红色标注为携程页面,蓝色标注为艺龙页面。

一、搜索框设计;携程的搜索框增加了用户操作步骤,与用户的心理模型不匹配,而艺龙的搜索框更高效

艺龙的亮点:艺龙的搜索有5个输入框,为用户直接提供搜索结果。而且在搜索框下面提供了贴心的在线服务和电话服务,提高了很多新手用户成功完成搜索和预定产品的机会。

携程的亮点:搜索框设计的简洁一目了然。入店、离店日期框中为用户提示了浅灰色的今天、明天,贴心的小设计。

携程的不足:1 携程的搜索提供了城市和入住时间3个输入框,搜索结果链接的是城市的产品列表页,还需要用户添加位置或酒店名称等关键词进一步搜索,增加了用户的操作流程,一般用户希望通过搜索直接获得产品的相关信息。

2 除了搜索没有其他帮助服务。

携程页面建议:增加搜索条件,直接为用户匹配最佳的搜索结果,尽量不要用户二次搜索。在合适的位置为用户提供其他帮助入口。

二、页面视觉信息设计;携程页面多用图标代替文字信息,同时信息内容的排版组织清晰合理便于用户阅读,艺龙页面设计文字较多繁杂

艺龙的不足:文字信息层次较混乱,页面文字大小不统一,整个页面将近有10种颜色,不利于用户阅读认知。

携程的不足:图片显示太小

携程的亮点:1 删除多余文字,主要信息明确醒目。如酒店价格788元。

2 将附加信息隐藏起来,提供入口给需要查阅的用户,不强制所有用户阅读附加信息,如精心设计的礼品和三维酒店实景图图标,当鼠标悬停时就会即时地显示功能内容。

3 将信息元素合理简化分组,为用户提供清晰的阅读结构。如下图酒店简介下面分组信息。

携程页面建议:增加图片的显示区域,尽可能为用户提供清晰的产品展示信息。

三、页面的交互行为设计和其他亮点设计;携程将主要信息全页显示,为用户提供导航链接到对应的部分,减少了用户等待的时间,艺龙需局部更新

艺龙的亮点:1 为用户提供了网站其他用户浏览和预定的该产品的即时信息,年轻用户多从众心理。 2 订单入口显著,方便用户认知和快速下单。

携程的亮点:1 携程页面的链接,鼠标悬停时显示窗口内容,鼠标离开时窗口内容消失。

2 携程详情页为用户提供了下一步操作,如底部的周边酒店、行政区,商业区链接,因为不是每个页面都能让用户满意,有时用户的需求让人捉摸不透。

3 携程的酒店信息全部展开显示的,如酒店预定、酒店简介和周边交通,只需要点击该链接就会跳转到相应地信息,减少了用户等待时间。

4 携程的用户网站浏览轨迹位于页面底部,用户可直接查看。

5 携程页面的在线纠错功能是用户声音的反馈入口,一方面能够听取用户对页面使用的体验,另一方面增加了用户和网站的互动

携程的不足:1 预定按钮位置不显著,打开页面需要拖动鼠标才能点击预定产品; 2 酒店周边交通需要设计的更人性化

携程页面建议:一为用户提供随时下单的入口;二为周边交通信息添加一个发送到用户终端设备的功能

小结

正如有位可用性大师曾经说过,良好的用户体验,全在那些完美的瞬间。携程网的酒店详情页设计更多体现在细节的体验上,在一些页面功能扩展上还有待改善提高。艺龙网的酒店详情页页面功能和内容较饱满丰富,但是缺少细节考虑。

PS:由于是个人的使用体验,难免会有一些偏激不当之处,欢迎交流。

文章来源:wwued.com 转载请注明出处链接。

标签: 产品设计 用户体验 设计体验 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:用周易来说说网络推广的变化之道

下一篇:调研问卷中多选题的分析方法探讨(2)