從一個(gè)小細(xì)節(jié)說(shuō)起,購(gòu)物車(chē)“批量”功能的背后

故事的起因十分純粹段审,畫(huà)一個(gè)網(wǎng)購(gòu)中對(duì)購(gòu)物車(chē)后續(xù)操作的流程圖吧全蝶。
小case,Duang的一下就畫(huà)好了~

購(gòu)物車(chē)后續(xù)操作的流程圖.png

看似簡(jiǎn)單寺枉,可如果讓對(duì)面的你們畫(huà)抑淫,很有可能一不小心就漏了一環(huán),
添加/刪除有兩個(gè)入口姥闪,點(diǎn)擊頁(yè)面頂部編輯按鈕-批量編輯始苇,或者點(diǎn)擊商品對(duì)應(yīng)的編輯按鈕-單個(gè)編輯。

“編輯”雙入口.png

wow~筐喳,掌聲響起來(lái)催式,故事本來(lái)應(yīng)該到此結(jié)束函喉。
但想想,好像不對(duì)蓄氧。
點(diǎn)開(kāi)我們?nèi)f能的x貓看看函似。
簡(jiǎn)單粗暴,直接點(diǎn)擊購(gòu)物車(chē)喉童,如圖撇寞,購(gòu)物車(chē)初始化界面,哈哈堂氯,果然有一點(diǎn)不一樣蔑担。

購(gòu)物車(chē)初始化界面.png

想法不錯(cuò),考慮細(xì)致咽白,但是我們截圖的做法更好啤握,你選一個(gè)就是單個(gè)商品,選多個(gè)就是多個(gè)商品晶框,減少不必要的流程排抬。
wow~,掌聲響起來(lái)授段,故事本來(lái)應(yīng)該到此結(jié)束蹲蒲。
但想想,好像還是哪不對(duì)侵贵。

在仔仔細(xì)細(xì)的好好看一下圖届搁,大寫(xiě)的“編輯全部”和“編輯”,
對(duì)比上圖和下圖窍育,嘻嘻卡睦,跟大家玩了一個(gè)障眼法。
別見(jiàn)怪漱抓。
首先表锻,回到上圖,“編輯全部”被隱藏的天衣無(wú)縫乞娄,可“編輯”被隱藏的很拙劣啊~浩嫌,領(lǐng)券后面是個(gè)啥?是不是應(yīng)該質(zhì)疑一下补胚?
其次码耐,受于移動(dòng)端屏幕大小的限制,而且天貓的產(chǎn)品做的很花溶其,視線(xiàn)干擾比較嚴(yán)重骚腥,事實(shí)上剛進(jìn)到購(gòu)物車(chē),我一不小心就忽略了“編輯全部”和“編輯”瓶逃。
言歸正傳束铭,繼續(xù)往下走廓块。
點(diǎn)擊“編輯”,如圖契沫,

編輯.jpg

點(diǎn)擊“編輯全部”带猴,如圖,

編輯全部.jpg

什么鬼懈万,世界觀(guān)已經(jīng)崩塌拴清,和之前完全不一樣啊。

哈哈会通,不要著急口予,仔細(xì)看看,到底為啥不一樣涕侈。
我們初始化時(shí)沪停,可以單選或者多選,減去編輯流程裳涛,這是因?yàn)槟菊牛覀冊(cè)诮Y(jié)算(鮮艷的紅色按鈕)。
而我們通過(guò)“編輯全部”和“編輯”端三,多了這一編輯流程窟哺,這是因?yàn)椋覀冊(cè)趧h除(鮮艷的紅色按鈕)技肩。

刪除有風(fēng)險(xiǎn),需要慎重浮声,因此多了這一步虚婿。
一方面,怕誤刪我們喜歡的商品泳挥。
另一方面然痊,從電商的角度來(lái)說(shuō),
首先屉符,當(dāng)然希望消費(fèi)者多多消費(fèi)剧浸,消費(fèi)流程暢通無(wú)阻。
其次矗钟,購(gòu)物車(chē)?yán)锏氖菨撛谙M(fèi)品唆香,別隨隨便便就刪了啊~

從流程圖的一個(gè)小細(xì)節(jié)說(shuō)起,不斷發(fā)現(xiàn)問(wèn)題吨艇,不斷深入思考躬它,發(fā)現(xiàn)購(gòu)物車(chē)“批量”功能的背后。

最后留一個(gè)小彩蛋东涡,看圖冯吓,如果此時(shí)倘待,在你勾選第一件商品的前提下,你點(diǎn)擊第二件商品的刪除按鈕组贺,猜猜你刪除的是哪一件商品凸舵。
哈哈,這樣的case還有很多失尖,令人困惑(tu cao)的“刪除”啊奄。

困惑的刪除.jpg

權(quán)興權(quán)意,產(chǎn)品可以更優(yōu)雅~
珍惜原創(chuàng)成果雹仿,轉(zhuǎn)載請(qǐng)注明出處哈增热。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市胧辽,隨后出現(xiàn)的幾起案子峻仇,更是在濱河造成了極大的恐慌,老刑警劉巖邑商,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件摄咆,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡人断,警方通過(guò)查閱死者的電腦和手機(jī)吭从,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)恶迈,“玉大人涩金,你說(shuō)我怎么就攤上這事∠局伲” “怎么了步做?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)奈附。 經(jīng)常有香客問(wèn)我全度,道長(zhǎng),這世上最難降的妖魔是什么斥滤? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任将鸵,我火速辦了婚禮,結(jié)果婚禮上佑颇,老公的妹妹穿的比我還像新娘顶掉。我一直安慰自己,他們只是感情好挑胸,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布一喘。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪凸克。 梳的紋絲不亂的頭發(fā)上议蟆,一...
    開(kāi)封第一講書(shū)人閱讀 51,573評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音萎战,去河邊找鬼咐容。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蚂维,可吹牛的內(nèi)容都是我干的戳粒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼虫啥,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼蔚约!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起涂籽,我...
    開(kāi)封第一講書(shū)人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤苹祟,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后评雌,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體树枫,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年景东,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了砂轻。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡斤吐,死狀恐怖搔涝,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情和措,我是刑警寧澤庄呈,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站臼婆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏幌绍。R本人自食惡果不足惜颁褂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望傀广。 院中可真熱鬧颁独,春花似錦、人聲如沸伪冰。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至靠柑,卻和暖如春寨辩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背歼冰。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工靡狞, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人隔嫡。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓甸怕,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親腮恩。 傳聞我的和親對(duì)象是個(gè)殘疾皇子梢杭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,139評(píng)論 25 707
  • 京東購(gòu)物車(chē)需求說(shuō)明v2.3 作者:于現(xiàn)東 日期:2016.03.17 日期 內(nèi)容 涉及人員 *文檔在word導(dǎo)入簡(jiǎn)...
    拙見(jiàn)閱讀 4,829評(píng)論 1 24
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件秸滴、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,103評(píng)論 4 62
  • 青春正在漸漸地從我們的生命中消失武契,只留給我們一些難忘而又珍貴的回憶。我們意識(shí)到之前已經(jīng)轉(zhuǎn)瞬消失了缸榛。曾經(jīng)深?lèi)?ài)吝羞、思念著...
    酣酒笑紅塵閱讀 154評(píng)論 0 0
  • 這是關(guān)于一只貓的一個(gè)故事,只是内颗,還沒(méi)想好標(biāo)題钧排。。均澳。恨溜。
    貓貓911030閱讀 169評(píng)論 0 1