ok,下一步是输出线框图了,我的线框图输出,是结合对qq旅游的机票页面的交互测评进行的。
对订票页面的需求做了一些分析,那么应该是交互细节的设计了。
本部分将结合已经上线的QQ旅游订票系统的分析,给出解决方案
具体分析如下:
(一)基本查询模块
内容与首页基本查询模块保持一致;(用户第一次填写是在首页的基本查询模块,满足一致性)
只提供完成基本查询的必备选项;(在用户看到查询结果前,绝没有耐心思考和反复选择)
现行版本截图:
1. 用户选择完“出发城市”之后,没有立刻弹出“到达城市”的选项列表。日期同理。
原因:用户看到航班信息之前,是没有足够耐心的,要尽量保证用户的“任务流”不被打断。
解决方案:
2. 日期选择模块,每点击一次“左右”箭头,会跳过两个月
问题描述:用户点击一次“向左”箭头,是希望在同一位置出现“5月”,实际出现了“4月”,如此,用户需要把鼠标移动到右侧的日历,才能看到“5月”。增加了用户的操作负责度。
问题解决:改为每次移动一个月
(二)日历模块
原版截图:
1. 问题:以日期为轴,却把日期放在了底部。
大部分用户购票时,首要查看的也应该是日期;
这是一排根据日期顺序排列的选项卡组,从逻辑上讲,日期属于索引,价格属于日期的备注信息;
价格对主流用户具有吸引力,因此应该使用亮色,且增大字体。
2. 问题:日期范围固定,无法查看上一周或下一周低价信息
注重价格的用户,会因为需要省钱而查询跟大范围的日历信息。
总体解决方案:如图