Uber Lite設(shè)計(jì)改版經(jīng)驗(yàn)分享

目前,網(wǎng)約車類的應(yīng)用界面當(dāng)中,地圖是其中不可或缺的一個(gè)組件,因?yàn)樵诩s車過程中,用戶需要借助它來定位上車地點(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)上非常令人崩潰。

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

「隨著我們進(jìn)入這些市場,我們的APP和服務(wù)遭遇到了很多始料未及的情況」Uber 的印度產(chǎn)品負(fù)責(zé)人 Shirish Andhare 在談及這個(gè)問題的時(shí)候,這么回復(fù)道。在今天,絕大多數(shù)的國家和地區(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),令人崩潰就不難理解了。

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

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

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

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

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

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

「我們意識(shí)到,我們原本基于地圖來構(gòu)建 APP 的方法,在這個(gè)項(xiàng)目上,并沒有幫助。」Jalasutram 說道。「地圖上有太多的信息,但是她其實(shí)對于這些信息一點(diǎn)都不關(guān)心,她只關(guān)心她能不能打到車,除此之外,都不重要?!?

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

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

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

團(tuán)隊(duì)所面臨的另外一個(gè)挑戰(zhàn),產(chǎn)品的可供性設(shè)計(jì)。在此之前,Uber 當(dāng)中很多選項(xiàng)可以通過橫向滑動(dòng)來顯示和調(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ì),讓他們針對 Uber 主APP 也進(jìn)行了針對性的優(yōu)化。

自從推出 Uber Lite 以來,Andhare 注意到 Uber Lite 用戶在選擇實(shí)惠選項(xiàng)的比例,比 Uber 用戶多出一倍?!肝覀冏⒁獾绞謾C(jī)價(jià)格和可供性之間存在某種相關(guān)性?!顾f道。

Andhare 的團(tuán)隊(duì)已經(jīng)在借助這些數(shù)據(jù)來重新規(guī)劃產(chǎn)品和服務(wù)。這件事情為 Uber Bus 的設(shè)計(jì)提供了依據(jù),目前這款應(yīng)用正在開羅進(jìn)行測試。Uber Bus 的運(yùn)作機(jī)制類似于公共汽車,定期定點(diǎn)接送大批的乘客。Andhare 認(rèn)為,這種策略能夠?yàn)槟切步煌ㄓ兴谕挠脩魩砀咏?jīng)濟(jì)的體驗(yàn)和選項(xiàng)。

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

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

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

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

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

 

 

 

作者 : Katharine Schwab

原文鏈接:https://www.fastcompany.com/90375845/how-uber-quietly-redesigned-its-interface-for-the-rest-of-the-world

每天更新,
全站高品質(zhì)素材免費(fèi)下載!