2017-12-04交互學(xué)習(xí)注意點

通過學(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)的加載。


4loading.png

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)]

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,366評論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,821評論 4 61
  • 我想……我是比較寂寞的人,這樣的夜,喝這樣的酒,無人陪伴,也不知道找誰說說心里話。長了這么多年,卻突然發(fā)現(xiàn)不知該和...
    烈影閱讀 130評論 0 0
  • 人一生會遇見很多人,很多事,很多驚喜,很多意外。這些都是一時的,事過境遷之后,都歸于平靜。唯有遇見自己,能找到一生...
    紅玫瑰和白汽球閱讀 826評論 0 0
  • 還記得第一次收到愛人送的花是什么時候嗎 “鮮花贈美人”,我記得在這句話在《羅馬假日...
    風(fēng)吹海樹閱讀 969評論 6 2

友情鏈接更多精彩內(nèi)容