微信小程式設計指南官方版放出

2022-03-31 03:13:55 字數 1263 閱讀 2666

每個頁面都應有明確的重點,以便於使用者每進入乙個新頁面的時候都能快速地理解頁面內容,在確定了重點的前提下,應盡量避免頁面上出現其他干擾項影響使用者的決策和操作。

反例示意

此頁面的主題是查詢,卻新增了諸多與查詢不相關的業務入口,與使用者的預期不符,易造成使用者的迷失。

糾正示意

去掉任何與使用者目標不相關的內容,明確頁面主題,在技術和頁面控制項允許的前提下提供有助於使用者目標的幫助內容,比如最近搜尋詞,常用搜尋詞等。

反例示意

操作沒有主次,讓使用者無從選擇

糾正示意

首先要避免並列過多操作讓使用者選擇,在不得不並列多個操作時,需區分操作主次,減輕使用者的選擇難度。

流程明確

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

反例示意

使用者本打算進行搜尋,在進入頁面時卻被突如其來的**彈窗所打斷;對於**沒有興趣的使用者是非常不友好的干擾; 而即便有部分使用者確實被「誘人」的**活動所吸引,離開主流程去**之後可能就遺忘了原本的目標,進而失去了對產品真正價值的利用和認識。

清晰明確

一旦使用者進入我們的小程式頁面,我們就有責任和義務清晰明確地告知使用者身在何處、又可以往何處去,確保使用者在頁面中游刃有餘地穿梭而不迷路,這樣才能為使用者提供安全的愉悅的使用體驗。

導航明確,來去自如

減少等待,反饋及時

微信小程式設計規範 官方 文件

常用字型大小為20,18,17,16,14,13,11 pt 使用場景具體如下 導航 ios和android 字型顏色 主內容black黑色,次要內容grey灰色 時間戳與表單預設值light灰色 大段的說明內容而且屬於主要內容用semi黑 藍色為鏈結用色,綠色為完成字樣顏色,紅色為出錯用色pres...

微信小程式測試指南

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

精易程式設計助手 v1 09官方版

名稱 精易程式設計助手 v1.09官方版 版本 1.09 軟體大小 2.40 mb 軟體語言 簡體中文 軟體授權 共享版 應用平台 winxp,win2003,winvista,win2000,網頁操作,視窗分析,web抓包,正則,post,翻譯,編碼轉換,鍵碼查詢,進製轉換等等 網頁分析 穿透框架...