建站常識
確認頁的設(shè)計(confirmation alert)(一)
2009-05-04 08:19:00
以上的那個圖,就是本文的主角:二次確認頁,她的英文名是confirmation alert。
此文的背景:當時為什么想做這個二次確認頁的研究,也是由于當時做的一個項目。當時那個項目出現(xiàn)了很多個二次確認頁。
有很多人的意見:
“啥?刪除地址也要二次確認?不用吧”
“這里為什么不確認一下呀?直接就提交了?填錯了怎么辦?”
“刪除前,怎么不加個確認呀?”
“……”
確認頁越來越多了,在最后大家看demo的時候,又一致覺得我們太羅嗦了。
究竟有沒有一些原則和規(guī)范可以指導(dǎo)二次確認頁的用法的?所以一邊做項目,就一邊進行一些分析了。最近在研究《windows vista UX Guide》,發(fā)現(xiàn)它里面的很多內(nèi)容非常有營養(yǎng),也對我之前純原創(chuàng)內(nèi)容進行了一些補充。于是分享分享吧,將原來的ppt做了一些摘選如下。
內(nèi)容:
1. 什么是二次確認頁(定義以及特征)
2. 什么時候用?
3. 形式的抉擇?
4. 一些注意事項。
一,什么是二次確認頁?
二次確認頁其實就是Confirmation Alert,屬于Alert家族中重要的一員。
英文定義:A confirmation is a modal dialog box that asks if the user wants to proceed with an action.
翻譯成漢語大概就是:一個確認頁是一種詢問用戶是否想繼續(xù)執(zhí)行某個動作的對話框。
二次確認頁面的特點:
直接出現(xiàn)在用戶剛剛發(fā)起的某個操作之后。
詢問并確認用戶是否想要繼續(xù)之前的操作。
一般會包含一個簡單的問題和兩到三個操作。
二.什么時候用到二次確認?
二次確認的好處是:
減少誤點擊
避免動作中斷時的損失(保存確認)
使操作更加慎重
安全性(有的二次確認還需要用戶輸入密碼)
缺點是:
干擾了正常的操作流程,不恰當?shù)亩嘤嗟亩未_認面還會讓客戶心生厭煩。
在一些鼓勵的流程中,二次確認頁還會形成巨大的漏斗效應(yīng),直接造成客戶流失。
因此,白話大原則:
1、能不用就不用;——什么時候不能用?下文。
2、必要時才用;——什么是必要的時候?下文分解。
3、用了就讓人明白?!趺醋??別離開,我們一起討論一下。
什么時候用呢?
1. 保存確認(Save Confirmation)
例:填寫表單中途離開,郵件寫了一半關(guān)閉瀏覽器,文檔未保存狀態(tài)下點關(guān)閉。
確認的目的:避免誤操作或損失。
2. 刪除確認(delete confirmation)
例:開心網(wǎng)賬戶的刪除(不能恢復(fù)),刪除好友或文件等。
注意:并不是所有的刪除都需要確認,例外情況有如:頻繁的操作(如刪除郵件),不重要的刪除或者恢復(fù)成本較低。
3. 其他重要且后果不可逆的操作
例:淘寶的確認收貨并同意放款,百度有啊的撤銷退款協(xié)議。
確認的目的:告知后果使操作謹慎,避免誤操作。
4. 重要且不推薦的操作
確認的目的:通過確認讓用戶更改選擇。
最典型的例子莫過于淘寶的“評價確認”:
二次確認頁的特征既然是存在兩個以上的操作選擇,所以當只存在一種選擇的時候,無論頁面長得再怎么像確認頁,也不是。
例如以下的頁面:
【系列文章】——待續(xù):
確認頁的設(shè)計(confirmation alert)(二)——二次確認頁都有哪些形式,如何抉擇?
確認頁的設(shè)計(confirmation alert)(三)——一些使用中的注意事項
原文:http://heidixie.blog.sohu.com/115576055.html
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2016-08-23 16:31:00] 關(guān)于iOS7的設(shè)計方面變化
- [2010-09-25 15:03:00] 交互設(shè)計雜七雜八
- [2009-09-25 07:53:00] 背著包袱跳著走
- [2010-11-11 08:26:00] 瞬間的快感之細節(jié)提升用戶滿意度
- [2009-06-12 08:33:00] 交互設(shè)計師是一個沒有前途的工作?(譯)
- [2009-07-07 08:01:00] 面包屑設(shè)計
- [2009-05-08 08:11:00] 交互設(shè)計:不是什么和是什么
- [2010-02-26 21:52:00] 交互設(shè)計(10)—別讓我思考
- [2009-08-10 08:05:00] 從品牌網(wǎng)站看交互設(shè)計
- [2010-01-04 09:07:00] 交互設(shè)計(4)—“有效性”之“簡潔清晰,自然易
- [2009-12-16 17:45:00] 交互設(shè)計模式(四)-Spatial Memory(空間記憶)
- [2010-09-03 15:20:00] 案例—減少用戶的思考
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
H5專題頁面 網(wǎng)站設(shè)計資訊 HTML5 青島輪胎網(wǎng)站設(shè)計 H5 網(wǎng)站的速度 程序開發(fā) 網(wǎng)站推廣 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)站建設(shè) 青島做網(wǎng)站多少錢 青島輪胎網(wǎng)站設(shè)計公司 中小型企業(yè)網(wǎng)站建設(shè) 網(wǎng)站SEO 海信網(wǎng)絡(luò)科技 企業(yè)網(wǎng)站建設(shè) 舒適的界面 青島高端網(wǎng)站設(shè)計公司哪家好 網(wǎng)站策劃 青島網(wǎng)站案例 輪胎網(wǎng)站設(shè)計 微信開發(fā) 交互設(shè)計 青島網(wǎng)站優(yōu)化 青島IT資訊 集團性網(wǎng)站 青島好的網(wǎng)站優(yōu)化公司 html和css 青島網(wǎng)站設(shè)計哪家好 外貿(mào)網(wǎng)站設(shè)計