下載量暴漲300%的背后,Uber lite 做了哪些正確的設(shè)計(jì)改版?

目前,網(wǎng)約車類的應(yīng)用界面當(dāng)中,地圖是其中不可或缺的一個(gè)組件,因?yàn)樵诩s車過(guò)程中,用戶需要借助它來(lái)定位上車地點(diǎn),查看行車路線,看看是否按照正確的路線運(yùn)行。

作為網(wǎng)約車行業(yè)的先行者,Uber 2010年在舊金山首次、正式地推出了網(wǎng)約車服務(wù),借助良好的 GPS 服務(wù)和細(xì)致入微的 UI 交互,在網(wǎng)約車領(lǐng)域中一直處于領(lǐng)先地位,如今他們的服務(wù)已經(jīng)遍及全球。但是,在世界范圍內(nèi)依然有很多地方,服務(wù)雖然覆蓋到了,但是體驗(yàn)上非常令人崩潰。

下載量暴漲300%的背后,Uber lite 做了哪些正確的設(shè)計(jì)改版?

這一情況是 Uber 團(tuán)隊(duì)將服務(wù)擴(kuò)展到東南亞、拉美以及中東的時(shí)候發(fā)現(xiàn)的。

「隨著我們進(jìn)入這些市場(chǎng),我們的APP和服務(wù)遭遇到了很多始料未及的情況」Uber 的印度產(chǎn)品負(fù)責(zé)人 Shirish Andhare 在談及這個(gè)問(wèn)題的時(shí)候,這么回復(fù)道。在今天,絕大多數(shù)的國(guó)家和地區(qū)的網(wǎng)絡(luò)基礎(chǔ)設(shè)施大都已經(jīng)比較完善了,而 Uber 的產(chǎn)品設(shè)計(jì)很大程度上是在這個(gè)前提進(jìn)行設(shè)計(jì)和開發(fā)的。如果網(wǎng)絡(luò)不夠快,GPS 不夠準(zhǔn)確,手機(jī)的存儲(chǔ)容量非常有限,那么像 Uber 這樣復(fù)雜的 APP 所呈現(xiàn)的體驗(yàn),令人崩潰就不難理解了。

下載量暴漲300%的背后,Uber lite 做了哪些正確的設(shè)計(jì)改版?

Andhare 所帶領(lǐng)的團(tuán)隊(duì)主要駐扎在印度,他們發(fā)現(xiàn),在 Android 手機(jī)占據(jù)主導(dǎo)地位的國(guó)家和地區(qū),用戶約車失敗率通常會(huì)非常高。為了搞清楚具體的原因,他們團(tuán)隊(duì)前往極具代表性的幾個(gè)印度和拉美城市,與用戶進(jìn)行了面對(duì)面的交流,了解了一下他們使用 Uber 的問(wèn)題。通過(guò)這樣的用戶調(diào)研,他們搜集回來(lái)的見(jiàn)解,最終促成了 Uber Lite 這款 APP 的改版。在 2018 年夏季,這款 APP 在印度作為試點(diǎn)推出,而今年,這款新的 Uber Lite 在全世界 30 多個(gè)不同的國(guó)家相繼推出,涵蓋了英語(yǔ)、西班牙語(yǔ)、葡萄牙語(yǔ)和阿拉伯語(yǔ)的版本。從2018年到現(xiàn)在,Uber Lite 的下載量增加了 300%。

對(duì)于一個(gè)在全球擴(kuò)張過(guò)程中碰到各種問(wèn)題的公司而言,這是一個(gè)關(guān)于成功的故事。在此之前,Uber 沒(méi)少面臨當(dāng)?shù)氐木W(wǎng)約車服務(wù)的競(jìng)爭(zhēng),在很多時(shí)候 Uber 只能選擇屈服。2016年,Uber 在中國(guó)遭受了激烈的競(jìng)爭(zhēng),隨后被競(jìng)爭(zhēng)對(duì)手收購(gòu)了中國(guó)本土的業(yè)務(wù)。2017年在俄羅斯,2018年在東南亞,也均是如此。今年早些時(shí)候,Uber 以 31 億美元在中東收購(gòu)了它的競(jìng)爭(zhēng)對(duì)手 Careem,不過(guò)在其他的市場(chǎng),監(jiān)管環(huán)境越來(lái)越嚴(yán)格,Uber 能做的事情其實(shí)非常有限。比如丹麥的規(guī)則就非常的嚴(yán)格,這導(dǎo)致 Uber 在當(dāng)?shù)刂苯雨P(guān)閉了。

下載量暴漲300%的背后,Uber lite 做了哪些正確的設(shè)計(jì)改版?

Uber Lite 旨在解決 Uber 在國(guó)際范圍內(nèi)所面臨的各種問(wèn)題,為乘客提供更為方便的約車服務(wù)。通過(guò)與客戶的溝通,Uber 團(tuán)隊(duì)意識(shí)到這些國(guó)家基本都是 Android 手機(jī)所主導(dǎo),大多并非西方國(guó)家。以印度為例,當(dāng)?shù)厮玫氖謾C(jī)配置非常低,在設(shè)計(jì)上就不是用來(lái)運(yùn)行諸如 Uber 這樣的大型綜合性的 APP?;ヂ?lián)網(wǎng)基礎(chǔ)設(shè)施并不完善,基站和 GPS 都不太靠譜,而絕大多數(shù)的用戶都不是精通技術(shù)的那種,而且文本在低分辨率的屏幕上常常難以辨認(rèn)。

「我們發(fā)現(xiàn),盡管用戶有意選用 Uber,但是從性能上來(lái)說(shuō),Uber 本身并非最佳的選擇,」Andhare說(shuō):「在這些國(guó)家和地區(qū),他們所面臨的網(wǎng)絡(luò)狀況和硬件條件并不如舊金山這邊完善。我們常常開玩笑,雖然如今 4G 網(wǎng)絡(luò)的普及率很高,但是在這些地方 4G 網(wǎng)絡(luò)用起來(lái)和 2G 網(wǎng)絡(luò)一個(gè)感覺(jué)。接近三分之一的用戶和車主都在這樣的網(wǎng)絡(luò)環(huán)境下使用我們的服務(wù),每次使用都會(huì)有無(wú)數(shù)個(gè)瞬間想把它給卸載了,因?yàn)檫@種飄忽不定的體驗(yàn)確實(shí)令人沮喪?!?/p>

對(duì)于領(lǐng)導(dǎo) Uber Lite 的產(chǎn)品設(shè)計(jì)和流程的負(fù)責(zé)人 Sri Jalasutram 來(lái)說(shuō),整個(gè)產(chǎn)品設(shè)計(jì)當(dāng)中,最重要的決定是完全放棄了 Uber 中原有的地圖控件。關(guān)于這個(gè)決定,是來(lái)自于一名來(lái)自巴西名為 Maria 的用戶。Maria 在巴西經(jīng)營(yíng)著自己的公司,并且是 Watsapp 和 Gmail 的重度用戶,但是在和 Jalasutram 聊天的時(shí)候提到,她對(duì)于 Uber 的應(yīng)用相當(dāng)?shù)睦Щ?。正是因?yàn)轱h忽不定的地圖體驗(yàn),導(dǎo)致她每次想要叫車的時(shí)候的,都需要向她的女兒求助。

下載量暴漲300%的背后,Uber lite 做了哪些正確的設(shè)計(jì)改版?

Jalasutram 說(shuō):「當(dāng)她打開 APP 的時(shí)候,她需要弄清楚自己在哪里,選取最合理的位置,而這個(gè)需要借助 GPS 定位,并且選取上車位置。但是她所使用的手機(jī)是一款低端的 Android 設(shè)備,GPS 芯片在復(fù)雜的網(wǎng)絡(luò)狀況下定位并不精準(zhǔn),標(biāo)識(shí)她位置的小藍(lán)點(diǎn)會(huì)來(lái)回跳動(dòng)?!苟刂匪阉鲗?duì)于她而言也幫助不大,因?yàn)閷?duì)她來(lái)說(shuō),很大程度上是借助地標(biāo)建筑來(lái)給自己進(jìn)行定位,而不是通用的地址。

「我們意識(shí)到,我們?cè)净诘貓D來(lái)構(gòu)建 APP 的方法,在這個(gè)項(xiàng)目上,并沒(méi)有幫助?!笿alasutram 說(shuō)道?!傅貓D上有太多的信息,但是她其實(shí)對(duì)于這些信息一點(diǎn)都不關(guān)心,她只關(guān)心她能不能打到車,除此之外,都不重要?!?/p>

因此, Jalasutram 決定完全放棄實(shí)時(shí)地圖模塊。而替代地圖定位的,是通過(guò)查詢位置來(lái)進(jìn)行定位,而不是單純地依靠 GPS。Uber Lite 的首屏的上半部分是藍(lán)色,下半部分是白色的,上面用超大的字體寫著「選擇你的上車地點(diǎn)」(Select your pickup point)。點(diǎn)擊之后,會(huì)彈出一個(gè)包含你常去地點(diǎn)的地標(biāo)列表,比如醫(yī)院、火車站、公交車站、機(jī)場(chǎng)和商場(chǎng),去這樣的地方的時(shí)候,用戶壓根不需要打字,直接選擇即可。

下載量暴漲300%的背后,Uber lite 做了哪些正確的設(shè)計(jì)改版?

替代原本實(shí)時(shí)地圖模塊的,是明亮的色塊和高對(duì)比度的文字,這樣的設(shè)計(jì)讓用戶的低質(zhì)量的顯示屏在明亮的陽(yáng)光下也能具備良好的可讀性。Jalasutram 說(shuō):「當(dāng)你使用 Uber Lite 的時(shí)候,你會(huì)看到大面積的藍(lán)色,這會(huì)給你舒適和自然的感覺(jué)。在叫車的時(shí)候,如果你匹配上了司機(jī),整個(gè)屏幕就會(huì)變成綠色。用戶都能理解綠色,在這個(gè) APP 當(dāng)中,這代表著你叫上車了。這些更具有確定性的設(shè)計(jì),能讓用戶更加有信心使用。」

從團(tuán)隊(duì)的測(cè)試結(jié)果來(lái)看,整體結(jié)果是積極的?!钢辽?zèng)]有人想念之前的實(shí)時(shí)地圖,」Jalasutram 說(shuō)道:「從來(lái)沒(méi)有人問(wèn)過(guò)我們?yōu)槭裁粗暗牡貓D沒(méi)了。」

團(tuán)隊(duì)所面臨的另外一個(gè)挑戰(zhàn),產(chǎn)品的可供性設(shè)計(jì)。在此之前,Uber 當(dāng)中很多選項(xiàng)可以通過(guò)橫向滑動(dòng)來(lái)顯示和調(diào)用。可是當(dāng)他們同用戶進(jìn)行溝通和觀察的時(shí)候,發(fā)現(xiàn)Uber Lite 用戶在與人溝通的時(shí)候經(jīng)常會(huì)討論「如何更便宜地打車」,其實(shí)他們只需要橫向滑動(dòng)就能獲得。Uber 團(tuán)隊(duì)這個(gè)時(shí)候才知道許多用戶并不習(xí)慣也不知道橫向滑動(dòng)的效果。

因此, Uber Lite 的設(shè)計(jì)團(tuán)隊(duì)將所有的可供選擇的打車選項(xiàng)設(shè)置成為垂直式的布局,最便宜的選項(xiàng)被置頂了,價(jià)格由低到高。這一變化非常重要,這件事情警醒了 Uber 團(tuán)隊(duì),讓他們針對(duì) Uber 主APP 也進(jìn)行了針對(duì)性的優(yōu)化。

自從推出 Uber Lite 以來(lái),Andhare 注意到 Uber Lite 用戶在選擇實(shí)惠選項(xiàng)的比例,比 Uber 用戶多出一倍。「我們注意到手機(jī)價(jià)格和可供性之間存在某種相關(guān)性?!顾f(shuō)道。

下載量暴漲300%的背后,Uber lite 做了哪些正確的設(shè)計(jì)改版?

Andhare 的團(tuán)隊(duì)已經(jīng)在借助這些數(shù)據(jù)來(lái)重新規(guī)劃產(chǎn)品和服務(wù)。這件事情為 Uber Bus 的設(shè)計(jì)提供了依據(jù),目前這款應(yīng)用正在開羅進(jìn)行測(cè)試。Uber Bus 的運(yùn)作機(jī)制類似于公共汽車,定期定點(diǎn)接送大批的乘客。Andhare 認(rèn)為,這種策略能夠?yàn)槟切?duì)公共交通有所期望的用戶帶來(lái)更加經(jīng)濟(jì)的體驗(yàn)和選項(xiàng)。

Uber Bus 的 APP 是完全基于 Uber Lite 平臺(tái)來(lái)構(gòu)建的,絕大多數(shù)的設(shè)計(jì)是繼承下來(lái)的,包括配色和無(wú)實(shí)時(shí)地圖。Andhare 表示,推出 Uber Bus 的團(tuán)隊(duì)只花費(fèi)了大約 Uber Lite 五分之一的時(shí)間,就上線了這款 APP,就是因?yàn)樗窃?Lite 的基礎(chǔ)上搭建起來(lái)的?!溉ツ?Uber Lite 的推出讓我們?cè)谛屡d市場(chǎng)上擁有了獨(dú)特的體驗(yàn),開拓市場(chǎng)的速度極為驚人。」Andhare 說(shuō)道。

重新設(shè)計(jì)這款 APP 的另外一個(gè)目標(biāo)則更加純粹,也更加技術(shù):通過(guò)剝離非核心的組件,將整個(gè)應(yīng)用縮減到只有 5M(正常版本是 40M)。這意味著要?jiǎng)h除幾乎任何不必要的代碼和元素,Andhare 將這個(gè)過(guò)程戲稱為「Uber Lite 健身減脂」的過(guò)程。開發(fā)者會(huì)仔細(xì)衡量每一個(gè)代碼片段是不是值得留下來(lái),他們會(huì)將用戶正常的多個(gè)操作和過(guò)程重新整合并打包成為單個(gè)的流程和環(huán)節(jié),然后捆綁到一起,以減少對(duì)于網(wǎng)絡(luò)數(shù)據(jù)的調(diào)用,而不是創(chuàng)建更多的數(shù)據(jù)交換。Andhare 說(shuō),單就這個(gè)環(huán)節(jié)的優(yōu)化,就將原本的數(shù)據(jù)交換的密集度縮減到原本的 1/20 。

有些設(shè)計(jì)元素在這個(gè)「減脂」過(guò)程中沒(méi)有留存下來(lái),比如字體至少占用了200k。「在有些應(yīng)用當(dāng)中,字體所占用的空間其實(shí)無(wú)傷大雅,」Andhare說(shuō)道:「但是在我們的產(chǎn)品當(dāng)中,沒(méi)一個(gè)比特都需要重新衡量。我們重新和品牌設(shè)計(jì)團(tuán)隊(duì)進(jìn)行了協(xié)商,我們最終將字體去掉了,并且讓 APP 調(diào)用 Android 的原生字體。」這就意味著整個(gè)團(tuán)隊(duì),完全沒(méi)有必要在字體上花費(fèi)任何寶貴的存儲(chǔ)空間。最終能夠讓 Uber Lite 在保留幾乎全部功能的前提下,容量縮減了 80%,這是相當(dāng)不容易的。

當(dāng)然,為遍布全世界橫跨幾大洲數(shù)十億用戶構(gòu)建 APP,有的時(shí)候很難兼顧到全部的文化差異。但是我們也盡量去適應(yīng)這一點(diǎn),特別是考慮到如今的社交和溝通的模式。Jalasutram 說(shuō),印度的用戶總會(huì)立刻打電話給他的司機(jī),并且告知對(duì)方他在哪里,但是巴西和薩爾瓦多的用戶則相反,他們不喜歡直接打電話,而更喜歡短信。Uber 的團(tuán)隊(duì)試圖在 APP 中兼容所有的這些微妙的差異。「根據(jù) Uber Lite 的推出地點(diǎn),當(dāng)?shù)氐膱F(tuán)隊(duì)和用戶都可以靈活地選擇他們所喜歡的文化特征,」他說(shuō):「如果你想發(fā)短信,Lite 中你可以選擇發(fā)短信。」

構(gòu)建 Uber Lite 的過(guò)程,是放棄「假設(shè)用戶如何使用產(chǎn)品」而選擇直接詢問(wèn)用戶之后,所獲得的成果。Andhare 說(shuō),文化差異將會(huì)繼續(xù)為 Uber 后續(xù)的產(chǎn)品提供決策參考信息?!冈谑澜绮煌牡貐^(qū),不方便這個(gè)概念本身可能會(huì)非常不一樣?!顾f(shuō):「當(dāng)我們?cè)诠韫扔X(jué)得不舒適的一些設(shè)計(jì)和構(gòu)想,可能對(duì)于印度的人民而言是一種求之不得的體驗(yàn)。他們重視約車的確定性,并且為了追求這個(gè)層面上的舒適的時(shí)候,他們可能會(huì)主動(dòng)處理一些我們認(rèn)為不舒適的一些事情,而我們也正在試圖解決這樣的問(wèn)題。」

本文原載于 快公司 Co.Design
作者:Katharine Schwab

收藏 27
點(diǎn)贊 2

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。