確認(rèn)框，顧名思義，對(duì)關(guān)鍵的用戶(hù)行為進(jìn)行確認(rèn)，比如“詢(xún)問(wèn)是否刪除”，“告知已刪除”。根據(jù)網(wǎng)上的觀(guān)察，發(fā)現(xiàn)有的網(wǎng)站對(duì)確認(rèn)框的設(shè)計(jì)缺乏合理性。本文談?wù)勛约旱乃伎肌?/p>

類(lèi)別

根據(jù)觸發(fā)目的，確認(rèn)框分為兩類(lèi)：詢(xún)問(wèn)和告知。

詢(xún)問(wèn)

轉(zhuǎn)推的確認(rèn)框

詢(xún)問(wèn)，類(lèi)似 Javascript 里的 confirm（），即：是否去做？

告知

Flickr 的告知

告知，類(lèi)似 Javascript 里的 alert（），即：做的狀態(tài)。

必要性

任何阻礙（打斷）用戶(hù)行為的動(dòng)作，都應(yīng)該三思而后行。冷靜下來(lái)，我們真的、一定、必須打斷用戶(hù)的動(dòng)作嗎？不妨思考下面三個(gè)問(wèn)題，來(lái)考量“必要性”。

行為是否主動(dòng)

是。既然是用戶(hù)自己主動(dòng)做了這個(gè)決定，那么確認(rèn)框有設(shè)計(jì)過(guò)度之嫌

不是，但用戶(hù)容易誤操作。先解決“誤操作‘的問(wèn)題，再來(lái)談確認(rèn)框吧

不是。剔除確認(rèn)框

結(jié)果能否挽回

不能。真的不能嗎？難道不知道這對(duì)于用戶(hù)來(lái)說(shuō)非常重要嗎

真的不能。使用確認(rèn)框

能。剔除之

信息可否忽略

不可以。真的不可以嗎？流程上不能再優(yōu)化了嗎

真的不可以。使用確認(rèn)框

可以。剔除之

必要性（上新浪微博，下騰訊微博）

兩大微博都只能最多添加10個(gè)標(biāo)簽，超出限制后，它們的確認(rèn)框如上。孰優(yōu)孰劣？

設(shè)計(jì)

做確認(rèn)框，就要保證其可用性。

可控

根據(jù)可控的程度分為：原生和彈出層兩種。

Javascript 原生類(lèi)型

JS 代碼原生的 confirm（） 確認(rèn)框好處只有一個(gè)，那就是編碼方便。弊端有：

樣式因操作系統(tǒng)（和瀏覽器）而異

體驗(yàn)無(wú)法與全站融洽

無(wú)法更改按鈕文案和樣式

沒(méi)有檔次

沒(méi)有情感

彈出層類(lèi)型

注意：這里談的不是彈出層，而是彈出層類(lèi)型的確認(rèn)框。

彈出層，因?yàn)槭羌兪止ぞ帉?xiě)，完全可控，宏觀(guān)上有：

遮罩。使用遮罩，因?yàn)榇_認(rèn)框里的內(nèi)容很重要。顏色則取決于網(wǎng)站的情感基調(diào)，與重要性無(wú)關(guān)（因?yàn)檎娴暮苤匾�）；保持遮罩層顏色的統(tǒng)一

位置。相對(duì)居中

標(biāo)題。不設(shè)置標(biāo)題

內(nèi)容格式。左對(duì)齊，具體格式依內(nèi)容而定

按鈕格式。居中或右對(duì)齊

圖片。沒(méi)有，或者最多一個(gè)

移動(dòng)�？梢砸苿�(dòng)，并保持滾動(dòng)

退出響應(yīng)。必須點(diǎn)擊某個(gè)按鈕才能做出相應(yīng)響應(yīng)，因?yàn)榇_認(rèn)框很重要。同理，不設(shè)置右上角的 “×”

快捷鍵�？梢钥紤]，記得照顧視覺(jué)障礙的用戶(hù)

標(biāo)簽： 交互設(shè)計(jì) 確認(rèn) 蟶杓

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀(guān)點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。