alert是什么意思?

alert系統(tǒng)應(yīng)該讓用戶時刻清楚當(dāng)前發(fā)生了什么事情，也就是快速的讓用戶了解自己處于何種狀態(tài)、對過去發(fā)生、當(dāng)前目標(biāo)、以及對未來去向有所了解，一般的方法是在合適的時間給用戶適當(dāng)?shù)姆答?，防止用戶使用出現(xiàn)錯誤。

我們知道，用戶在和頁面發(fā)生交互時會遇到各種狀態(tài)，此時需要通過一定的界面反饋將信息反饋給用戶，“反饋”是人機(jī)交互最重要的原則，無論是視覺(界面變化)、聽覺(聲音提醒)、觸覺(震動)，都可以幫助用戶理解自己所在頁面的狀態(tài)及接下來會發(fā)生了什么、怎么做。

其實討論“狀態(tài)可見原則”就是討論如何把“反饋”設(shè)計得更合理。下面我從產(chǎn)品常見的幾大異常狀態(tài)切入，討論出現(xiàn)異常狀態(tài)時對應(yīng)的解決方案，讓錯誤狀態(tài)“可見”。

alert常見9種異常

網(wǎng)絡(luò)異常

空狀態(tài)

服務(wù)器異常

流量模式警告

版本不兼容

操作失敗

無權(quán)限

功能建設(shè)狀態(tài)

內(nèi)容刪除、違規(guī)導(dǎo)致的查看異常

一、網(wǎng)絡(luò)異常狀態(tài)提示

當(dāng)設(shè)備丟失網(wǎng)絡(luò)連接時，導(dǎo)致網(wǎng)頁/APP無法傳輸數(shù)據(jù)導(dǎo)致的異常狀態(tài)。網(wǎng)絡(luò)異常通常有兩種觸發(fā)場景：

自動觸發(fā)：斷網(wǎng)后，用戶進(jìn)入軟件時，程序檢測到無網(wǎng)絡(luò)，自動提示

被動觸發(fā)：斷網(wǎng)時用戶在軟件內(nèi)操作，系統(tǒng)被動觸發(fā)無網(wǎng)絡(luò)提醒

在無網(wǎng)絡(luò)的情況下打開APP時頁面需要刷新，此時需要提醒用戶網(wǎng)絡(luò)問題，常見的提醒方式有如下四種，分別適合于不同的應(yīng)用場景：

對于這幾種提示類型，除了本篇討論的斷網(wǎng)提示之外，還有很多的其它的應(yīng)用場景，如操作提示、進(jìn)度提醒、程序提醒等。我們來看下各種提示形式的特點及應(yīng)用場景。

1. 缺省頁面提示

在內(nèi)容更新頻繁的內(nèi)容型產(chǎn)品(如視頻、帖子動態(tài)類)中常用缺省頁的形式表現(xiàn)無網(wǎng)絡(luò)狀態(tài)，直接明了，附有個性化插圖及提示文案，同時帶有【刷新】或者【解決方案】入口，引導(dǎo)用戶點擊查看原因解決問題。

2. tips提示

tips提示常見于頁面頂部或者底部固定，更適用于于信息列表類頁面，如圖示的釘釘及等，采用tips的形式，樣式上與列表形式更接近、和諧統(tǒng)一。點擊后可以跳轉(zhuǎn)系統(tǒng)設(shè)置或幫助頁面。

3. toast提示類

toast(不帶交互性)

toast提示的特點是彈出后自動消失(一般至少為1s)，視覺層級高，能夠吸引用戶的注意力。消失后用戶可以在軟件中繼續(xù)其它點擊動作。但是由于存在時間短，容易被用戶忽視，所以一般不會放置過多文字和重要信息。

此種方式很適合比較用于有不需要聯(lián)網(wǎng)即可查看/使用部分功能內(nèi)容(緩存)的產(chǎn)品中，比如網(wǎng)易云音樂，無網(wǎng)絡(luò)時仍然可以選擇聽本地歌曲。

表現(xiàn)形式上，toast出現(xiàn)的位置以中、上為主，因為它的出現(xiàn)是在動作之后，所以位置不能偏離動作發(fā)生位置過多，以免造成視覺的跳躍感。

Snackbars(帶交互性)

Material Design(Android)中有一個與常見Toast類似的提示–Snackbars，是一種針對操作的輕量級反饋機(jī)制，一般在頁面下方浮出，在該頁面層級最高，同樣在一定時間后自動消失。

與toast最大的區(qū)別是允許用戶交互，用戶可以手動點擊頁面其它地方或手動滑動關(guān)閉snackbars，有時也會帶有操作按鈕，提供繼續(xù)或撤銷功能。

Snackbars使用原則：

Snackbars演示示例：

4. 模態(tài)彈窗(Alert)

模態(tài)彈窗打斷用戶的操作，用于提供重要信息或者要求用戶決策。出現(xiàn)時會禁用所有的應(yīng)用程序功能，并且一直顯示在屏幕上，直到用戶選擇確認(rèn)、關(guān)閉或已采取必要措施為止。但由于會打斷用戶，所以要謹(jǐn)慎使用。

模態(tài)彈窗的使用原則：

因此模態(tài)彈窗更適用于以下兩種情景：

阻止應(yīng)用正常運行的錯誤

需要特定用戶任務(wù)，決策或確認(rèn)的關(guān)鍵信息

網(wǎng)絡(luò)異常反饋形式總結(jié)：

對于不同情景下的網(wǎng)絡(luò)異常提示，我們需要區(qū)別考慮，選用最優(yōu)的狀態(tài)反饋方式，我認(rèn)為有以下幾點在之后的設(shè)計中可以運用：

對于一般的列表消息類的APP，采用相對簡單、與整體列表和諧的tips提示，可以加入跳轉(zhuǎn)邏輯，如引導(dǎo)用戶查看幫助等

對于內(nèi)容類產(chǎn)品，經(jīng)常需要刷新頁面讀取最新動態(tài)內(nèi)容的產(chǎn)品，采用toast提示，一般存在1-2s，需要注意不要放置過多文字

toast的延伸類型snackbars可以加入按鈕、拖拽關(guān)閉等，比常規(guī)toast更具備交互性，可以用于向用戶展示一些比基礎(chǔ)的正確/錯誤反饋稍重要些的提示

除非重要信息提醒/緊急情況，慎用/不用模態(tài)彈窗

關(guān)鍵詞： alert是什么意思 alert常見9種異常 模態(tài)彈窗的使用原則 網(wǎng)絡(luò)異常反饋形式總結(jié)