微信小程式 設計指南

2022-07-04 17:33:17 字數 1201 閱讀 4353

-避免使用者使用服務時被周圍環境干擾,設計時應減少無關設計對使用者的影響,禮貌的向使用者提供服務,友好的引導使用者進行操作。

-每個頁面都應該有明確的重點,方便使用者進入頁面時可以快速理解頁面內容

-明確重點,避免頁面出現與使用者決策和操作無關的干擾因素

-為了使用者體驗,使其操作順暢,應避免出現使用者目標流程之外的內容而打斷使用者

-使用者進入頁面,我們就有責任和義務清晰明確的告知使用者身處何處、又可以往何處去,增加使用者體驗,即麵包屑導航

-導航是確保使用者在網頁中瀏覽跳轉時不迷路的最關鍵因素,即明確導航

-直接繼承客戶端,除導航欄顏色之外,開發者無需也不能對其中的內容分進行自定義,開發者只需規定小程式各個頁面的跳轉關係,讓導航系統能夠以合理的方式工作

-導航欄分為導航區域、標題區域以及操作區域

--導航區域控制頁面程序

--導航爛分為深淺兩種基本配色

-若頁面載入時間過長會導致使用者體驗不好,應採用相應措施進行改良

---頁面下拉分為深淺兩套方案,背景顏色可自定義,應注意下拉時出現的圖示及文字標示的辨識度

---確保資訊的可見性和頁面的可用性

--載入反饋注意事項

---若載入時間較長,應提供取消操作,並使用進度條顯示載入的進度

---載入過程中,應保持動畫效果,無動畫效果的載入容易產生卡死錯覺

---不要在同乙個頁面同時使用超過1個載入動畫

-在設計任何的任務和流程時,異常狀態和流程往往容易被忽略,而這些異常場景往往是使用者最為沮喪和需要幫助的時候,因此需要格外注意異常狀態的設計,在出現異常時予以使用者必要的狀態提示,並告知解決方案,使其有路可退。

-要杜絕異常狀態下,使用者莫名其妙又無處可去,卡在某乙個頁面的情況。上文中所提到的彈窗和結果頁面都可作為異常狀態的提醒方式。除此之外,在表單頁面中尤其是表單項較多的頁面中,還應明確指出出錯專案,以便使用者修改。

-手指操作的準確性是遠遠不如鍵盤滑鼠精確,為了適應移動端,需要開發者在設計的過程中充分利用手機特性,讓使用者便捷優雅的操控介面

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

-手指的點選精確度遠不如滑鼠,因此在設計頁面上需點選的控制項時,需要充分考慮到其熱區面積,避免由於可點選區域過小或過於密集而造成誤操作

-統一的頁面體驗和有延續性的介面元素都將幫助用最少的學習成本達成使用目標,減輕頁面跳動所造成的不適感

微信小程式測試指南

本文出自天外歸雲的 本地設定hosts為測試環境hosts 選擇專案路徑 事先在本地存放好小程式源 選擇小程式所在路徑,如果路徑正確的話專案名會自動出現,無需手動填寫 本地除錯小程式 我們可以在network下面檢視到網路請求,可以檢視具體某個請求的請求引數以及返回結果等資訊 fiddler 伺服器...

微信小程式 怎樣合理設計小程式

關於定位的一切相關模組就都會報廢!接著呢?客戶會找你,對你公司信任感下降,一系列問題接踵而來 最好的辦法就是先預留key後台管理 隨時可以修改 怎樣設計呢?很簡單,我們大部分人都會預留在全域性key 一旦要修改,就要獲得原始碼,最後修改 浪費時間,精力 但我認為,應該預留給介面,後端傳輸過來 1.獲...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...