alert是什么意思?

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

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

其實(shí)討論“狀態(tài)可見原則”就是討論如何把“反饋”設(shè)計(jì)得更合理。下面我從產(chǎn)品常見的幾大異常狀態(tài)切入，討論出現(xiàn)異常狀態(tài)時(shí)對(duì)應(yīng)的解決方案，讓錯(cuò)誤狀態(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ò)連接時(shí)，導(dǎo)致網(wǎng)頁/APP無法傳輸數(shù)據(jù)導(dǎo)致的異常狀態(tài)。網(wǎng)絡(luò)異常通常有兩種觸發(fā)場景：

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

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

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

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

1. 缺省頁面提示

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

2. tips提示

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

3. toast提示類

toast(不帶交互性)

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

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

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

Snackbars(帶交互性)

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

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

Snackbars使用原則：

Snackbars演示示例：

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

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

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

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

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

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

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

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

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

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

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

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

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