通過學(xué)習(xí)微信小程序的設(shè)計規(guī)范文檔,總結(jié)以下我需要注意的知識點,有的知識點可能只適應(yīng)于微信小程序,有的同樣適用于APP和WEB:
1.底部標(biāo)簽分頁導(dǎo)航(Tab)可以固定在頂部或者底部,便于用戶在不同的分夜間做切換。標(biāo)簽數(shù)量不得少于2個,最多不超過5個,為確保點擊區(qū)域,建議標(biāo)簽數(shù)量不超過4項。一個頁面也不應(yīng)出現(xiàn)一組以上的標(biāo)簽分頁欄。
2.模態(tài)的加載樣式將覆蓋整個頁面的,由于無法明確告知具體加載的位置或內(nèi)容將可能引起用戶的焦慮感,因此應(yīng)謹慎使用。除了在某些全局性操作下不要使用模態(tài)的加載。

3.頁面全局操作結(jié)果——彈出式提示(Toast)
彈出式提示(Toast)適用于輕量級的成功提示,1.5秒后自動消失,并不打斷流程,對用戶影響較小,適用于不需要強調(diào)的操作提醒,例如成功提示。特別注意該形式不適用于錯誤提示,因為錯誤提示需明確告知用戶,因而不適合使用一閃而過的彈出式提示。
[圖片上傳失敗...(image-231bd1-1512374913694)]
4.頁面全局操作結(jié)果——模態(tài)對話框
對于需要用戶明確知曉的操作結(jié)果狀態(tài)可通過模態(tài)對話框來提示,并可附帶下一步操作指引。
[圖片上傳失敗...(image-d94b8a-1512374913694)]
5.頁面全局操作結(jié)果—結(jié)果頁
對于操作結(jié)果已經(jīng)是當(dāng)前流程的終結(jié)的情況,可使用操作結(jié)果頁來反饋。這種方式最為強烈和明確的告知用戶操作已經(jīng)完成,并可根據(jù)實際情況給出下一步操作的指引。
[圖片上傳失敗...(image-476fa0-1512374913694)]
6.異常狀態(tài)——表單出錯
表單報錯,在表單頂部告知錯誤原因,并標(biāo)識出錯誤字段提示用戶修改。
[圖片上傳失敗...(image-de33fc-1512374913694)]
7.通過各種攝像頭,地理位置等接口識別諸如二維碼、文字、地理位置等信息,減少用戶輸入。如果必須輸入盡量使用選項,或者歷史輸入等方式避免鍵盤操作
8.微信內(nèi)字體使用場景:
[圖片上傳失敗...(image-f29a5c-1512374913694)]