一鍵剖析小程式設計要點
微信小程式於2017年1月9日正式上線,支付寶小程式也於2018年9月12日正式上線,網際網路兩大巨頭都紛紛表示把發展重點放到了小程式上,那作為設計師的我們,要怎麼在小程式的浪潮裡穩住腳步並突出重圍呢?
無論是微信小程式還是支付寶小程式,跟APP和普通H5設計上並沒有太大的區別,但是體量就能比APP小很多,整體穩定性也比H5要好。
那他們兩者之間又有什麼不同呢?
1.首先,微信小程式是面向大眾開放註冊的,註冊門檻相對要低,也基於微信本身的社交屬性, 微信小程式更立足於娛樂和社交 ,休閒遊戲類的活動比支付寶小程式更多,整體數量也要更多。而支付寶小程式則只是面向企業開放註冊的,對註冊者的信用要求會更高, 支付寶小程式則更立足於信用和服務 。
2.支付寶能分享小程式到微信開啟;微信不能分享到支付寶開啟,只能分享給微信好友;而支付寶更支援多方社交網站/門戶分享。
3.支付寶小程式能直接在新增到手機桌面;微信的小程式只能分享給微信好友;由於入口的便利,支付寶更能增加使用者迴流,甚至可以取代部分不常用的APP。
4.支付寶小程式分享頁面為750X950,分享的頁面是自動生成當前頁面的截圖;微信小程式分享頁面為:800X900,需要設計一張相應的分享圖片。
可以看出,在設計上,微信小程式與支付寶小程式基於本身平臺來說,兩者並沒有太大的差異,他們的差異性更多體現的功能和開發層面上。
在小程式的設計上,可以有什麼突破點?
1.首先他們各自都有一套設計規範,設計師們可以根據官方所給的設計規範,能更高效地進行設計工作,避免踩雷。
微信小程式:
https://developers.weixin.qq.com/miniprogram/design/index.html?t=19022017
支付寶小程式:
https://docs.alipay.com/mini/design
而微信比支付寶更多整理了一套關於小遊戲的設計規範:
https://developers.weixin.qq.com/minigame/design/index.html?t=19022017
2.小程式特點:無擾。服務使用者,不打擾使用者,用完即走。輕量:讓使用者便捷、迅速、簡單地獲取服務。利用這個特點,小程式的設計一定要做到更便捷,更輕鬆,操作步驟也應該要比APP要少。
3.微信和支付寶導航欄自定義顏色,可帶來沉浸式體驗;在微信的小程式:支援整個場景覆蓋。目前對於遊戲型別的活動,減少割裂感,帶來更好的使用者體驗,也為設計師的創意提供更多的空間;
支付寶小程式:自家的產品支援整個場景覆蓋;僅支援修改單色改變,期待他未來支援更多形式 。
4.巧用重力感應,重力感應是小程式能呼叫的一個重要功能,可以利用它,優化遊戲體驗。
5.讀取好友通訊錄,小程式能自動讀取好友通訊錄,能直與已參與遊戲的好友PK,以及可以直接邀請好友。設計上可以使活動的PK感更強。
6.小程式能讀取微信和支付寶的運動步數,可策劃通過運動步數收集,進行兌換紅包,兌換基金公司的積分;與基金公司的使用者積分形成一個相交體系;又可以增加新客戶開戶;加入簽到功能等迴流,增加使用者粘性的功能;
案例:運動賺,在2018年1-5月微信小程式TOP100
7.基於小程式比普通H5包容更大場景的設計。
舉個例子:薅福利,活動目前是使用者通過首頁採摘紅包,點選各種跳轉彈窗操作;如果在首頁場景進行修改,點選按鈕,場景直接左移轉去別人的地進行偷摘紅包,會比彈窗切換,更有真實場景感,增加趣味性;達到一個新版本升級的感覺。
小程式儼然成為了網際網路一個熱詞,對於小程式的爭議也一直不斷,但從現在小程式的發展來說,對它下定論也言之過早,作為設計師最重要是洞察發展走向,找出突破點,能站在風口中心的都是有準備的人。