小程序產(chǎn)品設(shè)計(jì)中的坑

5 評(píng)論 17687 瀏覽 225 收藏 6 分鐘

本文系統(tǒng)地羅列了微信小程序在產(chǎn)品設(shè)計(jì)上的出現(xiàn)的問(wèn)題,并提出了相應(yīng)的建議。

資質(zhì)

不是所有功能都可以做,根據(jù)不同主體,會(huì)有不同的開(kāi)放類目。主體分為「非個(gè)人主體」「?jìng)€(gè)人主體」「海外主體」。有些類目需要有資質(zhì),比如社交類(包括社區(qū)、筆記等),都要 ICP 證。如果做了功能提交審核,發(fā)現(xiàn)的話會(huì)被拒絕,要求添加相關(guān)分類。

官方文檔:小程序開(kāi)放的服務(wù)類目

對(duì)策:做服務(wù)端開(kāi)關(guān),審核時(shí)把功能隱藏(暫時(shí)貌似沒(méi)有程序靜態(tài)檢查,只有人工審核),審核后再打開(kāi),但要承擔(dān)被下架的風(fēng)險(xiǎn)。

虛擬支付

18年5月,由于蘋(píng)果公司要求,iOS的小程序虛擬商品支付被禁止,即內(nèi)容付費(fèi)、工具服務(wù)類等,不包括外賣(mài)、電商這些;如果被發(fā)現(xiàn),會(huì)屏蔽支付接口。

對(duì)策:加入實(shí)體商品的性質(zhì),比如購(gòu)買(mǎi)課程變成購(gòu)買(mǎi)課程+書(shū),加入收貨地址等信息。

模版消息推送

可以給用戶推送模版消息,會(huì)在「服務(wù)通知」里提醒,對(duì)留存比較有幫助(喚起用戶)。有次數(shù)和時(shí)間限制,兩種方式可以獲得下發(fā)次數(shù):

  1. 支付:每次支付有 3 條下發(fā)次數(shù),可以在 7 天內(nèi)推送。
  2. 提交表單:每次提交有 1 條下發(fā)次數(shù),可以在 7 天內(nèi)推送。

官方文檔:模版消息

大部分小程序都沒(méi)有支付,主要靠提交表單,即需要用 <form/> 組件,讓用戶手動(dòng)觸發(fā)確認(rèn)。常見(jiàn)做法會(huì)把 <form/> 偽裝成一個(gè)列表項(xiàng)、某個(gè)按鈕等,用戶在使用過(guò)程中就獲得了下發(fā)次數(shù),但有違規(guī)風(fēng)險(xiǎn)。

Tab bar 的 action button

有的產(chǎn)品想要在 tab bar 加上?action button,比如:發(fā)布內(nèi)容、新建文章等。但小程序原生 tab bar 目前不支持跳轉(zhuǎn)新頁(yè)面,只支持在當(dāng)前打開(kāi)頁(yè)面。而如果自己實(shí)現(xiàn) tab bar,性能會(huì)很差(切換 tab 時(shí)卡頓、頁(yè)面閃爍)。

有種做法,依然用原生 tab bar,但把 icon 素材做成 action button 的樣式,然后在當(dāng)前打開(kāi)頁(yè)面,列出一些選項(xiàng)讓用戶選擇,再進(jìn)入子頁(yè)面。

比如可以參考「美篇」的開(kāi)始創(chuàng)作,先讓用戶選擇文字、圖片、視頻,然后再進(jìn)入文章編輯的子頁(yè)面。

自定義導(dǎo)航欄

例如「知乎熱榜」小程序,搜索框在導(dǎo)航欄。

怎么做到的?

其實(shí)是微信版本 6.6.0 后支持的特性,navigationStyle 可以設(shè)置為 custom,設(shè)置后頂欄就消失了,頁(yè)面會(huì)自動(dòng)頂?shù)阶铐敳?。所以「知乎熱榜」那個(gè)搜索欄不是屬于頂欄,而是屬于頁(yè)面內(nèi)容,這下就好理解了。 ????

官方文檔:全局配置 – window

Webview

小程序中可以使用 webview 組件,直接把 mobile web 套到小程序里,比如「多抓魚(yú)」就是以 webview 為主的。

好處:

  1. 節(jié)省工作量,已有的 mobile web 不用重復(fù)開(kāi)發(fā)。
  2. 不需要等審核,隨時(shí)部署更新。
  3. 直接兼容一些小程序不支持的原生標(biāo)簽,比如 <pre/>。

壞處:

  1. 一個(gè)頁(yè)面里只能有一個(gè) <webview/> 組件,不能有其它。比如想用原生的 <button/> 來(lái)調(diào)起支付、分享,就不可以。
  2. 只有綁定為業(yè)務(wù)域名的 url 才能跳轉(zhuǎn),不可以隨便打開(kāi)什么網(wǎng)頁(yè),上限 20 個(gè)。

其它雜七雜八

  1. 綁定的服務(wù)器域名,需要國(guó)內(nèi) ICP 備案,所以想做個(gè) dribbble 客戶端,直接利用?dribbble API 是不行的,只能想辦法用自己服務(wù)器做數(shù)據(jù)轉(zhuǎn)發(fā)。
  2. 小程序之間可以互相跳轉(zhuǎn),但必須綁定在同一公眾號(hào)下,而且具體跳轉(zhuǎn)的是哪個(gè)小程序、哪個(gè)頁(yè)面,要手動(dòng)配置小程序 AppID 和路徑。
  3. 不能長(zhǎng)按別二維碼,也沒(méi)辦法下載 app。
  4. 如果需要綁定手機(jī)號(hào),可以使用小程序的獲取手機(jī)號(hào)接口,調(diào)的是微信綁定了的手機(jī)號(hào),很方便。

 

作者:劉英滕

鏈接:https://www.jianshu.com/p/f36e0aceed98

本文由 @劉英滕 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 可以識(shí)別二維碼??

    回復(fù)
  2. 支付的問(wèn)題真的可以靠這樣解決嗎??

    回復(fù)
    1. 同問(wèn)

      回復(fù)
  3. 有用~收藏了

    來(lái)自安徽 回復(fù)