<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

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

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

          轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(  m.sdgs6788.com )是一家專注而深入的設(shè)計機構(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. *機型: 大型機和中型機舒適程度不同,價格相差無幾,用戶更喜大型機;

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

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

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

          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ì)艙”而去查看其它艙位;

          解決方案:

           線框圖全貌:

          日歷

          鏈接

          個人資料

          存檔

          久久A级毛片免费观看| 久久99国产一区二区三区| 亚洲人AV永久一区二区三区久久| 久久97久久97精品免视看| 天堂无码久久综合东京热| 久久久久久国产a免费观看黄色大片| 久久精品桃花综合| 久久99免费视频| 午夜精品久久久久成人| 亚洲精品乱码久久久久久蜜桃不卡| 国产精品久久久亚洲| 久久国产视频99电影| 久久综合九色综合网站| 久久国产成人午夜AV影院| 久久久久亚洲AV片无码下载蜜桃| 国产高潮国产高潮久久久| 久久久免费观成人影院| 狠狠色丁香久久综合婷婷| yy6080久久| 久久精品一区二区三区中文字幕| 久久久久久午夜成人影院 | 久久九九全国免费| 色悠久久久久久久综合网| 国产精品久久99| 久久精品中文騷妇女内射| 久久亚洲AV成人无码软件| 久久国产影院| 777久久精品一区二区三区无码| 欧洲人妻丰满av无码久久不卡| 久久久久国产成人精品亚洲午夜| 99久久无色码中文字幕| 久久人妻少妇嫩草AV无码专区| 99久久国产亚洲综合精品| 亚洲国产成人久久一区WWW| 国内精品久久久久久麻豆 | 久久久精品免费国产四虎| 久久亚洲中文字幕精品有坂深雪| 一本一道久久综合狠狠老| 久久久久se色偷偷亚洲精品av| 热久久国产欧美一区二区精品 | 久久午夜福利电影|