中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文作者對彈窗4大控件進行了對比分析，非常好地闡釋了不同控件的應用場景，并通過案例進一步加深了對控件應用的理解。

大家平時做完一個項目有沒有總結的習慣呢？最近我一直在分析彈窗相關的知識點，原本覺得彈窗很簡單沒啥可分析的，大家基本也清楚什么情況下該用什么彈窗，但是發現一些同學在設計時仍然會出現濫用的情況，主要原因還是知識沒有內化。

如何才能把看過的文章內化成自己的知識呢，那就是多發現問題，比如之前我在寫彈窗的總結文章時就發現了3個問題：

問題一：警示類彈窗用 Alert 好還是 Action Sheets 好？

問題二：Toast的位置在界面頂部、居中、底部都有，三者哪個好？

問題三：Snackbar和Toast有啥區別？

當然發現問題并不能達到知識的內化，重要的是去分析并解決這些問題，這樣以后在設計時就能做到有理有據，不會濫用了。

一、了解四大控件

談問題之前我們先了解寫這些英文控件分別代表什么：Alert（對話框）、Action Sheets（控制面板）、Toast（小提示）、Snackbar（快捷提示）。

1. Alert：對話框是一種模態彈窗，當用戶將進行一些危險或者不可逆操作時，系統將會以Alert對話框的形式提醒用戶是否還繼續操作，起到警示的作用，其阻斷感強，操作不可忽略。
2. Action Sheets：控制面板是Alert的一種延伸，也是模態彈窗，用戶必須進行操作，彈窗才會消失，和Alert的區別是Action Sheets擁有更多的功能按鈕，其重點在操作。
3. Toast：是一種非模態彈窗，他一般出現在頁面的任何位置，顯示幾秒然后自動消失，其阻斷感弱，一般用來顯示操作結果，或者表單未填寫提示。
4. Snackbar：是 Google Material Design 中提供的一種兼容提示與操作的消息控件。其和Toast類似，在不操作的情況下幾秒后自動消失，同時向下滑動也可忽略消息。

二、界面位置的強弱

通過分析上面提出的三個問題，不難看出其實就是位置強弱的選擇，因此在解決問題之前，我們先來了解下APP界面中位置的強弱對比。

一個界面我們可以將其分為上中下三個部分，如下圖：

其中中間部分為用戶的視覺焦點，最吸引用戶的注意，當然對用戶的干擾也比較大，因此在使用時往往將重要的彈窗信息放在此處，比如對話框、二次確認等。

上下兩個部分的權重相當（上部略大于下部），對用戶的吸引和干擾都小于中間，因此我們可以把通知、不太重要的操作放在這兩個位置。

三、解決問題

了解了界面中位置的強弱，我們在回到最初的問題，就能更好的判斷了。

1. 警示類彈窗用 Alert 好還是 Action Sheets 好？

在一般的Alert和Action Sheets的對比文章中，大多區別是Action Sheets可以包含更多的按鈕，同時暫用空間小，而Alert一般只支持2個按鈕。

但是當都是警示類彈窗、都只有2個按鈕又該如何判斷呢？這時候就可以通過彈窗的強弱來判斷。

• 微信提倡用完即走，因此當用戶退出時并沒有做過多的挽留，這時候我們可以使用Action Sheets控件，其阻斷感小，用戶能很快的完成退出操作。
• QQ從彈窗的文案上我們就能看出，當用戶退出時連續登陸的記錄將被清零，QQ達人圖標變灰，通過這樣的方式盡力挽回用戶。因此采用Alert對話框阻斷感更強，更合適。

2. Toast的位置在界面頂部、居中、底部都有，三者哪個好？

Toast的位置從常規來看，安卓端一般在界面底部；iOS端在界面的中部，但并不是所有產品都遵循這一原則。

有的產品也將Toast放在頂部，同時iOS中也有部分APP放在底部。那么具體什么位置好一點呢？同樣我們可以根據位置的強弱進行分析。

• 淘票票選擇電影最佳觀影區提示，這些提示信息對用戶操作并沒有影響，因此放到中部可以減少對用戶的阻斷感，同時相對底部來說又更容易被注意到。
• 菜鳥裹裹當為選擇收件人地址時，點擊立即下單系統會采用Toast提示你，這時候放到界面中間能夠很好的引起用戶注意。
• 貓眼的選座提示，其實和淘票票一樣的功能，但是其放在界面底部，對用戶的干擾最小。

3. Snackbar和Toast有什么區別？

在應用時Snackbar和Toast有點類似，現在也可以看到一些APP已經將Toast換成了Snackbar，那他們有什么區別呢？

Snackbar和Toast的一樣有時間限制，若用戶不回應，他將在幾秒后自動消失，其區別是Snackbar提供一個或者2個功能按鈕。

AudioClip當我選擇標記音樂時，他直接用Snackbar提示需要登錄，這樣并不會打擾用戶當然的操作，如果用戶不想登錄，直接忽略即可。

劃重點

1. 當你不知道用Alert還是Action Sheets時可根據彈窗的強度來選擇，如果強度大就選擇Alert，強度小九選擇Action Sheets；
2. Toast在使用時首先可根據平臺規范來選擇，其次在部分位置可根據具體場景來放置；
3. 當反饋信息不需要太強的阻斷感時，采用Snackbar代替Toast也是一個不錯的選擇。從用戶體驗上來說，用戶操作起來會更順暢。

作者：風箏KK，《UI那些事兒》作者；公眾號：海鹽社

本文由 @風箏KK 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議