qq订票页面交互的一些看法

2012-5-25    蓝蓝设计的小编

转载蓝蓝设计(  www.lanlanwork.com )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的   BS界面设计 、  cs界面设计 、  ipad界面设计  、  包装设计 、  图标定制 、  用户体验 、交互设计、  网站建设 、平面设计服务

来源:http://www.flyalone.net/?p=441

如果您想订阅本博客内容,每天自动发到您的邮箱中,          请点这里

 

 

 

本部分将结合已经上线的QQ旅游订票系统的分析,给出解决方案

具体分析如下:

(一)基本查询模块

  • 内容与首页基本查询模块保持一致;(用户第一次填写是在首页的基本查询模块,满足一致性)
  • 只提供完成基本查询的必备选项;(在用户看到查询结果前,绝没有耐心思考和反复选择)

现行版本截图:

1. 用户选择完“出发城市”之后,没有立刻弹出“到达城市”的选项列表。日期同理。

原因:用户看到航班信息之前,是没有足够耐心的,要尽量保证用户的“任务流”不被打断。

解决方案:

2. 日期选择模块,每点击一次“左右”箭头,会跳过两个月

问题描述:用户点击一次“向左”箭头,是希望在同一位置出现“5月”,实际出现了“4月”,如此,用户需要把鼠标移动到右侧的日历,才能看到“5月”。增加了用户的操作负责度。

问题解决:改为每次移动一个月

(二)日历模块

原版截图:

1. 问题: 以日期为轴,却把日期放在了底部。

  •  大部分用户购票时,首要查看的也应该是日期;
  • 这是一排根据日期顺序排列的选项卡组,从逻辑上讲,日期属于索引,价格属于日期的备注信息;
  • 价格对主流用户具有吸引力,因此应该使用亮色,且增大字体。

2. 问题: 日期范围固定,无法查看上一周或下一周低价信息

  • 注重价格的用户,会因为需要省钱而查询跟大范围的日历信息。

总体解决方案 :如图

(三)筛选模块

需要设立那些筛选项呢?

1. *航空公司: 不同航空公司服务质量不同;用户可能拥有某特定公司的会员卡;

2. *机型: 大型机和中型机舒适程度不同,价格相差无几,用户更喜大型机;

3. *起飞时间: 绝大多数用户,在查询前已经确定了时间范围,利于准确找到相应信息;

4. 舱型:大多数用户会选择经济舱;用户往往会先选定某一航班,进而选择该航班的特定舱型;(有待商讨

5. 降落机场:全国大多数城市只有一个机场;航班信息中会显示降落机场;

6. 直飞/中转:大多数用户不需要中转;中转航班所占比例不大;航班信息中会显示是否中转;

原版截图:

存在问题:

1. Dropdownlist 的形式问题:隐藏选项,不直观;增加用户点击操作

  • 筛选是用户常用的功能,既然常用那么就不应过于隐蔽;
  • 如果使用checkbox 用户只需点击三次鼠标,而且所有选项一目了然;
  • 如果使用dropdownlist用户需要点击六次鼠标,而且不直观;

2. 起降时间选项,“00:00”格式时间过于数字化,且过于准确

  • “起降时间”改为“起飞时间”;
  • 数字格式的选项会引发更多的思考,表现模型与用户的心理模型不一致,应使用用户更加熟悉的“上午、中午、下午、晚上”,准确性通过后台来实现;

解决方案:

(四)排序模块

原版截图

存在问题:

1. “起降时间”和“价”并非明显的按钮外观,且隐藏在标签栏中

  •  如果需要用户点击,那请明确告诉用户“我是一个button”;
  •  这到底是“标签栏”,还是“筛选栏”呢?用户不容易注意到,同时也会产生疑惑;
  • 同类功能应该集中放置;
  • 用户在浏览信息时,鼠标会习惯性的放在屏幕靠右侧;“滑块”和“预订”button都在偏右侧;

解决方案:

(五)航班信息列表模块

原版截图:

存在问题:

1. 红圈内的信息过于集中,而且放置了重要的“全部折扣”选项

  • 一个位置提供了五种信息:价格、折扣、活动、退改签查看、全部折扣选择,信息过多,造成疲劳和丢失;
  •  查看类功能和选择类功能应分开放置;
  •  用户在查看信息时,眼球会不断的移向“预定”button,可以把全部折扣放在“预定”旁边;

2. “全部折扣”用词不准确,且并非用户最想看到的

  •  用户不会因为看到价而去选择更高折扣的舱位;
  • 用户会因为不想要“经济舱”而去查看其它舱位;

解决方案:

 线框图全貌:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档