超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

qq訂票頁面交互的一些看法

2012-5-25    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(  m.miumiuwan.com )是一家專注而深入的設(shè)計機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、  cs界面設(shè)計 、  ipad界面設(shè)計  、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、  網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

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

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，          請點這里

 

 

 

本部分將結(jié)合已經(jīng)上線的QQ旅游訂票系統(tǒng)的分析，給出解決方案

具體分析如下：

（一）基本查詢模塊

  • 內(nèi)容與首頁基本查詢模塊保持一致；（用戶第一次填寫是在首頁的基本查詢模塊，滿足一致性）
  • 只提供完成基本查詢的必備選項；（在用戶看到查詢結(jié)果前，絕沒有耐心思考和反復(fù)選擇）

現(xiàn)行版本截圖：

1. 用戶選擇完“出發(fā)城市”之后，沒有立刻彈出“到達(dá)城市”的選項列表。日期同理。

原因：用戶看到航班信息之前，是沒有足夠耐心的，要盡量保證用戶的“任務(wù)流”不被打斷。

解決方案：

2. 日期選擇模塊，每點擊一次“左右”箭頭，會跳過兩個月

問題描述：用戶點擊一次“向左”箭頭，是希望在同一位置出現(xiàn)“5月”，實際出現(xiàn)了“4月”，如此，用戶需要把鼠標(biāo)移動到右側(cè)的日歷，才能看到“5月”。增加了用戶的操作負(fù)責(zé)度。

問題解決：改為每次移動一個月

（二）日歷模塊

原版截圖：

1. 問題： 以日期為軸，卻把日期放在了底部。

  •  大部分用戶購票時，首要查看的也應(yīng)該是日期；
  • 這是一排根據(jù)日期順序排列的選項卡組，從邏輯上講，日期屬于索引，價格屬于日期的備注信息；
  • 價格對主流用戶具有吸引力，因此應(yīng)該使用亮色，且增大字體。

2. 問題： 日期范圍固定，無法查看上一周或下一周低價信息

  • 注重價格的用戶，會因為需要省錢而查詢跟大范圍的日歷信息。

總體解決方案 ：如圖

（三）篩選模塊

需要設(shè)立那些篩選項呢？

1. *航空公司： 不同航空公司服務(wù)質(zhì)量不同；用戶可能擁有某特定公司的會員卡；

2. *機(jī)型： 大型機(jī)和中型機(jī)舒適程度不同，價格相差無幾，用戶更喜大型機(jī)；

3. *起飛時間： 絕大多數(shù)用戶，在查詢前已經(jīng)確定了時間范圍，利于準(zhǔn)確找到相應(yīng)信息；

4. 艙型：大多數(shù)用戶會選擇經(jīng)濟(jì)艙；用戶往往會先選定某一航班，進(jìn)而選擇該航班的特定艙型；（有待商討 ）

5. 降落機(jī)場：全國大多數(shù)城市只有一個機(jī)場；航班信息中會顯示降落機(jī)場；

6. 直飛/中轉(zhuǎn)：大多數(shù)用戶不需要中轉(zhuǎn)；中轉(zhuǎn)航班所占比例不大；航班信息中會顯示是否中轉(zhuǎn)；

原版截圖：

存在問題：

1. Dropdownlist 的形式問題：隱藏選項，不直觀；增加用戶點擊操作

  • 篩選是用戶常用的功能，既然常用那么就不應(yīng)過于隱蔽；
  • 如果使用checkbox 用戶只需點擊三次鼠標(biāo)，而且所有選項一目了然；
  • 如果使用dropdownlist用戶需要點擊六次鼠標(biāo)，而且不直觀；

2. 起降時間選項，“00:00”格式時間過于數(shù)字化，且過于準(zhǔn)確

  • “起降時間”改為“起飛時間”；
  • 數(shù)字格式的選項會引發(fā)更多的思考，表現(xiàn)模型與用戶的心理模型不一致，應(yīng)使用用戶更加熟悉的“上午、中午、下午、晚上”，準(zhǔn)確性通過后臺來實現(xiàn)；

解決方案：

（四）排序模塊

原版截圖

存在問題：

1. “起降時間”和“價”并非明顯的按鈕外觀，且隱藏在標(biāo)簽欄中

  •  如果需要用戶點擊，那請明確告訴用戶“我是一個button”；
  •  這到底是“標(biāo)簽欄”，還是“篩選欄”呢？用戶不容易注意到，同時也會產(chǎn)生疑惑；
  • 同類功能應(yīng)該集中放置；
  • 用戶在瀏覽信息時，鼠標(biāo)會習(xí)慣性的放在屏幕靠右側(cè)；“滑塊”和“預(yù)訂”button都在偏右側(cè)；

解決方案：

（五）航班信息列表模塊

原版截圖：

存在問題：

1. 紅圈內(nèi)的信息過于集中，而且放置了重要的“全部折扣”選項

  • 一個位置提供了五種信息：價格、折扣、活動、退改簽查看、全部折扣選擇，信息過多，造成疲勞和丟失；
  •  查看類功能和選擇類功能應(yīng)分開放置；
  •  用戶在查看信息時，眼球會不斷的移向“預(yù)定”button，可以把全部折扣放在“預(yù)定”旁邊；

2. “全部折扣”用詞不準(zhǔn)確，且并非用戶最想看到的

  •  用戶不會因為看到價而去選擇更高折扣的艙位；
  • 用戶會因為不想要“經(jīng)濟(jì)艙”而去查看其它艙位；

解決方案：

 線框圖全貌：

分享本文至：

日歷

鏈接

個人資料

存檔