關(guān)于有效的確認(rèn)對(duì)話框設(shè)計(jì)的一些規(guī)范以及最佳實(shí)踐

2018-06-21 2157 0

設(shè)計(jì)師對(duì)于確認(rèn)行為的設(shè)計(jì)也不應(yīng)掉以輕心,如果遇到錯(cuò)誤、或者一些意外情況可能導(dǎo)致用戶的誤操作而引起嚴(yán)重的損失,本文將分享關(guān)于有效的確認(rèn)對(duì)話框設(shè)計(jì)的一些規(guī)范以及最佳實(shí)踐。

 

確認(rèn)行為一般用以詢問用戶去確認(rèn)他/她是否執(zhí)行或者取消某一請(qǐng)求。確認(rèn)請(qǐng)求通常會(huì)在執(zhí)行一些毀滅性的操作,如刪除相冊(cè)中的照片,或者是一些相對(duì)重要的操作,如發(fā)表一篇文章。

 

Medium 在用戶發(fā)布文章時(shí)確認(rèn)用戶期望發(fā)布該文章的工具設(shè)計(jì)

 

確認(rèn)行為并不是一直都需要的,而且確認(rèn)請(qǐng)求的使用實(shí)際上會(huì)增加用戶的誤操作。如果一個(gè)用戶被不斷的詢問對(duì)每一個(gè)操作進(jìn)行再次確認(rèn),用戶將最終忽視這些確認(rèn)請(qǐng)求。確認(rèn)請(qǐng)求在一些能夠容易找回或者不太重要的情形下則不必使用。

 

推薦用法:

1.     將確認(rèn)的行為作為問題顯示在標(biāo)題的位置

2.     在確認(rèn)對(duì)話框內(nèi)部對(duì)該行為即將產(chǎn)生的后果給出解釋

3.     通過按鈕再次重復(fù)將要執(zhí)行的操作

 

避免以下用法:

1.     運(yùn)用模棱兩可的問題提,如:“你確定嗎?”

2.     請(qǐng)求確認(rèn)的內(nèi)容用的是非描述性的語(yǔ)言

3.     運(yùn)用“是/否”作為操作按鈕

4.     “取消”會(huì)使用戶困惑,如,當(dāng)詢問一個(gè)毀滅性的確認(rèn)行為時(shí),詢問的語(yǔ)句是若是取消進(jìn)行更改,用戶則有可能誤解“取消”是執(zhí)行取消的動(dòng)作而不是取消該確認(rèn)的對(duì)話框。

 

確定請(qǐng)求可包含多種交互形式以確保用戶對(duì)即將產(chǎn)生的后果有明確的理解。如,運(yùn)用勾選復(fù)選框來(lái)表明行為的意圖或者輸入密碼進(jìn)行確認(rèn)。

Invision的確認(rèn)對(duì)話框模型需要用戶通過勾選復(fù)選框選項(xiàng)來(lái)明確告知用戶刪除原型之后會(huì)產(chǎn)生的結(jié)果

 

確認(rèn)請(qǐng)求的表現(xiàn)形式可以是多種多樣的,如嵌入行內(nèi),模式的對(duì)話框以及工具提示的方式。一些免費(fèi)的Sketch關(guān)于確認(rèn)行為的設(shè)計(jì),歡迎在你下一個(gè)項(xiàng)目中使用。

 

以模式、工具提示以及內(nèi)嵌入行為表現(xiàn)形式的確認(rèn)對(duì)話框的設(shè)計(jì)。下載Sketch文件

 

未來(lái)的確認(rèn)行為操作方式

 

 

2014年,我寫了關(guān)于Building a better button 的文章。文章是在“扁平化設(shè)計(jì)”趨勢(shì)下的思考,因?yàn)榘粹o看起來(lái)越來(lái)越不像按鈕,所以我擔(dān)心用戶可能在無(wú)意識(shí)狀態(tài)下會(huì)有某些誤操作,我解決這個(gè)問題的想法是設(shè)計(jì)一個(gè)需要比點(diǎn)擊或者輕擊更為謹(jǐn)慎交互的按鈕。

 

在即將到來(lái)的2017年,虛擬現(xiàn)實(shí)、增強(qiáng)現(xiàn)實(shí)、可穿戴設(shè)備、以及各種基于手勢(shì)/聲音的界面將成為主流,我們即進(jìn)入一個(gè)充滿靈巧敏捷以及交互方式發(fā)生極大變化的時(shí)代,這些變化會(huì)影響我們調(diào)用行為方式的思考嗎?

 

你認(rèn)為確認(rèn)行為的設(shè)計(jì)會(huì)發(fā)生什么變化呢?哪些好的方式會(huì)出現(xiàn)呢?

 

 


25
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦