2016-12-21 分類(lèi): 微信小程序
小程序從內(nèi)測(cè)到公測(cè),僅僅只間隔了一個(gè)月的時(shí)間,內(nèi)測(cè)僅開(kāi)放200個(gè)名額,只支持上傳不支持發(fā)布,公測(cè)也是如此,小程序的公測(cè)雖然從介紹、設(shè)計(jì)、開(kāi)發(fā)、運(yùn)營(yíng)都進(jìn)行了詳細(xì)且嚴(yán)格的規(guī)定,但是微信內(nèi)部也清楚,首批小程序質(zhì)量摻差不齊,一定會(huì)存在不少問(wèn)題。微信需要這次公測(cè)找到首批合規(guī)的小程序標(biāo)桿,給后面的小程序開(kāi)發(fā)者提供一個(gè)可以借鑒的樣板。
二、給微信團(tuán)隊(duì)和市場(chǎng)一定的緩沖時(shí)間微信公測(cè)對(duì)外公布的小程序規(guī)范明確且詳細(xì),市場(chǎng)必須有一個(gè)接受和調(diào)整過(guò)程,相信大部分人第一次看到如此詳細(xì)的規(guī)范,都會(huì)感覺(jué)到頭疼,第一批試水者只能是逐步摸索開(kāi)發(fā)出適合規(guī)范的小程序,這也就意味著市場(chǎng)上小程序的上線不可能一蹴而就,需要開(kāi)發(fā)者和微信團(tuán)隊(duì)多次磨合,微信團(tuán)隊(duì)也會(huì)借此機(jī)會(huì)觀察市第一批小程序的開(kāi)發(fā)者到底有多少符合規(guī)范,以便制定下一步的市場(chǎng)培育工作。再過(guò)一段時(shí)間,微信團(tuán)隊(duì)會(huì)根據(jù)市場(chǎng)情況正式開(kāi)通小程序發(fā)布功能,這個(gè)時(shí)間筆者判斷可能是1個(gè)月左右的時(shí)間,也就是12月初。
因此,這段時(shí)間是開(kāi)發(fā)者好好琢磨如何按照規(guī)范開(kāi)發(fā)小程序的黃金時(shí)間,如果您夠用心,夠投入,說(shuō)不定您的小程序有可能成為市場(chǎng)上第一批正式上線的小程序,同時(shí)您的小程序也可能成為細(xì)分行業(yè)的模板和標(biāo)桿。為此,筆者為大家整理濃縮出一些必要的細(xì)節(jié)提醒各位開(kāi)發(fā)者注意,以便大家在最短的時(shí)間內(nèi)開(kāi)發(fā)符合規(guī)范的小程序,少走彎路。
三、小程序注冊(cè)與訂閱號(hào)服務(wù)號(hào)基本一致從提供的資料來(lái)看,小程序依然通過(guò)微信公眾號(hào)的后臺(tái)注冊(cè),注冊(cè)流程、認(rèn)證流程和之前的訂閱號(hào)服務(wù)號(hào)大體一致,需要注意的是,小程序目前只支持各種企業(yè)類(lèi)型的申請(qǐng)、暫不支持個(gè)人,注冊(cè)的名稱和郵箱都必須使用新的,和之前的訂閱號(hào)、服務(wù)號(hào)不能使用同一賬號(hào)。這也就印證了之前張小龍之前所講的“小程序是一種新的應(yīng)用號(hào)形態(tài)”。
四、一個(gè)小程序可以包含多個(gè)應(yīng)用微信小程序這次定義“已認(rèn)證的小程序可以綁定不多于20個(gè)開(kāi)發(fā)者。未認(rèn)證的小程序可以綁定不多于10個(gè)開(kāi)發(fā)者?!惫P者可以直接判斷,一個(gè)小程序可以包含多個(gè)應(yīng)用,或者說(shuō)是應(yīng)用矩陣。從公布的綁定開(kāi)發(fā)者數(shù)量來(lái)看,小程序增加了開(kāi)發(fā)者數(shù)量,這也就意味著小程序不僅可以包含多個(gè)應(yīng)用,每個(gè)應(yīng)用還可以獨(dú)立管理,最終由管理員統(tǒng)一提交。這讓筆者想到,一個(gè)正常的APP后臺(tái),管理者可以在后臺(tái)分配多角色多模塊,以協(xié)調(diào)不同崗位如:程序猿、運(yùn)營(yíng)人員、市場(chǎng)營(yíng)銷(xiāo)人員的日常工作。但是微信團(tuán)隊(duì)本次沒(méi)有對(duì)這方面沒(méi)有明確定義,小程序開(kāi)發(fā)好以后如何運(yùn)營(yíng)、如何推廣,筆者將在后續(xù)文章里做詳細(xì)的論述。
五、小程序的配置功能未來(lái)也許是可以大作文章的地方微信小程序這次對(duì)配置功能頁(yè)面是這樣定義的:為了用戶可以快速搜索出小程序,需要填寫(xiě)重要業(yè)務(wù)頁(yè)面的類(lèi)目與標(biāo)簽。重要業(yè)務(wù)頁(yè)面組數(shù)不多于5組。
這也就意味著,小程序頁(yè)面可以加標(biāo)簽,標(biāo)簽可以有利于用戶搜索到精準(zhǔn)的小程序,開(kāi)發(fā)者可以利用標(biāo)簽為小程序?qū)崿F(xiàn)精準(zhǔn)導(dǎo)流。另外一點(diǎn),如果微信團(tuán)隊(duì)能夠開(kāi)放搜索功能,能夠讓搜索結(jié)果不僅與頁(yè)面標(biāo)簽匹配,同時(shí)也可以與小程序頁(yè)面代碼里的關(guān)鍵詞標(biāo)簽匹配(原理與SEO類(lèi)似),那無(wú)疑對(duì)于小程序開(kāi)發(fā)者是一個(gè)好消息。但是截至目前,微信團(tuán)隊(duì)并沒(méi)有透露與此相關(guān)的任何信息,我們只能慢慢摸索。但是,這些都是未來(lái)可以想象的地方,我們?cè)诤竺娴奈恼吕镌僮鲈敿?xì)論述。
六、小程序開(kāi)發(fā)并非隨心所欲,你需要看懂以下規(guī)則才能不走彎路:1、小程序的功能定義與實(shí)際提供的服務(wù)必須一致;小程序所提供的類(lèi)目,必須放置在首頁(yè),最深也只能放置在二級(jí)頁(yè)面;
2、小程序所提供的服務(wù)目前暫時(shí)不能涉及游戲、直播等服務(wù)(涉黃涉賭就不用多說(shuō)了)內(nèi)容也不能涉及測(cè)試類(lèi)內(nèi)容;比如:算命,抽簽,星座運(yùn)勢(shì)等;
3、小程序所提供的服務(wù)可以允許設(shè)置付費(fèi)可見(jiàn)及隱藏可見(jiàn)(這點(diǎn)對(duì)于開(kāi)發(fā)者來(lái)說(shuō)可以發(fā)揮地方很多,具體在后面文章做詳細(xì)論述);
4、小程序不能提供與微信現(xiàn)有功能相似的服務(wù),如含朋友圈、漂流瓶等,也不能提供導(dǎo)航、排行榜、互推的服務(wù);
5、小程序一如既往的不支持誘導(dǎo)分享、誘導(dǎo)關(guān)注,虛假欺詐等內(nèi)容,也不支持廣告展示比例超過(guò)50%的頁(yè)面內(nèi)容;
6、小程序不得誘導(dǎo)、泄露、轉(zhuǎn)讓用戶的任何數(shù)據(jù)。所有行為都必須經(jīng)過(guò)用戶授權(quán)或有明顯提示;
七、微信團(tuán)隊(duì)對(duì)小程序設(shè)計(jì)也有嚴(yán)格定義,前端工程師們需要看懂以下規(guī)則:1、頁(yè)面設(shè)計(jì)需要考慮除微信導(dǎo)航以外其它導(dǎo)航頁(yè)面的設(shè)計(jì),遵循“導(dǎo)航明確,來(lái)去自如”,也就是能讓客戶知道,當(dāng)前在哪,可以去哪,如何回去等問(wèn)題。
2、頁(yè)面設(shè)計(jì)需要遵循重點(diǎn)突出,并且不能出現(xiàn)與業(yè)務(wù)無(wú)關(guān)的業(yè)務(wù)入口,正反舉例:
錯(cuò)誤示例
以上頁(yè)面主題是查詢,但查詢按鈕下面卻出現(xiàn)“今日熱點(diǎn)|頭條新聞”的無(wú)關(guān)內(nèi)容
正確示例
以上頁(yè)面查詢按鈕下面顯示的是最新搜索過(guò)的關(guān)鍵詞,與頁(yè)面主題匹配
3、頁(yè)面設(shè)計(jì)無(wú)需考慮微信一級(jí)菜單的導(dǎo)航,微信系統(tǒng)內(nèi)的所有小程序均會(huì)自帶有微信提供的導(dǎo)航欄
標(biāo)準(zhǔn)導(dǎo)航圖
4、微信導(dǎo)航欄自定義顏色規(guī)則,開(kāi)發(fā)者如果需要自設(shè)導(dǎo)航需要與官方定義的顏色和諧搭配
官方定義導(dǎo)航顏色
5、小程序首頁(yè)可選擇微信提供的原生底部標(biāo)簽分頁(yè)樣式,該樣式僅供小程序首頁(yè)使用。初期的頁(yè)面內(nèi)導(dǎo)航設(shè)計(jì)盡可能利用微信自帶導(dǎo)航Tab,添加自有導(dǎo)航可以添加標(biāo)簽分頁(yè)(Tab)導(dǎo)航,標(biāo)簽數(shù)量不得少于2個(gè),最多不得超過(guò)5個(gè),為確保點(diǎn)擊區(qū)域,建議標(biāo)簽數(shù)量不超過(guò)4項(xiàng)。
小程序標(biāo)準(zhǔn)導(dǎo)航樣式
6、小程序已經(jīng)明確定義了標(biāo)準(zhǔn)的啟動(dòng)頁(yè)面和頁(yè)面下拉刷新加載樣式,無(wú)需開(kāi)發(fā)者設(shè)計(jì),啟動(dòng)頁(yè)面只能上傳品牌LOGO且不能更改。
小程序啟動(dòng)頁(yè)標(biāo)準(zhǔn)樣式
下拉加載頁(yè)標(biāo)準(zhǔn)樣式
7、小程序頁(yè)面的加載反饋和結(jié)果反饋應(yīng)提供載入進(jìn)度和結(jié)果提示,并且每個(gè)頁(yè)面都要有明確的指引操作和退出提示。
加載頁(yè)必須有加載提示如右邊圖
結(jié)果反饋必須有明確提示如:已發(fā)送
8、小程序頁(yè)面設(shè)計(jì)需要遵循“減少輸入,巧用接口,多用選擇”的原則,大限度的優(yōu)化用戶體驗(yàn),減少或避免不必要的鍵盤(pán)輸入。
搜索內(nèi)容建議設(shè)計(jì)成按鈕選擇而不是讓用戶手工輸入
持卡人和卡號(hào)不建議讓用戶直接輸入而是調(diào)用接口讓用戶選擇
9、小程序頁(yè)面的字體盡量與用戶所運(yùn)行的系統(tǒng)字體保持一致,常用字號(hào)為20, 18, 17, 16,14 13, 10(pt),字體顏色主內(nèi)容 Black 黑色,次要內(nèi)容 Grey 灰色;時(shí)間戳與表單缺省值Light 灰色;大段的說(shuō)明內(nèi)容而且屬于主要內(nèi)容用 Semi 黑;藍(lán)色為鏈接用色,綠色為完成字樣色,紅色為出錯(cuò)用色 Press與 Disable狀態(tài)分別降低透明度為20%與10%
字體規(guī)范
字體顏色
主內(nèi)容 Black 黑色,次內(nèi)容 Grey 灰色;時(shí)間戳與表單缺省值Light 灰色;大段說(shuō)明內(nèi)容用 Semi 黑;
藍(lán)色為鏈接用色,綠色為完成字樣色,紅色為出錯(cuò)用色
10、小程序頁(yè)面同樣明確定義了列表視覺(jué)規(guī)范、表單輸入視覺(jué)規(guī)范、按鈕使用原則、圖標(biāo)使用原則等詳細(xì)的規(guī)范。
以上僅為筆者為大家整理出來(lái)的小程序設(shè)計(jì)最值得重視的諸多要點(diǎn),如果您對(duì)小程序設(shè)計(jì)比較關(guān)注,請(qǐng)持續(xù)關(guān)注呆盟說(shuō)后續(xù)推出的對(duì)《小程序設(shè)計(jì)指南》更專(zhuān)業(yè)的解讀文章。
八、小程序?qū)﹂_(kāi)發(fā)規(guī)則也進(jìn)行了相應(yīng)的解釋和定義,基本定義如下:
1、開(kāi)發(fā)者需要在公眾號(hào)小程序的后臺(tái)“設(shè)置”-“開(kāi)發(fā)者設(shè)置”中獲取AppID ,通過(guò)開(kāi)發(fā)者工具,來(lái)完成小程序創(chuàng)建和代碼編輯。
2、開(kāi)發(fā)者在小程序后后臺(tái)綁定身份之后,可以在開(kāi)發(fā)者工具內(nèi)實(shí)現(xiàn)編輯、預(yù)覽、提交等所有工作流程。
3、小程序開(kāi)發(fā)的基本文件包括app.js、app.json、app.wxss 這三個(gè)。其中,.js后綴的是腳本文件,.json后綴的文件是配置文件,.wxss后綴的是樣式表文件。微信小程序會(huì)讀取這些文件,并生成小程序?qū)嵗?/p>
4、每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件,.json后綴的文件是配置文件,.wxss后綴的是樣式表文件,.wxml后綴的文件是頁(yè)面結(jié)構(gòu)文件。
以上僅為筆者為整理出來(lái)的小程序開(kāi)發(fā)基礎(chǔ)規(guī)范,如果您對(duì)小程序開(kāi)發(fā)比較關(guān)注,請(qǐng)持續(xù)關(guān)注后呆盟說(shuō)后續(xù)推出的對(duì)《小程序開(kāi)發(fā)指南》更專(zhuān)業(yè)的解讀文章。
綜上可見(jiàn),開(kāi)發(fā)者們想開(kāi)發(fā)出一款真正符合規(guī)范的小程序并非是一朝一夕的事情,從微信團(tuán)隊(duì)給出的如此詳細(xì)的開(kāi)發(fā)設(shè)計(jì)文檔來(lái)看,前端開(kāi)發(fā)工程師所需要做的事情會(huì)更多,這也就意味著未來(lái)會(huì)誕生一個(gè)新的職位方向,我們暫且定義為“小程序設(shè)計(jì)師”。但是值得一提的是,一個(gè)復(fù)雜的小程序依然需要后臺(tái)程序猿輔助小程序設(shè)計(jì)師完成整個(gè)小程序的搭建,所以負(fù)責(zé)APP開(kāi)發(fā)程序猿們可以在不放棄APP開(kāi)發(fā)的前提下,借此機(jī)會(huì)調(diào)整一下專(zhuān)注的方向,不用向之前網(wǎng)傳的那樣過(guò)于悲觀。
小程序這次真的來(lái)了,公測(cè)的時(shí)間比我們想象的要快,這也標(biāo)志著微信小程序正式走向市場(chǎng)。正如張小龍所提到的,微信不僅僅是一個(gè)傳播內(nèi)容平臺(tái),更是服務(wù)平臺(tái),而小程序就是服務(wù)平臺(tái)中最重要的體現(xiàn)。
新聞標(biāo)題:來(lái)談?wù)勎⑿判〕绦蜷_(kāi)發(fā)該注意的細(xì)節(jié)
分享鏈接:http://www.rwnh.cn/news13/72813.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有做網(wǎng)站、小程序開(kāi)發(fā)、微信小程序等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容