国产女主播一区二区精品视频_女人一级刺激无遮挡毛片_无遮挡男女视频大全 -24小时日本在线视频_久久97人人超人人超碰超_中文字幕在线精品_色综合天天视频在线观看

qq訂票頁(yè)面交互的一些看法

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

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

來(lái)源:http://www.flyalone.net/?p=441

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,          請(qǐng)點(diǎn)這里

 

 

 

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

具體分析如下:

(一)基本查詢(xún)模塊

  • 內(nèi)容與首頁(yè)基本查詢(xún)模塊保持一致;(用戶(hù)第一次填寫(xiě)是在首頁(yè)的基本查詢(xún)模塊,滿(mǎn)足一致性)
  • 只提供完成基本查詢(xún)的必備選項(xiàng);(在用戶(hù)看到查詢(xún)結(jié)果前,絕沒(méi)有耐心思考和反復(fù)選擇)

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

1. 用戶(hù)選擇完“出發(fā)城市”之后,沒(méi)有立刻彈出“到達(dá)城市”的選項(xiàng)列表。日期同理。

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

解決方案:

2. 日期選擇模塊,每點(diǎn)擊一次“左右”箭頭,會(huì)跳過(guò)兩個(gè)月

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

問(wèn)題解決:改為每次移動(dòng)一個(gè)月

(二)日歷模塊

原版截圖:

1. 問(wèn)題: 以日期為軸,卻把日期放在了底部。

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

2. 問(wèn)題: 日期范圍固定,無(wú)法查看上一周或下一周低價(jià)信息

  • 注重價(jià)格的用戶(hù),會(huì)因?yàn)樾枰″X(qián)而查詢(xún)跟大范圍的日歷信息。

總體解決方案 :如圖

(三)篩選模塊

需要設(shè)立那些篩選項(xiàng)呢?

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

2. *機(jī)型: 大型機(jī)和中型機(jī)舒適程度不同,價(jià)格相差無(wú)幾,用戶(hù)更喜大型機(jī);

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

4. 艙型:大多數(shù)用戶(hù)會(huì)選擇經(jīng)濟(jì)艙;用戶(hù)往往會(huì)先選定某一航班,進(jìn)而選擇該航班的特定艙型;(有待商討

5. 降落機(jī)場(chǎng):全國(guó)大多數(shù)城市只有一個(gè)機(jī)場(chǎng);航班信息中會(huì)顯示降落機(jī)場(chǎng);

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

原版截圖:

存在問(wèn)題:

1. Dropdownlist 的形式問(wèn)題:隱藏選項(xiàng),不直觀(guān);增加用戶(hù)點(diǎn)擊操作

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

2. 起降時(shí)間選項(xiàng),“00:00”格式時(shí)間過(guò)于數(shù)字化,且過(guò)于準(zhǔn)確

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

解決方案:

(四)排序模塊

原版截圖

存在問(wèn)題:

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

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

解決方案:

(五)航班信息列表模塊

原版截圖:

存在問(wèn)題:

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

  • 一個(gè)位置提供了五種信息:價(jià)格、折扣、活動(dòng)、退改簽查看、全部折扣選擇,信息過(guò)多,造成疲勞和丟失;
  •  查看類(lèi)功能和選擇類(lèi)功能應(yīng)分開(kāi)放置;
  •  用戶(hù)在查看信息時(shí),眼球會(huì)不斷的移向“預(yù)定”button,可以把全部折扣放在“預(yù)定”旁邊;

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

  •  用戶(hù)不會(huì)因?yàn)榭吹絻r(jià)而去選擇更高折扣的艙位;
  • 用戶(hù)會(huì)因?yàn)椴幌胍?ldquo;經(jīng)濟(jì)艙”而去查看其它艙位;

解決方案:

 線(xiàn)框圖全貌:

日歷

鏈接

個(gè)人資料

存檔