什麼是小程式

小程式是一種全新的連線使用者與服務的方式，它可以在app應用內被便捷地獲取和傳播，同時具有出色的使用體驗，小程式一般依附於某個使用者體量巨大的app平臺，同時省去了使用者的下載成本和商家的推廣成本，比如最為大家熟知的微信小程式，還有支付寶以及其他很多大型的app。

每個頁面都應有明確的重點，以便於使用者每進入一個新頁面的時候都能快速地理解頁面內容。在確定了重點的前提下，應儘量避免頁面上出現其它與使用者的決策和操作無關的干擾因素。

為了讓使用者順暢地使用頁面，在使用者進行某一個操作流程時，應避免出現使用者目標流程之外的內容而打斷使用者。

2.清晰明確

導航明確，來去自如

導航是確保使用者在網頁中瀏覽跳轉時不迷路的最關鍵因素。導航需要告訴使用者，當前在哪，可以去哪，如何回去等問題。微信在小程式內現不提供統一導航欄樣式，開發者可根據需要自行設計小程式首頁和次級頁面介面導航。建議所有的次級頁面左上角提供返回上一級頁面操作。此外，微信iOS使用者還可透過介面邊緣向右滑動操作，返回上一級小程式或微信頁面。安卓使用者可透過物理返回鍵達到同樣目的。

小程式選單

小程式的所有頁面，包括小程式內嵌網頁和外掛，微信都會在其右上角放置官方小程式選單，樣式如圖。開發者不可對其內容自定義，但可選擇深淺兩種基本配色以適應頁面設計風格。 官方小程式選單將放置在介面固定位置，開發者在設計介面時請預留出該區域空間，若需要在此區域附近放置可互動元素，要特別注意互動事件是否會衝突，操作是否容易被使用

減少等待，反饋及時

啟動頁載入

從PC時代的物理鍵盤滑鼠到移動端時代手指，雖然輸入裝置極大精簡，但是手指操作的準確性卻大大不如鍵盤滑鼠精確。為了適應這個變化，需要開發者在設計過程中充分利用手機特性，讓使用者便捷優雅的操控介面。

減少輸入

由於手機鍵盤區域小且密集，輸入困難的同時還易引起輸入錯誤，因此在設計小程式頁面時因儘量減少使用者輸入，利用現有介面或其他一些易於操作的選擇控制元件來改善使用者輸入的體驗。

除了利用介面外，在不得不讓使用者進行手動輸入時，應儘量讓使用者做選擇而不是鍵盤輸入。一方面，回憶易於記憶，讓使用者在有限的選項中做選擇通常來說是容易於完全靠記憶輸入；另一方面，仍然是考慮到手機鍵盤密集的單鍵輸入極易造成輸入錯誤。 例如圖中，在使用者搜尋時提供搜尋歷史快捷選項將幫助使用者快速進行搜尋，而減少或避免不必要是鍵盤輸入。

避免誤操作

因為在手機上我們透過手指觸控式螢幕幕來操控介面，手指的點選精確度遠不如滑鼠，因此在設計頁面上需點選的控制元件時，需要充分考慮到其熱區面積，避免由於可點選區域過小或過於密集而造成誤操作。當簡單的將原本在電腦螢幕上使用的介面不做任何適配直接移植到手機上時，往往就容易出現這樣的問題。由於手機螢幕解析度各不相同，因此最適宜點選畫素尺寸也不完全一致，但換算成物理尺寸後大致是在7mm-9mm之間。在微信提供的標準組件庫中，各種控制元件元素均已考慮到了頁面點選效果以及不同螢幕的適配，因此再次推薦使用或模仿標準控制元件尺寸進行設計。

利用介面提升效能

微信設計中心已推出了一套網頁標準控制元件庫，包括 sketch設計控制元件庫 和 Photoshop設計控制元件庫，後續還將完善小程式元件，這些控制元件都已充分考慮了移動端頁面的特點，能夠保證其在移動端頁面上的可用性和操作效能； 同時微信開發團隊也在不斷完善和擴充微信小程式介面，並提供微信公共庫，利用這些資源不但能夠為使用者提供更加快捷的服務，而且對頁面效能的提高有極大作用，無形之中提升了使用者體驗。

這裡設定網頁ui設計的就不展開說了。

1.小程式開發外包

一般來說如果有自己的網站和伺服器，可以找外包的人來做，價格取決於你的專案需求難度和外包公司的模板和你的需求的契合度一般是5000到2萬不等。

優點是一次性付費，定製靈活，缺點的是後期維護或者新增新的功能可能較為麻煩，和一次性收費相對較貴。

2.第三方託管

前期優點是成本較低，且不需要自己租伺服器資源，缺點是可選方案無定製話，基本只需要把自己的資料匯入的模板就行，且根據服務流量收費。

需要權衡自己的的使用需求，和訪問量，業務量大的的當然是選擇外包定製開發，個人的較為常規的需求，選擇第三方託管最為合適。

從自己的需求出發，先搞清楚，自己想實現什麼目的。

如果想做個專業的，那就自己買伺服器，域名備案，找人開發程式碼。

別人已經透過商城小程式實現了營收，你才看到小程式的趨勢？

市場優勢難獲取，緊跟趨勢，才能抓住機會突破，獲得生機！