以攜程一道筆試題來(lái)說(shuō)接送機(jī)的交互設(shè)計(jì)
攜程的一道筆試設(shè)計(jì)題是這樣的:
在PC端的訂票界面上增加一個(gè)接送機(jī)模塊,要求:
- 用戶(hù)可選擇是否接送機(jī)
- 用戶(hù)可查看接送機(jī)的車(chē)型、容納乘客數(shù)、價(jià)格
- 車(chē)輛類(lèi)型有經(jīng)濟(jì)型、舒適型、豪華型三種,用戶(hù)可自由選擇
- 用戶(hù)可設(shè)置接送機(jī)地點(diǎn),其中機(jī)場(chǎng)這個(gè)地點(diǎn)根據(jù)用戶(hù)購(gòu)票情況自動(dòng)設(shè)定,不需要用戶(hù)設(shè)置,也不能修改
- 接機(jī)服務(wù)用戶(hù)可設(shè)置接機(jī)牌文字
- 送機(jī)服務(wù)用戶(hù)可在合理范圍內(nèi)設(shè)置送機(jī)時(shí)間
要求:不要過(guò)分干擾不需要此服務(wù)的用戶(hù)
對(duì)于這道題,Snow自己的解法是這樣的
1.?接送機(jī)服務(wù)放在“我的訂單”模塊,這樣不會(huì)干擾到過(guò)多不需要此服務(wù)的用戶(hù)
2.?點(diǎn)擊接送機(jī)服務(wù)按鈕進(jìn)入接送機(jī)設(shè)置界面。其中接機(jī)和送機(jī)用tab來(lái)進(jìn)行切換。上下車(chē)地點(diǎn)的設(shè)置通過(guò)點(diǎn)擊按鈕進(jìn)入地圖,在地圖上確定地點(diǎn)。
3.?送機(jī)時(shí)間在合理范圍內(nèi)設(shè)置。題目并未給出具體的合理范圍,我認(rèn)為可以認(rèn)為合理范圍為航班當(dāng)天和前一天。所以交互設(shè)計(jì)如下,點(diǎn)擊日歷按鈕出現(xiàn)兩個(gè)日期選項(xiàng):航班當(dāng)天和前一天;用戶(hù)選定日期后可通過(guò)下拉框選擇送機(jī)時(shí)間。
以上的設(shè)計(jì)時(shí)間倉(cāng)促,許多地方不夠好。根據(jù)對(duì)一號(hào)快車(chē)的接送機(jī)服務(wù)交互設(shè)計(jì)觀察,可發(fā)現(xiàn)以上設(shè)計(jì)有幾處需要改進(jìn)的地方。
一、選車(chē)型
一號(hào)專(zhuān)車(chē)采用的選車(chē)型方式是單選的形式,直接展示車(chē)型和價(jià)格等信息,用戶(hù)可快速?zèng)Q策和操作。這種方式比下拉框更好。因此筆試題中選車(chē)型可考慮改為以下形式:
車(chē)的圖片、車(chē)型、容納人數(shù)、價(jià)格等信息放在一個(gè)框里,默認(rèn)選中經(jīng)濟(jì)型,用戶(hù)可點(diǎn)擊其他車(chē)型進(jìn)行更換。
二、上下車(chē)地址
在一號(hào)專(zhuān)車(chē)中,用戶(hù)點(diǎn)擊目的地后出現(xiàn)的是輸入框而不是地圖。通過(guò)左邊的城市做限制條件,用戶(hù)在右邊的輸入框中輸入目的地地址即可完成地址匹配。用戶(hù)輸入一個(gè)地址后下方會(huì)自動(dòng)出現(xiàn)許多選項(xiàng)供用戶(hù)選擇,以確定正確的位置。這樣的做法無(wú)疑也比進(jìn)入地圖要簡(jiǎn)潔明了。所以筆試題中設(shè)置上下車(chē)地點(diǎn)可參照此方式。
三、送機(jī)可在合理時(shí)間范圍內(nèi)設(shè)置送機(jī)時(shí)間
一號(hào)專(zhuān)車(chē)沒(méi)有對(duì)送機(jī)時(shí)間給出范圍,因?yàn)樗麄儾蛔鰴C(jī)票預(yù)定。用戶(hù)只要輸入出發(fā)地、目的地和用車(chē)時(shí)間就可以了。
但是他們對(duì)接機(jī)時(shí)間給出了一個(gè)范圍:飛機(jī)落地后50分鐘內(nèi),而且可選的只有間隔5或15分鐘的時(shí)間點(diǎn)。這樣用戶(hù)基本上只需選擇時(shí)間,不需要選擇日期,非常的便捷。而且因?yàn)闀r(shí)間點(diǎn)有間隔,所有可選的時(shí)間數(shù)也較少,減少了用戶(hù)的選擇恐懼。因此筆試題中送機(jī)時(shí)間的設(shè)置也可參照此設(shè)計(jì),將日期和時(shí)間放在同一個(gè)頁(yè)面,且分鐘的選項(xiàng)可做一定的間隔。當(dāng)然合理的時(shí)間范圍還是航班當(dāng)天和前一天。設(shè)計(jì)如下:
后記:雖然面試題是PC端,一號(hào)專(zhuān)車(chē)app是移動(dòng)端,但是交互設(shè)計(jì)上還是有許多可以借鑒的。以上設(shè)計(jì)如有不合理的地方歡迎評(píng)論;-)
#專(zhuān)欄作家#
Snow,微信公眾號(hào):用戶(hù)體驗(yàn)報(bào)告。人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家,東南大學(xué)工業(yè)設(shè)計(jì)研究生,每周更新一篇原創(chuàng)產(chǎn)品體驗(yàn)報(bào)告,分析產(chǎn)品設(shè)計(jì)體驗(yàn)的好壞,以此進(jìn)步。愿與大家共同進(jìn)步。
本文系作者授權(quán)發(fā)布,未經(jīng)許可,不得轉(zhuǎn)載。
圖都掛了 有其他地址嗎 ??