建站常識

確認(rèn)頁的設(shè)計(jì)(三)——一些注意事項(xiàng)

2009-05-13 08:34:00

讓我立馬注意到——否則就沒必要確認(rèn)。
必須得與當(dāng)前頁面區(qū)分，凸顯出來。所以一般二次確認(rèn)頁面彈出時(shí)，當(dāng)前頁面應(yīng)該屏蔽使用。

讓我不反感——除非想趕走客戶。
視事件本身的嚴(yán)重程度采用適合的圖標(biāo)（信息、錯(cuò)誤、問號）、措辭，視覺變化不至于太過突然。

讓我一看就知道如何選擇——稀里糊涂，詞不達(dá)意的二次確認(rèn)是最要命的
已經(jīng)干擾了正常流程，再讓用戶在一個(gè)彈出頁面上思考不知所措？
短句子，不兜圈，信達(dá)雅的文案，與文案相符的操作。

這些大原則有效的前提是：確實(shí)是必要的時(shí)機(jī)?！愕亩未_認(rèn)頁真的是必要的嗎？

注：以上大原則，heidi原創(chuàng)，不可照搬，謹(jǐn)防出錯(cuò)。

注意事項(xiàng)：

時(shí)機(jī)——確認(rèn)是必要的時(shí)機(jī)（我怎么這么羅嗦呀）
形式——是不是采取了合適的形式（有哪些形式？），注意不要用二次確認(rèn)頁魚目混珠，我看到很多網(wǎng)站把成功頁面做成像二次確認(rèn)頁一樣，居然還有個(gè)感嘆號來警示用戶“操作已經(jīng)成功”……
文案——這個(gè)太重要了，呆會單獨(dú)說。
icon——這個(gè)太重要了，呆會單獨(dú)說。
出錯(cuò)控制——heidi在這里定義的出錯(cuò)控制是：二次確認(rèn)頁應(yīng)該給出建議性的下一步操作，默認(rèn)的動(dòng)作。
結(jié)構(gòu)——這個(gè)頁面不需要太多創(chuàng)新，最保險(xiǎn)的方式就是照顧用戶已有的習(xí)慣，用主流的結(jié)構(gòu)去呈現(xiàn)。
文案太重要了：

1. button的文案——需要讓用戶思考。

很多時(shí)候我們發(fā)現(xiàn)一個(gè)頁面很莫名其妙，很不容易理解，仔細(xì)看看，原來是文案沒有傳達(dá)清楚。

如果二次確認(rèn)頁面也出現(xiàn)含糊不清，模棱兩可的文案，那是最糟糕的事情。

大家看得明白下面三個(gè)二次確認(rèn)頁的區(qū)別嗎？——資料來自《windows vista UX guide》

三者的區(qū)別在于button引導(dǎo)文案，先使用官方資料：

第一個(gè)二次確認(rèn)頁面：windows認(rèn)為是不合理的二次確認(rèn)頁，因?yàn)樗鸩坏皆撈鸬淖饔茫驗(yàn)橛脩舯旧砭褪峭ㄟ^點(diǎn)擊“uninstall”操作看到這個(gè)頁面，當(dāng)他看到button上的文案還是“uninstall”的時(shí)候，他幾乎不會去閱讀二次確認(rèn)的問題和描述，直接就會點(diǎn)擊“uninstall”。而windows認(rèn)為二次確認(rèn)頁至少是需要用戶思考一下再做操作的（不然還真的沒必要）。——Do make me think。

第二個(gè)二次確認(rèn)頁面：windows認(rèn)為是合適的，使用yes和no作為button的文案，用戶在點(diǎn)擊前，至少會思考一下yes和no分別對應(yīng)的后果，因此他會去看描述。

第三個(gè)二次確認(rèn)頁面：windows認(rèn)為也是靠譜的。一個(gè)簡單的anyway作用很大……體會一下。

Yes/No和OK/Cancel的button文案搭配大家似乎在英文站點(diǎn)上司空見慣了。好像是可以相互替代的是嗎？

這是一個(gè)被我YY出來的案例，但是實(shí)際上確實(shí)存在著?，F(xiàn)實(shí)生活中，某個(gè)人負(fù)責(zé)寫二次確認(rèn)頁面文案，但是button上顯示的文案有時(shí)卻得走"規(guī)范"，統(tǒng)一使用YES或者OK(比如)，至于點(diǎn)擊了button到什么頁面是由設(shè)計(jì)師和工程師決定的。就會導(dǎo)致以上矛盾的情況：button和文案牛頭不對馬嘴，點(diǎn)擊后卻又是另外的情況……

2. 頁面的文案——足夠的信息講明白后果。