怎樣申請商家二維碼? 商家二維碼( 二 )


3. 月度新增門店覆蓋提升30%以上
頁面流程主要就是兩個頁面:選擇門店和收銀碼結果頁 。
交互設計1. 入口

  • 差的方案:無引導 。
  • 好的方案:有引導標志,當用戶點擊過一次,則不再顯示 。

2. 選擇門店
  • 差的方案:用戶點擊之后,新出浮層或者展開下拉列表,選擇門店之后,浮層關閉或者收起下拉列表 。
  • 好的方案:直接在當頁選擇門店 。

業務邏輯:要生成某一個門店的收銀碼必須滿足,該門店有到店付產品 。
差的方案:將復雜邏輯以文字說明的方式展現 。
好的方案:將復雜邏輯展現,讓后端提前判斷所有門店有無到店付產品 。沒有到店付產品的門店由于無法生成收銀碼,所以不可選擇,但給出“設置到店付”的入口,幫助商戶 。

3. 收銀碼結果頁該頁面是顯示二維碼,且商戶可在此切換門店,重新生成新的二維碼;
  • 業務邏輯:商戶端帳號分為總店帳號和分店帳號,總店帳號關聯多個門店,分店帳號關聯單個門店 。
  • 差的方案:不分帳號,用戶點擊選擇門店,出現浮層,進行選擇 。
  • 好的方案:后端自行判斷帳號是總店帳號還是分店帳號 。分店帳號(單門店)則僅顯示門店信息,不可點擊 ??偟陰ぬ枺ǘ嚅T店)才可以出線浮層,進行選擇 。

商戶端設計總結1. 新功能需要引導 。引導包括:APP新版本的引導頁,新手操作引導,小紅點引導等等,如下圖所示 。前兩個適合復雜功能的介紹,主要目的是告知用戶更新內容和使用方法;小紅點引導適合新功能或者內容更新等場景,主要目的是讓新功能易于發現 。
2. 不要增加沒必要的交互,且一個頁面只做一件事情 。
3. 商戶端的帳號通常比客戶端的邏輯要復雜,所以復雜的邏輯要讓后端提前判斷,而不要丟給商戶自己理解 。
作者:呂方(微信號公眾號lvfangtuotuo),百度交互設計師,負責百度糯米商戶端用戶體驗設計 。歡迎添加個人微信號,一起交流 。
微信號,一起交流 。

推薦閱讀