
Toast
Toast
Toast&Snackbar
Snackbar
03
—
反饋的適用場(chǎng)景
Dialog(對(duì)話框):一般用于很重要或者有風(fēng)險(xiǎn)的操作,主要為復(fù)雜信息、關(guān)鍵信息提示、關(guān)鍵阻斷等。但目前來說對(duì)話框的設(shè)計(jì)樣式繁多,用戶可以進(jìn)行信息錄入,也可以用于營(yíng)銷宣傳(如:彈框廣告等)。
Toast一般用作簡(jiǎn)單提示或者結(jié)果通知等非關(guān)鍵阻斷性反饋,但toast是容易被用戶忽視,而且不適合展示過多的信息,可能在用戶讀完之前就消失了。考慮信息的可讀性和用戶的使用體驗(yàn),也可采圖案+文字的組合樣式。
Snackbar多用于涉及結(jié)果反饋+用戶單項(xiàng)非關(guān)鍵操作的流程中,收藏、關(guān)注、添加等流程。
整體而言,優(yōu)先級(jí)不同的信息應(yīng)該對(duì)應(yīng)不同的視覺權(quán)重,這樣視覺權(quán)重最大的模態(tài)彈框用以展示重要的內(nèi)容。也只有讓真正重要的信息使用模態(tài)彈框,低頻而又合理的使用,才會(huì)讓用戶對(duì)于彈框提示信息重視。當(dāng)過度使用反而可能會(huì)給用戶產(chǎn)生“狼來了”心理,讓用戶不在重視App的反饋信息,這樣就失去了對(duì)應(yīng)的初衷。
同時(shí),還會(huì)有一些邊界情況,這種情況并無絕對(duì)的適用什么方式,此時(shí)則可以考慮場(chǎng)景的側(cè)重或者單純的依賴于產(chǎn)品經(jīng)理的個(gè)人偏好。
最后,希望我的這些內(nèi)容,得以讓部分新人有幫助,那可能也是讓我在產(chǎn)品之路上的開心之事,我們下期見!
余額不足的彈框提示,圖片來源支付寶截圖
(當(dāng)然,壕不會(huì)出現(xiàn)這些彈框)
toast、snackbar
非模態(tài)和模態(tài)最大的區(qū)別是,非模態(tài)不會(huì)阻斷流程,強(qiáng)制用戶交互,也不會(huì)給用戶彈出半透明背景層,非模態(tài)彈框停留一段時(shí)間后會(huì)自己消失。所以相對(duì)于模態(tài)彈框來說,非模態(tài)彈框?qū)儆谳p量級(jí)反饋,降低了給用戶帶來的干擾。而常見的非模態(tài)彈框有toast(hud)和snackbar。
Toast主要用于用戶操作之后,告知用戶操作結(jié)果或者狀態(tài)的變更。其中Toast是屬于Android的組件,而iOS類似的是組件是hud,在蘋果的系統(tǒng)中最常見的就是音量調(diào)節(jié)提示。但現(xiàn)在兩邊不同系統(tǒng)的逐步趨于相同,整體的區(qū)別也在越來越小。
另外,真實(shí)的toast是可以出現(xiàn)在屏幕的任何位置,且可以加icon,或者背景層的顏色等都可以修改。所以在某些場(chǎng)景下,產(chǎn)品或者設(shè)計(jì)也需要了解對(duì)應(yīng)的技術(shù)的真實(shí)情況,方便避免因?yàn)樽约旱墓逃姓J(rèn)知而影響自己的產(chǎn)品設(shè)計(jì)。
Snackbar一般是由文字和單一功能按鈕組成的,用戶可以點(diǎn)擊按鈕交互,但不強(qiáng)制,也不阻斷,如果用戶不點(diǎn)擊snackbar也會(huì)自動(dòng)消失,該模式一般位于屏幕下方。如果不好記憶,可以把snackbar看成是帶有icon交互的特殊toast。
Toast
Toast&Snackbar
Snackbar
03
—
反饋的適用場(chǎng)景
Dialog(對(duì)話框):一般用于很重要或者有風(fēng)險(xiǎn)的操作,主要為復(fù)雜信息、關(guān)鍵信息提示、關(guān)鍵阻斷等。但目前來說對(duì)話框的設(shè)計(jì)樣式繁多,用戶可以進(jìn)行信息錄入,也可以用于營(yíng)銷宣傳(如:彈框廣告等)。
Toast一般用作簡(jiǎn)單提示或者結(jié)果通知等非關(guān)鍵阻斷性反饋,但toast是容易被用戶忽視,而且不適合展示過多的信息,可能在用戶讀完之前就消失了??紤]信息的可讀性和用戶的使用體驗(yàn),也可采圖案+文字的組合樣式。
Snackbar多用于涉及結(jié)果反饋+用戶單項(xiàng)非關(guān)鍵操作的流程中,收藏、關(guān)注、添加等流程。
整體而言,優(yōu)先級(jí)不同的信息應(yīng)該對(duì)應(yīng)不同的視覺權(quán)重,這樣視覺權(quán)重最大的模態(tài)彈框用以展示重要的內(nèi)容。也只有讓真正重要的信息使用模態(tài)彈框,低頻而又合理的使用,才會(huì)讓用戶對(duì)于彈框提示信息重視。當(dāng)過度使用反而可能會(huì)給用戶產(chǎn)生“狼來了”心理,讓用戶不在重視App的反饋信息,這樣就失去了對(duì)應(yīng)的初衷。
同時(shí),還會(huì)有一些邊界情況,這種情況并無絕對(duì)的適用什么方式,此時(shí)則可以考慮場(chǎng)景的側(cè)重或者單純的依賴于產(chǎn)品經(jīng)理的個(gè)人偏好。
最后,希望我的這些內(nèi)容,得以讓部分新人有幫助,那可能也是讓我在產(chǎn)品之路上的開心之事,我們下期見!
充值不足的彈框提示,圖片來源支付寶截圖
余額不足的彈框提示,圖片來源支付寶截圖
(當(dāng)然,壕不會(huì)出現(xiàn)這些彈框)
toast、snackbar
非模態(tài)和模態(tài)最大的區(qū)別是,非模態(tài)不會(huì)阻斷流程,強(qiáng)制用戶交互,也不會(huì)給用戶彈出半透明背景層,非模態(tài)彈框停留一段時(shí)間后會(huì)自己消失。所以相對(duì)于模態(tài)彈框來說,非模態(tài)彈框?qū)儆谳p量級(jí)反饋,降低了給用戶帶來的干擾。而常見的非模態(tài)彈框有toast(hud)和snackbar。
Toast主要用于用戶操作之后,告知用戶操作結(jié)果或者狀態(tài)的變更。其中Toast是屬于Android的組件,而iOS類似的是組件是hud,在蘋果的系統(tǒng)中最常見的就是音量調(diào)節(jié)提示。但現(xiàn)在兩邊不同系統(tǒng)的逐步趨于相同,整體的區(qū)別也在越來越小。
另外,真實(shí)的toast是可以出現(xiàn)在屏幕的任何位置,且可以加icon,或者背景層的顏色等都可以修改。所以在某些場(chǎng)景下,產(chǎn)品或者設(shè)計(jì)也需要了解對(duì)應(yīng)的技術(shù)的真實(shí)情況,方便避免因?yàn)樽约旱墓逃姓J(rèn)知而影響自己的產(chǎn)品設(shè)計(jì)。
Snackbar一般是由文字和單一功能按鈕組成的,用戶可以點(diǎn)擊按鈕交互,但不強(qiáng)制,也不阻斷,如果用戶不點(diǎn)擊snackbar也會(huì)自動(dòng)消失,該模式一般位于屏幕下方。如果不好記憶,可以把snackbar看成是帶有icon交互的特殊toast。
Toast
Toast&Snackbar
Snackbar
03
—
反饋的適用場(chǎng)景
Dialog(對(duì)話框):一般用于很重要或者有風(fēng)險(xiǎn)的操作,主要為復(fù)雜信息、關(guān)鍵信息提示、關(guān)鍵阻斷等。但目前來說對(duì)話框的設(shè)計(jì)樣式繁多,用戶可以進(jìn)行信息錄入,也可以用于營(yíng)銷宣傳(如:彈框廣告等)。
Toast一般用作簡(jiǎn)單提示或者結(jié)果通知等非關(guān)鍵阻斷性反饋,但toast是容易被用戶忽視,而且不適合展示過多的信息,可能在用戶讀完之前就消失了。考慮信息的可讀性和用戶的使用體驗(yàn),也可采圖案+文字的組合樣式。
Snackbar多用于涉及結(jié)果反饋+用戶單項(xiàng)非關(guān)鍵操作的流程中,收藏、關(guān)注、添加等流程。
整體而言,優(yōu)先級(jí)不同的信息應(yīng)該對(duì)應(yīng)不同的視覺權(quán)重,這樣視覺權(quán)重最大的模態(tài)彈框用以展示重要的內(nèi)容。也只有讓真正重要的信息使用模態(tài)彈框,低頻而又合理的使用,才會(huì)讓用戶對(duì)于彈框提示信息重視。當(dāng)過度使用反而可能會(huì)給用戶產(chǎn)生“狼來了”心理,讓用戶不在重視App的反饋信息,這樣就失去了對(duì)應(yīng)的初衷。
同時(shí),還會(huì)有一些邊界情況,這種情況并無絕對(duì)的適用什么方式,此時(shí)則可以考慮場(chǎng)景的側(cè)重或者單純的依賴于產(chǎn)品經(jīng)理的個(gè)人偏好。
最后,希望我的這些內(nèi)容,得以讓部分新人有幫助,那可能也是讓我在產(chǎn)品之路上的開心之事,我們下期見!
何為反饋
不知你是否有和我一樣的情況,在剛開始獨(dú)立完成需求時(shí),老是會(huì)遇到一個(gè)問題:
這里該用toast還是彈框?用不用阻斷?用結(jié)果頁還是直接toast?
但隨著項(xiàng)目的積累,也逐步摸索出自己的一套方法,現(xiàn)在來聊聊反饋的那些門道:
究竟何為反饋,百度百科解釋為:將系統(tǒng)的輸出返回到輸入端并以某種方式改變輸入,它們之間存在因果關(guān)系的回路,進(jìn)而影響系統(tǒng)功能的過程。
人話版:不同情況下有不同的反應(yīng)(如:你三連,我歡欣鼓舞,你不三連,我給你跪下
)。
為什么App設(shè)計(jì)需要反饋:
1.包含你我在內(nèi)的每一個(gè)人,都希望自己的話語、情緒、操作得到反饋,軟件中亦如此,尼爾森十大可用性原則中,第一條“系統(tǒng)可見性”,即表明系統(tǒng)需要將狀態(tài)反饋給用戶,不讓用戶因?qū)ο到y(tǒng)狀態(tài)的未知而產(chǎn)生焦慮以及帶來的錯(cuò)誤操作。
2.及時(shí)合理的反饋,可以告訴使用者當(dāng)前狀態(tài)、目前結(jié)果、后續(xù)操作指示;
而不反饋、反饋不及時(shí)、反饋不正確,輕者提示不清,嚴(yán)重者造成誤解,加劇不確定性給用戶帶來的負(fù)面影響,從而讓用戶反感使用,棄之而去。
02
—
常見反饋類型
App常用反饋類型,我整體按照常用程度分為三類:彈框、頁面、其他(標(biāo)簽、動(dòng)畫、聲音、震動(dòng)等),本次由于篇幅,重點(diǎn)講述彈框。
Dialog
彈框的種類又可以分為兩種,模態(tài)與非模態(tài),二者的區(qū)別,在于是否強(qiáng)制用戶交互或者打斷用戶流程,其中模態(tài)彈框以Dialog(對(duì)話框)為例,在App中有大量的使用,主要用來提示一些重要信息及對(duì)應(yīng)的和用戶交互。比如:
充值不足的彈框提示,圖片來源支付寶截圖
余額不足的彈框提示,圖片來源支付寶截圖
(當(dāng)然,壕不會(huì)出現(xiàn)這些彈框)
toast、snackbar
非模態(tài)和模態(tài)最大的區(qū)別是,非模態(tài)不會(huì)阻斷流程,強(qiáng)制用戶交互,也不會(huì)給用戶彈出半透明背景層,非模態(tài)彈框停留一段時(shí)間后會(huì)自己消失。所以相對(duì)于模態(tài)彈框來說,非模態(tài)彈框?qū)儆谳p量級(jí)反饋,降低了給用戶帶來的干擾。而常見的非模態(tài)彈框有toast(hud)和snackbar。
Toast主要用于用戶操作之后,告知用戶操作結(jié)果或者狀態(tài)的變更。其中Toast是屬于Android的組件,而iOS類似的是組件是hud,在蘋果的系統(tǒng)中最常見的就是音量調(diào)節(jié)提示。但現(xiàn)在兩邊不同系統(tǒng)的逐步趨于相同,整體的區(qū)別也在越來越小。
另外,真實(shí)的toast是可以出現(xiàn)在屏幕的任何位置,且可以加icon,或者背景層的顏色等都可以修改。所以在某些場(chǎng)景下,產(chǎn)品或者設(shè)計(jì)也需要了解對(duì)應(yīng)的技術(shù)的真實(shí)情況,方便避免因?yàn)樽约旱墓逃姓J(rèn)知而影響自己的產(chǎn)品設(shè)計(jì)。
Snackbar一般是由文字和單一功能按鈕組成的,用戶可以點(diǎn)擊按鈕交互,但不強(qiáng)制,也不阻斷,如果用戶不點(diǎn)擊snackbar也會(huì)自動(dòng)消失,該模式一般位于屏幕下方。如果不好記憶,可以把snackbar看成是帶有icon交互的特殊toast。
Toast
Toast&Snackbar
Snackbar
03
—
反饋的適用場(chǎng)景
Dialog(對(duì)話框):一般用于很重要或者有風(fēng)險(xiǎn)的操作,主要為復(fù)雜信息、關(guān)鍵信息提示、關(guān)鍵阻斷等。但目前來說對(duì)話框的設(shè)計(jì)樣式繁多,用戶可以進(jìn)行信息錄入,也可以用于營(yíng)銷宣傳(如:彈框廣告等)。
Toast一般用作簡(jiǎn)單提示或者結(jié)果通知等非關(guān)鍵阻斷性反饋,但toast是容易被用戶忽視,而且不適合展示過多的信息,可能在用戶讀完之前就消失了??紤]信息的可讀性和用戶的使用體驗(yàn),也可采圖案+文字的組合樣式。
Snackbar多用于涉及結(jié)果反饋+用戶單項(xiàng)非關(guān)鍵操作的流程中,收藏、關(guān)注、添加等流程。
整體而言,優(yōu)先級(jí)不同的信息應(yīng)該對(duì)應(yīng)不同的視覺權(quán)重,這樣視覺權(quán)重最大的模態(tài)彈框用以展示重要的內(nèi)容。也只有讓真正重要的信息使用模態(tài)彈框,低頻而又合理的使用,才會(huì)讓用戶對(duì)于彈框提示信息重視。當(dāng)過度使用反而可能會(huì)給用戶產(chǎn)生“狼來了”心理,讓用戶不在重視App的反饋信息,這樣就失去了對(duì)應(yīng)的初衷。
同時(shí),還會(huì)有一些邊界情況,這種情況并無絕對(duì)的適用什么方式,此時(shí)則可以考慮場(chǎng)景的側(cè)重或者單純的依賴于產(chǎn)品經(jīng)理的個(gè)人偏好。
最后,希望我的這些內(nèi)容,得以讓部分新人有幫助,那可能也是讓我在產(chǎn)品之路上的開心之事,我們下期見!
聲明:本文由網(wǎng)站用戶香香發(fā)表,超夢(mèng)電商平臺(tái)僅提供信息存儲(chǔ)服務(wù),版權(quán)歸原作者所有。若發(fā)現(xiàn)本站文章存在版權(quán)問題,如發(fā)現(xiàn)文章、圖片等侵權(quán)行為,請(qǐng)聯(lián)系我們刪除。