起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)實(shí)戰(zhàn)｜商戶端生成收銀碼：拒絕復(fù)雜，堅(jiān)持高效
相比于很多APP的客戶端，APP的商戶端設(shè)計(jì)往往被容易被忽視。本文將會(huì)介紹商戶端生成收銀碼的案例，并通過(guò)該案例總結(jié)商戶端設(shè)計(jì)的幾個(gè)小tips。
需求背景
收銀碼指的是關(guān)聯(lián)了商家?guī)ぬ?hào)用于收銀的二維碼。進(jìn)店消費(fèi)的顧客可以通過(guò)掃描這個(gè)二維碼，向商家付款。目前，商家申請(qǐng)收銀碼實(shí)物之后，會(huì)有銷售同學(xué)派送二維碼立牌并提供上門服務(wù)。然而，這樣非常依賴預(yù)算、運(yùn)營(yíng)、市場(chǎng)、銷售等部門的統(tǒng)籌支持，尤其是對(duì)銷售同學(xué)的進(jìn)店操作依賴。
與此同時(shí)，預(yù)算增加、流程長(zhǎng)、見(jiàn)效慢等問(wèn)題也嚴(yán)重阻礙了收銀碼實(shí)物立牌的覆蓋進(jìn)度?；谝陨媳尘埃栽谏虘舳薃PP中提供線上收銀碼生成功能，讓商戶能夠自主下載打印收銀碼。
項(xiàng)目收益
1. 節(jié)約二維碼實(shí)物立牌生產(chǎn)預(yù)算5-10W/月
2. 釋放預(yù)算、運(yùn)營(yíng)、市場(chǎng)、銷售/渠道等部門在覆蓋流程上的人力投入
3. 月度新增門店覆蓋提升30%以上
頁(yè)面流程
主要就是兩個(gè)頁(yè)面：選擇門店和收銀碼結(jié)果頁(yè)。
交互設(shè)計(jì)
1. 入口
- 差的方案：無(wú)引導(dǎo)。
- 好的方案：有引導(dǎo)標(biāo)志，當(dāng)用戶點(diǎn)擊過(guò)一次，則不再顯示。
2. 選擇門店
- 差的方案：用戶點(diǎn)擊之后，新出浮層或者展開(kāi)下拉列表，選擇門店之后，浮層關(guān)閉或者收起下拉列表。
- 好的方案：直接在當(dāng)頁(yè)選擇門店。
業(yè)務(wù)邏輯：要生成某一個(gè)門店的收銀碼必須滿足，該門店有到店付產(chǎn)品。
差的方案：將復(fù)雜邏輯以文字說(shuō)明的方式展現(xiàn)。
好的方案：將復(fù)雜邏輯展現(xiàn)，讓后端提前判斷所有門店有無(wú)到店付產(chǎn)品。沒(méi)有到店付產(chǎn)品的門店由于無(wú)法生成收銀碼，所以不可選擇，但給出“設(shè)置到店付”的入口，幫助商戶。
3. 收銀碼結(jié)果頁(yè)
該頁(yè)面是顯示二維碼，且商戶可在此切換門店，重新生成新的二維碼；
- 業(yè)務(wù)邏輯：商戶端帳號(hào)分為總店帳號(hào)和分店帳號(hào)，總店帳號(hào)關(guān)聯(lián)多個(gè)門店，分店帳號(hào)關(guān)聯(lián)單個(gè)門店。
- 差的方案：不分帳號(hào)，用戶點(diǎn)擊選擇門店，出現(xiàn)浮層，進(jìn)行選擇。
- 好的方案：后端自行判斷帳號(hào)是總店帳號(hào)還是分店帳號(hào)。分店帳號(hào)（單門店）則僅顯示門店信息，不可點(diǎn)擊?？偟陰ぬ?hào)（多門店）才可以出線浮層，進(jìn)行選擇。
商戶端設(shè)計(jì)總結(jié)
1. 新功能需要引導(dǎo)。引導(dǎo)包括：APP新版本的引導(dǎo)頁(yè)，新手操作引導(dǎo)，小紅點(diǎn)引導(dǎo)等等，如下圖所示。前兩個(gè)適合復(fù)雜功能的介紹，主要目的是告知用戶更新內(nèi)容和使用方法；小紅點(diǎn)引導(dǎo)適合新功能或者內(nèi)容更新等場(chǎng)景，主要目的是讓新功能易于發(fā)現(xiàn)。
2. 不要增加沒(méi)必要的交互，且一個(gè)頁(yè)面只做一件事情。
3. 商戶端的帳號(hào)通常比客戶端的邏輯要復(fù)雜，所以復(fù)雜的邏輯要讓后端提前判斷，而不要丟給商戶自己理解。
作者：呂方（微信號(hào)公眾號(hào)lvfangtuotuo），百度交互設(shè)計(jì)師，負(fù)責(zé)百度糯米商戶端用戶體驗(yàn)設(shè)計(jì)。歡迎添加個(gè)人微信號(hào)，一起交流。
本文由 @呂方 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來(lái)自 Pixabay，基于 CC0 協(xié)議
收益一定是沒(méi)調(diào)研就隨手拍的。 ??
這個(gè)只是從產(chǎn)品角度，沒(méi)有考慮實(shí)際業(yè)務(wù)落地情況。終于知道為什么產(chǎn)品和運(yùn)營(yíng)會(huì)經(jīng)常撕×
??????撕撕更健康~~
這個(gè)評(píng)論框讓我沒(méi)有寫長(zhǎng)評(píng)的感覺(jué)，是為了這樣設(shè)計(jì)的么，發(fā)完了發(fā)現(xiàn)有錯(cuò)別字，對(duì)不起作者，并沒(méi)有不尊重的意思。
你這個(gè)是建立在理想狀態(tài)下，首先第一點(diǎn)，使用立牌收款的商戶大部分都是流動(dòng)個(gè)體，街邊小店。先不說(shuō)他們會(huì)不會(huì)主動(dòng)去下載使用這個(gè)二維碼，即使下載了，打印怎么辦。去打印店打印出來(lái)以后有門店的可以貼在墻上，流動(dòng)個(gè)體商怎么辦，統(tǒng)一的立牌，可以方便商戶隨時(shí)拿出來(lái)，另一種就是統(tǒng)一的牌子精致美觀，有助于品牌的推廣以及移動(dòng)支付的促進(jìn)。
第二點(diǎn)：自己下載軟件收款碼，也就意味著其他收款商家的收款碼下載增量，會(huì)無(wú)形中削弱微信、支付寶在市場(chǎng)的份額，當(dāng)支付寶微信都給你送碼上門的時(shí)候，你是選擇自己去費(fèi)力弄個(gè)收款碼，還是點(diǎn)一下申請(qǐng)等著給你送到家。
個(gè)人拙見(jiàn)，說(shuō)的不對(duì)勿噴。謝謝。最后吐槽一下這個(gè)評(píng)論框，兼職反人類，一次看一行字。
謝謝你的評(píng)論哈，你提的問(wèn)題是從產(chǎn)品設(shè)計(jì)的角度出發(fā)的。作為一個(gè)交互設(shè)計(jì)師，我就以不太專業(yè)的產(chǎn)品角度回答一下。第一點(diǎn)：實(shí)物立牌是在推廣的，但是涉及到人力成本高，覆蓋率低，等待時(shí)間長(zhǎng)以及立牌本身的成本等問(wèn)題，所以推出這個(gè)線上的二維碼，讓商戶自己去打印，換言之，為平臺(tái)帶來(lái)了便利。第二點(diǎn)，無(wú)形中削弱微信／支付寶的市場(chǎng)份額？？？？我？？？？，沒(méi)太明白。但這個(gè)二維碼涉及的商業(yè)信息，不方便公開(kāi)闡述。只能說(shuō)，本案例和微信支付寶等應(yīng)用場(chǎng)景并不一致?？赡苁潜救说谝淮螌懳恼?，有些表述不明的地方，還請(qǐng)見(jiàn)諒。
哈哈 沒(méi)事啦 都是互相學(xué)習(xí) 每個(gè)人思維角度都不一樣，不然哪還有團(tuán)隊(duì)