從<新增地址>功能,分析下京東與淘寶的剁手模式

3 評(píng)論 10994 瀏覽 65 收藏 9 分鐘

一個(gè)團(tuán)隊(duì)的態(tài)度,不能因?yàn)楣δ苄?,用戶不在乎就可以不爭取?/p>

雙十一又快到了,電商們又在絞盡腦汁的想著讓你花式剁手,怎么能讓你剁的爽一直以來是他們的服務(wù)宗旨,閑話不能扯太多,我們通過<新增地址>這個(gè)功能來分析下京東與淘寶的剁手模式!

1 使用場景分析

先來分析下新增地址這個(gè)功能的使用場景,基本上可以歸納為兩種:

  1. 正常購物流程下,在下單以后付款以前,我們需要確認(rèn)地址時(shí),比如我要給好基友買條內(nèi)褲,此時(shí)要新增他的收貨地址;
  2. 我通過個(gè)人中心里管理自己的收貨地址時(shí),需要新增地址。

為了讓大家了解整個(gè)流程的始終,這里從立即購買開始到新增地址整個(gè)流程展示了出來,下圖所示。

fE7XdQ6VbaHh2ZRahj9O

當(dāng)然我們分析的重點(diǎn)不是這個(gè)流程(這個(gè)流程是為了讓大家更加了解新增地址的來龍去脈),但是從這個(gè)流程當(dāng)中可以發(fā)現(xiàn):京東在購買到付款的環(huán)節(jié)中,明顯因?yàn)樾略龅刂返膬?yōu)化,使得用戶減少了很多操作,而這些操作步驟確實(shí)是沒有必要的。

京東在這點(diǎn)做的比較好。從用戶使用場景分析,在下單后新增地址,這里要對(duì)用戶的行為做一個(gè)預(yù)判,大多數(shù)用戶的需求是會(huì)把新增的地址作為新的郵寄地址,新增的目的就是為了使用新地址,所以在新增地址后,京東讓用戶直接選擇新的地址作為郵寄地址;而淘寶呢,保存新增地址后還得返回到地址管理頁,選擇剛才新增的地址,再返回到訂單頁面,不管是從操作上還是認(rèn)知上都增加了負(fù)荷。

2 交互細(xì)節(jié)分析

為什么我要說交互細(xì)節(jié)而不是產(chǎn)品細(xì)節(jié),因?yàn)檫@個(gè)環(huán)節(jié)中,通過對(duì)比你會(huì)發(fā)現(xiàn),其實(shí)頁面基本都一樣,只是在交互細(xì)節(jié)上做了很多優(yōu)化。先上個(gè)圖看下:

300106-d462448a9322de4a

街道信息合并

從對(duì)比中可以發(fā)現(xiàn),其新增頁面包含的內(nèi)容都有【收貨人】、【聯(lián)系電話】、【所在地區(qū)】、【街道或區(qū)域】、【詳細(xì)地址】、【默認(rèn)地址設(shè)置】主要功能。不同的是:京東把街道(幾環(huán))信息放在了所在地區(qū)內(nèi)選擇,這樣從頁面流程上來看,京東比淘寶少了一個(gè)步驟,但是內(nèi)容卻沒有變化。

這個(gè)功能的整合其實(shí)還是從用戶的使用行為以及功能本身的屬性去分析,從屬性上來看,這幾個(gè)信息都是可以選擇的固定類型的地址,用戶在使用時(shí),放在一起選擇更能提高用戶操作的連貫性以及使用效率。從這樣一個(gè)細(xì)小的整合,其實(shí)能看出京東這個(gè)版塊的交互和產(chǎn)品還是蠻用心的,真的是站在用戶的角度思考。對(duì)于淘寶京東這樣龐大的平臺(tái)而言,既要做好整體性,又能顧及到每個(gè)point,這個(gè)手我愿意剁!

導(dǎo)入收件人

或許大家注意到了頁面中【收件人】與【聯(lián)系電話】的不同,這也是我接下來要分析的點(diǎn)。

淘寶是比較直觀的方式,手動(dòng)輸入收件人,聯(lián)系電話可以從通訊錄中導(dǎo)入;京東則是通過一次性導(dǎo)入,把收件人的姓名與電話同時(shí)導(dǎo)入;其實(shí)從邏輯上考慮,能從通訊錄中導(dǎo)入的電話,大部分都是有姓名的,所以從這一點(diǎn)考慮,京東的這個(gè)小功能的確很體貼。

寫到這里的時(shí)候,想到另外一種場景,就是很多用戶其實(shí)不喜歡寫真實(shí)姓名,所以這樣的導(dǎo)入可能有的用戶還會(huì)刪除再重新輸入一次,但是這部分用戶畢竟還是基數(shù)比較少的,我覺的能讓大多數(shù)用戶提升效率這個(gè)功能就可以上。

300106-fa6414c9b58bf28c

地區(qū)的選擇

對(duì)于新增地址這個(gè)看似“小功能”而言,地址的選擇當(dāng)然是最核心的,能讓用戶快速而高效的選擇地址是對(duì)該功能優(yōu)化的主要任務(wù)。

淘寶在選擇地址的交互中,相對(duì)比較保守,使用的是滾輪選擇器。當(dāng)然滾輪選擇器的優(yōu)點(diǎn)和缺點(diǎn)也是顯而易見的,比如要找到重慶,需要滑動(dòng)一次,然后再精確定位,基本上用戶視野能看到的城市只有三個(gè),所以需要上下多次滑動(dòng)才能鎖定目標(biāo)省份。同樣對(duì)于城市與地區(qū)的選擇也是一樣的道理。再者,這種控件的缺點(diǎn)就是最多也只能展示三組內(nèi)容,放在這里其實(shí)操作效率很低。

京東則是自己寫的一組控件,雖然也是通過上下滑動(dòng)選取目標(biāo)省份,但是每次能顯示8行,而且京東把常用的省份排在了前面,基本不用怎么滑動(dòng)就可以快速找到目標(biāo)省份。這個(gè)控件的優(yōu)點(diǎn)讓用戶的任務(wù)流逐步進(jìn)行,用戶每次只能操作當(dāng)前任務(wù),自動(dòng)卻換下一個(gè)任務(wù),就是我們常說的所見即所得,相比滾輪選擇器而言,減少了很多操作與視覺上的干擾。

300106-8a15b0f70fd8a12b

此外,淘寶和京東都是使用半屏蒙版的方式讓用戶操作,這樣的好處就是用戶導(dǎo)向得到了很好的提示,用戶從任務(wù)開始到任務(wù)結(jié)束都有一個(gè)意識(shí):自己是從哪里來。關(guān)于京東的操作流程可以看下面動(dòng)畫演示。

1338042-16ffa01913c5ccf6

1338042-7bc0307bf43ebf45

動(dòng)畫效果來自作者:HelloYeah

【關(guān)于動(dòng)畫的源代碼HelloYeah同學(xué)的勞動(dòng)成果,大家有興趣可以前往地址研究】

3 ?總結(jié)

其實(shí)比起產(chǎn)品分析、競品分析,這種小功能的研究也會(huì)讓你有所收獲,任何一個(gè)功能的出現(xiàn),背后都是經(jīng)過很多的思考與舍棄。

很多時(shí)候,其實(shí)就是因?yàn)檫@種細(xì)節(jié)才體現(xiàn)了一個(gè)產(chǎn)品,一個(gè)團(tuán)隊(duì)的態(tài)度,不能因?yàn)楣δ苄。脩舨辉诤蹙涂梢圆粻幦?。誰又會(huì)知道京東會(huì)因【新增地址】的優(yōu)化為他在雙十一戰(zhàn)爭中贏取多少用戶口碑呢~商業(yè)與用戶體驗(yàn)絕不是對(duì)立的兩面,好的商業(yè)模式需要用戶體驗(yàn)的支持,同樣,離開商業(yè)模式的用戶體驗(yàn)又會(huì)被多少人認(rèn)可呢!

#專欄作家#

Zander,微信公共號(hào):ZANDERUI,簡書作者,人人都是產(chǎn)品經(jīng)理專欄作家,自定義交互設(shè)計(jì)獅,偽極客。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 666,同樣做電商的產(chǎn)品。前一段時(shí)間在給線下店優(yōu)化【新增地址】的時(shí)候也發(fā)現(xiàn)了這個(gè)細(xì)節(jié)。

    來自內(nèi)蒙古 回復(fù)
  2. 作者眼光很細(xì)致,這些小地方簡直被忽略了

    回復(fù)