UI / UX案例研究【第一彈】:設(shè)計(jì)更好的電影購票體驗(yàn)
去電影院是一種有趣的體驗(yàn),但在許多app的門票訂購體驗(yàn)往往令人感到漫長而且然人煩躁。今天我們就來拆解一款電影訂票系統(tǒng)的redesign,設(shè)計(jì)師的整個(gè)思考過程是怎樣的你一定也很好奇吧~
·?解決對(duì)象·?
瀏覽過不同的電影網(wǎng)站訂票系統(tǒng)后,我們發(fā)現(xiàn)了其中大部分網(wǎng)站都會(huì)出現(xiàn)的一些常見的用戶體驗(yàn)問題。本次主要進(jìn)行改版的對(duì)象是Cinema City?—www.cinemacity.co.il(美國的線上電影票訂票網(wǎng)站)的iOS端應(yīng)用。

·?用戶調(diào)研收集·?
為了構(gòu)建真實(shí)的用戶故事,調(diào)查了10名年齡在22至32歲之間的用戶群體,他們每?jī)蓚€(gè)月至少去一次電影院。
主要的調(diào)研結(jié)論:
1. 六位用戶表示他們近期有一部特定想看的電影,正在尋找合適的時(shí)間。
2. 兩位用戶表示他們會(huì)在一周的特定時(shí)間去看電影,所以他們正在尋找當(dāng)時(shí)最想要看的電影。
3. 有人說他(她)想在本周的某個(gè)晚上去看電影。
4. 所有用戶都希望在他們附近的生活/工作區(qū)域看電影。
·?痛點(diǎn)·?
加入了一些在調(diào)查中提出的問題,以支持or否定對(duì)數(shù)據(jù)的假設(shè)。有助于找到主要和次要的痛點(diǎn)。
1. 目前的Cinema City app并不支持任何之前所收集的用戶調(diào)研痛點(diǎn),相反它的篩選功能會(huì)強(qiáng)制用戶提供準(zhǔn)確的的細(xì)節(jié),如(特定電影,特定影院,特定日期,特定觀影時(shí)間)。
2. 60%的用戶抱怨篩選過程很漫長。
3. 40%的用戶抱怨完成了整個(gè)訂票過程后才被告知該影院無座非常讓人懊惱。
4. 20%的用戶抱怨他們沒有想到還需要支付額外的費(fèi)用。
5. 其他人提到該應(yīng)用程序反應(yīng)速度慢和一些bug。
·?解決方案·?
解決方案根據(jù)兩個(gè)主要的用戶故事得出。將選項(xiàng)分為按電影搜索或按時(shí)間搜索。試圖在流程的每個(gè)階段提供相關(guān)的篩選,并有額外的選擇作為智能篩選選項(xiàng)。

1. 區(qū)分不同的用戶故事
第一個(gè)用戶故事幫助那些正在尋找合適時(shí)間觀看電影的人,以及那些在特定時(shí)間點(diǎn)正在尋找一部好電影看的人。
只要將瀏覽導(dǎo)航拆分為“按標(biāo)題搜索”和“按時(shí)間搜索”后,就能使用戶界面既簡(jiǎn)單又易于導(dǎo)航。

2. 做減法
當(dāng)在特定的時(shí)間搜索一部好電影時(shí),設(shè)置一個(gè)日期選擇器并不是非常必要,因?yàn)殚T票一般只提前一周出售,并且每天更新。這個(gè)階段選擇確切的時(shí)間并不是真的需要。用戶的任務(wù)是選擇一部電影和一天中的一段時(shí)間時(shí)間。改版的設(shè)計(jì)選擇用大按鈕來表達(dá)可選的時(shí)間段,非常容易理解,而且使用明亮的顏色讓其很難被錯(cuò)過。選擇好時(shí)間后就會(huì)立即出現(xiàn)篩選后的電影。

3. 幫助用戶做出更好的選擇
根據(jù)調(diào)研結(jié)果顯示,一個(gè)非常大的挫折來自于用戶最終完成了觀影時(shí)間和電影選擇后,才發(fā)現(xiàn)該影院座位已滿。我們需要做的是幫助用戶提升選座成功率以解決這個(gè)問題。在放映電影時(shí)間旁點(diǎn)擊后會(huì)顯示一個(gè)圖標(biāo)(分為該影院座位充足;即將滿座;座位將滿 快點(diǎn)),用來暗示有多少可用座位。

以下是該功能在界面中整合后情況:

4. 付款
一般在用戶選擇座位后顯示付款。而價(jià)格應(yīng)該是透明的并且預(yù)先顯示,所以不會(huì)有任何意外。
所以進(jìn)行了插圖上的優(yōu)化,使其像一張現(xiàn)實(shí)中的電影票,提升用戶的體驗(yàn)感。

·?測(cè)試·?
為了驗(yàn)證優(yōu)化解決方案是否能被良好運(yùn)行以及被用戶接受,測(cè)試是必不可少的。找到了3位從未見接觸過Cinema City?應(yīng)用的朋友作為被試者。 需要完成的任務(wù):
1. 試著購買2張'Blade Runner 2049'的門票,需要在最少席位的電影院中搶票。
2.?完成上一步后,為晚上隨意挑選一個(gè)電影院購買2張門票。
被試者都成功通過了測(cè)試,雖然這并不是一個(gè)太復(fù)雜的功能。 并且是針對(duì)極少數(shù)人的測(cè)試,但在現(xiàn)實(shí)產(chǎn)品中還會(huì)有很多需要考慮和管控的問題。

· Take Aways·?
看完了整個(gè)設(shè)計(jì)過程,體驗(yàn)升級(jí)后的產(chǎn)品一定能更好的提升用戶買票體驗(yàn),相信你對(duì)UX design也有了新的思考。
讓我們把自已當(dāng)成用戶去體會(huì)產(chǎn)品,并像設(shè)計(jì)師一樣敏銳發(fā)現(xiàn)產(chǎn)品痛點(diǎn),成為無時(shí)無刻的“產(chǎn)品體驗(yàn)官”吧!
?·End·
除了以上內(nèi)容,想要了解更多設(shè)計(jì)相關(guān)知識(shí)問題,可以私信小編了解!

UXD尤克斯國際設(shè)計(jì)中心是一家專注于交互 / 工業(yè) / 產(chǎn)品/ 服務(wù)設(shè)計(jì)專業(yè)的頂級(jí)設(shè)計(jì)學(xué)院。除了一對(duì)一設(shè)計(jì)課、基礎(chǔ)技能課程、小組課題、設(shè)計(jì)評(píng)圖、聯(lián)合教學(xué)外,我們提供不定主題的公開課和內(nèi)部小組課,教學(xué)計(jì)劃課程由三大部分組成,包括基礎(chǔ)軟件技能教學(xué)、設(shè)計(jì)理論系統(tǒng)講座、申請(qǐng)必備知識(shí)解析等。