交互網(wǎng)頁(yè)設(shè)計(jì)實(shí)例:你好,對(duì)話(huà)框
“怎么了?”除非你對(duì)某類(lèi)對(duì)話(huà)框已司空見(jiàn)慣,否則遇到,第一反應(yīng)往往是這樣的?這種體驗(yàn)就像你明明急著去趕車(chē),途中卻不斷被攔住塞傳單一樣。不能否認(rèn),它是一種打斷,有時(shí)甚至?xí)蔀榇驍_。做為設(shè)計(jì)師,雖知“打斷”暫不能杜絕,但不使之變?yōu)?ldquo;打擾”,卻是我們?cè)撆ψ龅降模?/p>
① 多次打斷=打擾
隔一個(gè)小時(shí)打斷你一下,你或者還可以忍受。若是1分鐘內(nèi)好幾次打斷你,想起來(lái)就抓狂吧?這也是Chrome為什么在判斷此網(wǎng)頁(yè)多次出現(xiàn)對(duì)話(huà)框“打斷“用戶(hù)后,出現(xiàn)這么一個(gè)”禁止此頁(yè)再顯示對(duì)話(huà)框“的選項(xiàng)。
把握住一個(gè)原則:能不用對(duì)話(huà)框就盡量不要對(duì)話(huà)框。除非以下兩種情況:
A.某個(gè)操作是具有很大風(fēng)險(xiǎn)的,或者不可逆的。
下面請(qǐng)你用此原則做判斷,此對(duì)話(huà)框的出現(xiàn)是否合理:
在win7系統(tǒng)下,每刪除一個(gè)文件都會(huì)出一個(gè)對(duì)話(huà)框請(qǐng)我確認(rèn)是否刪除
?。ㄌ崾荆阂话愕膭h除真的是不可逆嗎?windows還有個(gè)回收站,從回收站找回又會(huì)費(fèi)很大成本嗎?)
B.無(wú)法預(yù)先避免,一定需用戶(hù)確認(rèn)的。
下面請(qǐng)你用此原則做判斷,此對(duì)話(huà)框的出現(xiàn)是否合理:
活動(dòng)已經(jīng)結(jié)束,“投票“仍呈可點(diǎn)態(tài),點(diǎn)擊后對(duì)話(huà)框告知我一切都結(jié)束了
概括一下,在準(zhǔn)備設(shè)計(jì)一個(gè)對(duì)話(huà)框之前,請(qǐng)“三”思,打斷真的有必要嗎,值得嗎:
② 表意不清=打擾
A.問(wèn)“是/否”還是“確定/取消”
先溫習(xí)下語(yǔ)文:
那么再回到我們的對(duì)話(huà)框:
情景1:用戶(hù)點(diǎn)擊了退出,為了避免用戶(hù)是誤操作,你再詢(xún)問(wèn)用戶(hù)真的要退出,此時(shí)是用“是/否”還是“確定/取消”好?
建議:
既然是點(diǎn)了“退出”,真想退出的概率還是遠(yuǎn)多過(guò)誤操作的概率,那么,這里面就是有一個(gè)很強(qiáng)的“是的,我要退出”的前提在。
如果你接著出對(duì)話(huà)框問(wèn)“你是否要退出?”用戶(hù)可能會(huì)莫名其妙,我都點(diǎn)了“退出”了,你還在問(wèn)我是否,我不已經(jīng)選擇了嗎?
而用“你確定要退出?”就能給用戶(hù)一個(gè)訊號(hào),我們知道他選擇了退出,這里只是一個(gè)再確認(rèn)。
情景2:Chrome瀏覽器有一個(gè)功能,當(dāng)你第一次打開(kāi)一個(gè)外文站點(diǎn),他要出一個(gè)對(duì)話(huà)框詢(xún)問(wèn)你的意見(jiàn)要不要翻譯。這個(gè)時(shí)候該用“是否”來(lái)詢(xún)問(wèn)還是“確定”呢?
建議:
既然是第一次打開(kāi),我們無(wú)法判斷用戶(hù)是希望翻譯還是不希望:現(xiàn)在英文普及度高,有些用戶(hù)可能就是喜歡讀原汁原味的,有些則希望看翻譯領(lǐng)會(huì)大致意思即可。即便是同一個(gè)人,在不同時(shí)段,有時(shí)會(huì)希望看翻譯后的網(wǎng)站,有時(shí)則會(huì)希望看原始網(wǎng)站。
不能揣測(cè)出用戶(hù)的意思的時(shí)候,這里顯然要用“是否”來(lái)做詢(xún)問(wèn)。這也是chrome現(xiàn)在的做法:
B.所答該所問(wèn)
看到這里,你或者會(huì)有疑問(wèn),之前舉的Chrome的例子,問(wèn)“是否需要翻譯?”答的是“翻譯/否”啊,壓根沒(méi)出現(xiàn)“是”啊。請(qǐng)接著往下看…
C.能否即不是“是/否”也不是“確定/取消”
看來(lái)用明確的動(dòng)詞好像是好于“確定”的?
也不全是,當(dāng)你在問(wèn)題中提到的點(diǎn)很希望得到用戶(hù)的注意,或者是這個(gè)操作不是幾個(gè)字就能說(shuō)清,需要在問(wèn)題中詳細(xì)描述時(shí)。此時(shí)用“確定”會(huì)更合適。
即在有些時(shí)候(上面已分析):
“是/否”也可演變?yōu)?ldquo;某具體動(dòng)詞/否”;
“確定/取消”也可演變?yōu)?ldquo;某具體動(dòng)詞/取消”的組合。
D.一定要用“是否”或“確定”做設(shè)問(wèn)嗎?
情景:用戶(hù)讀連載小說(shuō),連續(xù)閱讀直到一需付費(fèi)的章節(jié),出現(xiàn)一對(duì)話(huà)框,提示你需要花30Q點(diǎn)購(gòu)買(mǎi)才可以閱讀,你會(huì)用下面的哪個(gè)對(duì)話(huà)框?
對(duì)話(huà)框2,“購(gòu)買(mǎi)此章”的button也起到了引導(dǎo)作用,又直觀(guān)??蓻](méi)用“確定”購(gòu)買(mǎi)的問(wèn)句,也沒(méi)用“確定”的button,會(huì)有問(wèn)題不?
可用性上看,沒(méi)有問(wèn)題。
那這里用對(duì)話(huà)框1和對(duì)話(huà)框2有什么區(qū)別?有優(yōu)劣之分嗎?
那再次咬文嚼字一下:剛才在區(qū)分“是/否”和“確認(rèn)/取消”的時(shí)候,就已經(jīng)說(shuō)過(guò)在問(wèn)“確定”之前,其實(shí)我們心中就已經(jīng)有一個(gè)“是”前提了。
在現(xiàn)在這個(gè)情景下,用戶(hù)不是在確定了購(gòu)買(mǎi)意向,點(diǎn)擊了“購(gòu)買(mǎi)”后,然后彈出一個(gè)告知其更多信息,再次確定其是否真的購(gòu)買(mǎi)的對(duì)話(huà)框。
而是用戶(hù)在試讀,讀完一章又一章的免費(fèi)章節(jié),他其實(shí)都無(wú)法預(yù)料從哪一章就要開(kāi)始收費(fèi)了。
所以這個(gè)對(duì)話(huà)框的出現(xiàn),是不含任何“是”的前提的,同時(shí)也是沒(méi)有預(yù)期的。
此時(shí)陳述給用戶(hù)一個(gè)事實(shí),更偏向于一種告知。而寫(xiě)明“購(gòu)買(mǎi)此章”的按鈕更起到了一種建議和引導(dǎo)作用。
若問(wèn)“你確定….”就像你還不清楚一個(gè)人是否有買(mǎi)房計(jì)劃,也不清楚對(duì)方是否喜歡這個(gè)房子,就直接叫人家交錢(qián)一樣。會(huì)略顯唐突了。
咬文嚼字結(jié)束。如果你認(rèn)同,那就嚴(yán)謹(jǐn)起來(lái),讓你的用戶(hù)見(jiàn)到對(duì)話(huà)框時(shí),說(shuō)“你好”,而不是“討厭”。
本文地址:http://m.likemindfilms.com/tutorial/id1173.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁(yè)前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁(yè)設(shè)計(jì)中引人入勝的引導(dǎo)頁(yè)設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開(kāi)始
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏