設(shè)計(jì)分享

一、產(chǎn)品定位

用于藥店為廣大消費(fèi)者提供便捷的口罩、消毒液等防疫產(chǎn)品線上預(yù)約服務(wù)，完成預(yù)約的用戶在防疫產(chǎn)品到貨后可優(yōu)先按照預(yù)約順序購(gòu)買。

二、用戶故事

1. 最小MVP：線上預(yù)約

消費(fèi)者進(jìn)入小程序，填寫個(gè)人基本信息和預(yù)約信息，提交后生成預(yù)約順序號(hào)，可查看預(yù)約記錄和前方排隊(duì)購(gòu)買人數(shù)，預(yù)約者按照順序及時(shí)來店購(gòu)買。

2. 后續(xù)完善（按照優(yōu)先級(jí)排序）

預(yù)約說明。用于說明預(yù)約購(gòu)買的相關(guān)要點(diǎn)、規(guī)則等，簡(jiǎn)練、富有邏輯，說明信息可置于購(gòu)買前的預(yù)約須知。

購(gòu)買分享。將防疫產(chǎn)品的購(gòu)買結(jié)果對(duì)外分享，讓更多的人了解和使用藥店的預(yù)約服務(wù)。

支付信息推送。對(duì)于在線上或線下完成的支付結(jié)果，通過小程序進(jìn)行推送。

線上支付。防疫產(chǎn)品到貨后，向個(gè)人開放線上付款功能，個(gè)人經(jīng)辦身份驗(yàn)證后可使用微信支付，對(duì)于醫(yī)保參保職工支持醫(yī)保個(gè)人賬戶支付。

預(yù)約信息修改。修改已預(yù)約的產(chǎn)品信息，主要指產(chǎn)品數(shù)量，再次提交需要確認(rèn)。

物流配送。個(gè)人支付完成后，可選擇物流配送服務(wù)，由于配送距離較短，可借助外賣物流體系，也可以是藥店售貨人員。

公眾號(hào)關(guān)聯(lián)小程序。建立公眾號(hào)與小程序之間的關(guān)聯(lián)，實(shí)現(xiàn)小程序的個(gè)性化推送需求（如支付通知、發(fā)貨通知等）在公眾號(hào)中實(shí)現(xiàn)。

公眾號(hào)嵌入小程序。在公眾號(hào)中擴(kuò)展功能模塊，嵌入公眾號(hào)入口。

附近藥店。通過地圖展示附近的藥店，可篩選有防疫產(chǎn)品的藥店，可查看藥店的詳細(xì)信息，按照藥店為入口進(jìn)行預(yù)約。

服務(wù)評(píng)價(jià)。對(duì)已完成購(gòu)買的產(chǎn)品進(jìn)行星級(jí)評(píng)價(jià)。

三、業(yè)務(wù)流程

四、主要功能

獲取微信登錄授權(quán)。調(diào)用微信登錄授權(quán)服務(wù)，提供用戶名、手機(jī)號(hào)授權(quán)，是預(yù)約的前提條件。

防疫商品展示。展示可以線上預(yù)約購(gòu)買的防疫商品信息。

預(yù)約信息填報(bào)。填報(bào)預(yù)約購(gòu)買信息，包括個(gè)人基本信息和預(yù)約商保信息，支持填報(bào)信息自動(dòng)校驗(yàn)。

預(yù)約編號(hào)生成。提交預(yù)約信息，生成預(yù)約編號(hào)，建立編號(hào)生成規(guī)則。

預(yù)約記錄查詢。查詢已經(jīng)預(yù)約防疫產(chǎn)品信息。

再次預(yù)約。第二次及之后的預(yù)約需自動(dòng)填寫上次使用的個(gè)人基本信息。

預(yù)約取消。取消已產(chǎn)生的預(yù)約記錄。

五、信息結(jié)構(gòu)

商品信息：商品名稱、類別（級(jí)別）、價(jià)格

個(gè)人信息：姓名、身份證號(hào)、電話、地址

預(yù)約信息：預(yù)約人、預(yù)約商品、數(shù)量、總價(jià)、預(yù)約序號(hào)、預(yù)約狀態(tài)（預(yù)約成功、已購(gòu)買、已取消）

六、頁(yè)面與交互

1. 首頁(yè)

2. 填寫預(yù)約信息

（1）標(biāo)簽內(nèi)置輸入框；

（2）文本框觸發(fā)信息輸入時(shí)，提示文字依然顯示，輸入文字后，提示文字消失，清楚輸入內(nèi)容后，提示文字重新顯示；

（3） 手機(jī)號(hào)自動(dòng)借助微信授權(quán)自動(dòng)填寫，如輸入手機(jī)號(hào)，則觸發(fā)輸入法數(shù)字鍵盤；

（4） 如若填寫手機(jī)號(hào)等數(shù)字文本框時(shí)，直接出發(fā)輸入法數(shù)字鍵盤；

（5） 所在區(qū)域和就近購(gòu)買門店輸入時(shí)從底部彈出頁(yè)面；

（6） 產(chǎn)品數(shù)據(jù)量，設(shè)置購(gòu)買上線或固定值；

（7） 下次預(yù)約自動(dòng)填寫基本信息。

（1）彈出框默認(rèn)高度占據(jù)頁(yè)面總高度的0.618，如選擇信息所占頁(yè)面低于彈出框，自動(dòng)適應(yīng)彈出框高度，如高于彈出框則支持彈出頁(yè)面縱向滑動(dòng)。

（2）街道信息選擇后，彈出框自動(dòng)消失，自動(dòng)生成地址信息。

（1）根據(jù)填寫的位置信息（到街道級(jí)）自動(dòng)篩選街道內(nèi)的藥店（對(duì)于一家連鎖藥店一般為3家左右）

（2）彈出框部署和交互同上。

3. 生成預(yù)約結(jié)果

4. 預(yù)約記錄查詢

（1） 繼續(xù)預(yù)約，開啟對(duì)應(yīng)產(chǎn)品的預(yù)約流程；

（2） 取消預(yù)約，在頁(yè)面中間彈出對(duì)話框，讓用戶確認(rèn)；

（3） 點(diǎn)擊該產(chǎn)品的記錄卡片，進(jìn)入預(yù)約詳情界面。

七、實(shí)現(xiàn)分析

需要對(duì)預(yù)約規(guī)則進(jìn)行梳理，包括預(yù)約時(shí)間、預(yù)約條件、預(yù)約限制等；

產(chǎn)品的重點(diǎn)在于填寫信息便捷性，盡量做到能選的不填、能自動(dòng)生成的不選，適當(dāng)選用地址列表、加減器等控件；

建議對(duì)門店信息進(jìn)行地區(qū)分類，劃分至街道一級(jí)，這樣用戶附近的自提門店選擇數(shù)量將大大減少（一般為1-3個(gè)），雖不是技術(shù)活，但帶來的體驗(yàn)確很好。

       ●企業(yè)名稱：甘肅有眾信息科技有限公司
       ●客戶經(jīng)理：師經(jīng)理
       ●聯(lián)系電話：18919819927
       ●公司座機(jī)：0931-4632419
       ●聯(lián)系郵件：kefu@gsyzkj.com
       ●聯(lián)系地址：甘肅省蘭州市城關(guān)區(qū)定西路八冶大廈C2205（商務(wù)廳對(duì)面，甘肅銀行樓上，院內(nèi)左手電梯）

 ●公司官網(wǎng)：http://www.gsyzkj.com

 ●小程序官網(wǎng)：http://www.gsyzkj.cn

 ▍業(yè)務(wù)范圍
            甘肅有眾信息科技有限公司， 擁有11年互聯(lián)網(wǎng)行業(yè)的專研和沉淀，團(tuán)隊(duì)主要致力于企業(yè)網(wǎng)站、行業(yè)信息門戶及應(yīng)用軟件的建設(shè)與服務(wù)。經(jīng)過近年的運(yùn)作目前有眾科技已經(jīng)擁有了一支開拓進(jìn)取，技術(shù)齊備的開發(fā)和管理團(tuán)隊(duì)，包括項(xiàng)目策劃、UI設(shè)計(jì)、前端交互、系統(tǒng)編程等，建立了完善的開發(fā)服務(wù)體系。我們始終以客戶需求為發(fā)展方向，以客戶滿意為最終目標(biāo)，一如既往地為客戶提供及時(shí)周到的技術(shù)支持服務(wù)。