首页 > 建站资源 > 网站运营 > 从携程艺龙酒店产品终页比较分析看用户体验小细节

从携程艺龙酒店产品终页比较分析看用户体验小细节

时间:2011-08-10    来源:Cooler-少设计多思考

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

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

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

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

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

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

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

小设计大体验

小设计大体验

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

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

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

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

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

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

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

小设计大体验

相关推荐
好莱坞影片带给产品设计师的5个宝贵的设计启发
产品设计须知其然 使其可以然
ifttt给我们的思考:不只是同步而已
用户体验:如何让用户更简单地使用网站
QQ空间V6设计分享之设计中的继承与颠覆
创造卓越用户体验的五个要点
13个国内知名互联网公司的产品设计团队博客网址
互联网产品设计之影响用户体验的4个因素
四用原则:如何让产品从有用到好用
新浪潮下产品交互设计的三个新趋势浅析
让UI设计显得更简约的小技巧分享
团队协作中对响应式设计的流程优化经验分享
产品设计中认知心理学分析其交互设计
案例分析情感化设计对用户体验的影响
细看QQ产品背后的人性社交设计
QQ空间:国内第一大社交网络平台揭秘
解读张小龙的用户体验微创新最高法则
产品设计须把握用户需求与用户体验
互联网产品设计理念:产品即有机生命体
怎样打造成功的产品:以小为始 公听并观
如何避免产品设计中造成的“用户恐惧”?
马化腾谈产品设计:别想当然地猜测用户习惯
神作还是神经? 揭秘Flappy Bird火爆的背后
用户体验的高级进阶:学会讲故事
有哪些互联网产品只有中国有 国外没有的?
从产品使用的角度探讨用户体验细节
产品头脑风暴尚未成功互联网大佬仍需努力?
60个以小见大的互联网产品设计细节汇总
哪里不会点哪里!白板:为提升沟通效率而生
产品设计:日本做了哪些我们没做的事?
如何给Android产品设计一款合适的图标?
2014年八个最棒UI设计灵感:你最中意哪个?
我是这样抄袭着做产品:因为抄袭 所以卓越
产品设计者:很多用户都是骗子 别一味相信
产品需求分析:从用户到需求文档的历练
产品实用技巧:交互说明中容易忽略的几件事

精彩推荐

热门教程