產(chǎn)品設(shè)計(jì)交互規(guī)范-toast
視頻及原型文件下載:https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015
定義:
當(dāng)用戶某些操作時(shí)擎值,出現(xiàn)toast提示給與用戶操作予以反饋烹植,一般2-3s消失;通過toast中的提示語告知用戶需要了解的信息。讓用戶的行為在使用過程中得到反饋和幫助。
交互原則:
1、一致性;同個(gè)產(chǎn)品會模塊盡量使用同一位置铣焊,讓用戶產(chǎn)生統(tǒng)一認(rèn)知;
2罕伯、簡明扼要:文言提示盡量簡短曲伊,可省略動作上下文,如主語追他,長度控制在一行以內(nèi)坟募;有時(shí)我們?yōu)榱苏f清楚,故意將提示文言寫的很長邑狸,而用戶只有3秒鐘查看文言懈糯,文言太長導(dǎo)致用戶還沒有讀完就已經(jīng)消失;其實(shí)文言很短也能說清楚推溃,省略上下文昂利,也能表達(dá)很清楚届腐。如“刪除失敗”铁坎,不用再具體說“***刪除失敗”蜂奸,因?yàn)槟愫芮宄h除的對象是誰。
3硬萍、不要濫用Toast:不要每一個(gè)動作的相應(yīng)都要有Toast扩所,對于一些頁面100%成功,或有已經(jīng)有頁面相應(yīng)動作的結(jié)果的朴乖,可不用Toast祖屏;如果動作失敗,頁面有沒有任何變化买羞,則必須彈出Toast告知異常信息袁勺。
4、如果確實(shí)提示文言較長畜普,用戶無法在3秒內(nèi)讀完期丰,則應(yīng)使用Alert提示。
交互說明:
1吃挑、【文案】:說明提示的文案內(nèi)容钝荡,例如:文字內(nèi)容不能為空;
2舶衬、【觸發(fā)條件】:需要說明觸發(fā)toast的條件埠通,例如:點(diǎn)擊【提交】按鈕,顯示toast提示:保存成功逛犹;
3端辱、【顯示時(shí)間】:說明toast提示的持續(xù)時(shí)間,例如:顯示持續(xù)時(shí)間為2s虽画,然后自動關(guān)閉提示掠手;
4、【顯示位置】:說明toast提示的位置狸捕,例如:頂部居中顯示提示信息喷鸽;
使用場景:
1、可提供成功灸拍、警告或錯(cuò)誤等反饋信息做祝。
2、頂部居中顯示并自動消失鸡岗,是一種不打斷用戶操作的輕量級提示方式混槐。
例如人人都是產(chǎn)品經(jīng)理,在沒有寫任何內(nèi)容時(shí)就點(diǎn)擊創(chuàng)建專題按鈕轩性,出現(xiàn)toast提示声登,提示用戶要先輸入文章內(nèi)容。
toast的消息提示分類一共有四種類型:成功類、失敗類悯嗓、警告類件舵、消息類。
組件樣式有:不帶關(guān)閉按鈕脯厨、帶關(guān)閉按鈕铅祸、不帶ICON、帶IOCN合武、左側(cè)顯示临梗、居中顯示