<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • qq訂票頁面交互的一些看法

    2012-5-25    藍藍設計的小編

    轉載藍藍設計(  www.skdbbs.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.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产亚洲精品国产| 日韩精品人妻av一区二区三区 | 亚洲精品线路一在线观看| 欧洲精品视频在线观看 | 久久99精品国产一区二区三区| 无码国产精品一区二区免费16| 久久久久久极精品久久久| 99久久免费只有精品国产| 精品视频一区二区三区免费| 97精品久久天干天天天按摩| 精品一区二区三区东京热| 四虎国产成人永久精品免费| 中文字幕精品亚洲无线码一区应用 | 欧美精品黑人粗大视频| 国产精品无码免费播放| 777国产盗摄偷窥精品0OOO| 久久99精品国产| 久久久久久久99精品免费观看| 凹凸69堂国产成人精品视频| 国产精品毛片一区二区三区| 无码精品国产VA在线观看DVD| 无码精品久久久天天影视| 无码人妻精品一区二区| 无码欧精品亚洲日韩一区| 久久精品国产亚洲av高清漫画| 久久综合国产乱子伦精品免费| 无码精品A∨在线观看中文| 日韩人妻无码精品一专区| 久久久无码精品亚洲日韩按摩| 精品无码国产自产拍在线观看| 久久精品国产久精国产思思| 国产精品熟女一区二区| 国产精品无套内射迪丽热巴| 98视频精品全部国产| 久久精品一区二区三区不卡| 亚洲国产成人久久精品动漫| 国产精品99久久不卡| 精品无码久久久久久久久久| 久久久久久久亚洲精品| 亚洲精品成人网久久久久久| 亚洲av日韩av天堂影片精品|