以攜程一道筆試題來說接送機的交互設(shè)計

1 評論 43037 瀏覽 29 收藏 6 分鐘

攜程的一道筆試設(shè)計題是這樣的:

在PC端的訂票界面上增加一個接送機模塊,要求:

  • 用戶可選擇是否接送機
  • 用戶可查看接送機的車型、容納乘客數(shù)、價格
  • 車輛類型有經(jīng)濟型、舒適型、豪華型三種,用戶可自由選擇
  • 用戶可設(shè)置接送機地點,其中機場這個地點根據(jù)用戶購票情況自動設(shè)定,不需要用戶設(shè)置,也不能修改
  • 接機服務(wù)用戶可設(shè)置接機牌文字
  • 送機服務(wù)用戶可在合理范圍內(nèi)設(shè)置送機時間

要求:不要過分干擾不需要此服務(wù)的用戶

對于這道題,Snow自己的解法是這樣的

1.?接送機服務(wù)放在“我的訂單”模塊,這樣不會干擾到過多不需要此服務(wù)的用戶

2.?點擊接送機服務(wù)按鈕進入接送機設(shè)置界面。其中接機和送機用tab來進行切換。上下車地點的設(shè)置通過點擊按鈕進入地圖,在地圖上確定地點。

3.?送機時間在合理范圍內(nèi)設(shè)置。題目并未給出具體的合理范圍,我認為可以認為合理范圍為航班當(dāng)天和前一天。所以交互設(shè)計如下,點擊日歷按鈕出現(xiàn)兩個日期選項:航班當(dāng)天和前一天;用戶選定日期后可通過下拉框選擇送機時間。

以上的設(shè)計時間倉促,許多地方不夠好。根據(jù)對一號快車的接送機服務(wù)交互設(shè)計觀察,可發(fā)現(xiàn)以上設(shè)計有幾處需要改進的地方。

一、選車型

一號專車采用的選車型方式是單選的形式,直接展示車型和價格等信息,用戶可快速決策和操作。這種方式比下拉框更好。因此筆試題中選車型可考慮改為以下形式:


車的圖片、車型、容納人數(shù)、價格等信息放在一個框里,默認選中經(jīng)濟型,用戶可點擊其他車型進行更換。

二、上下車地址

在一號專車中,用戶點擊目的地后出現(xiàn)的是輸入框而不是地圖。通過左邊的城市做限制條件,用戶在右邊的輸入框中輸入目的地地址即可完成地址匹配。用戶輸入一個地址后下方會自動出現(xiàn)許多選項供用戶選擇,以確定正確的位置。這樣的做法無疑也比進入地圖要簡潔明了。所以筆試題中設(shè)置上下車地點可參照此方式。

三、送機可在合理時間范圍內(nèi)設(shè)置送機時間

一號專車沒有對送機時間給出范圍,因為他們不做機票預(yù)定。用戶只要輸入出發(fā)地、目的地和用車時間就可以了。

但是他們對接機時間給出了一個范圍:飛機落地后50分鐘內(nèi),而且可選的只有間隔5或15分鐘的時間點。這樣用戶基本上只需選擇時間,不需要選擇日期,非常的便捷。而且因為時間點有間隔,所有可選的時間數(shù)也較少,減少了用戶的選擇恐懼。因此筆試題中送機時間的設(shè)置也可參照此設(shè)計,將日期和時間放在同一個頁面,且分鐘的選項可做一定的間隔。當(dāng)然合理的時間范圍還是航班當(dāng)天和前一天。設(shè)計如下:

后記:雖然面試題是PC端,一號專車app是移動端,但是交互設(shè)計上還是有許多可以借鑒的。以上設(shè)計如有不合理的地方歡迎評論;-)

#專欄作家#

Snow,微信公眾號:用戶體驗報告。人人都是產(chǎn)品經(jīng)理專欄作家,東南大學(xué)工業(yè)設(shè)計研究生,每周更新一篇原創(chuàng)產(chǎn)品體驗報告,分析產(chǎn)品設(shè)計體驗的好壞,以此進步。愿與大家共同進步。

本文系作者授權(quán)發(fā)布,未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 圖都掛了 有其他地址嗎 ??

    來自四川 回復(fù)