無標題文件

網頁設計網頁設計中用戶確認頁的設計

發佈者:SEO香港優化專家 - Web Design

網站設計

  在網站的網頁設計中當用戶做一些刪除等危險操作時我們經常使用確認頁對其進行提醒,那麼我們什麼時候該使用確認頁?

網頁設計中用戶確認頁的設計

 

  以上的那個圖,就是本文的主角:二次確認頁,她的英文名是confirmation alert。

  此文的背景:當時為什麼想做這個二次確認頁的研究,也是由於當時做的一個項目。當時那個項目出現了很多個二次確認頁。

  有很多人的意見:

  “啥?刪除地址也要二次確認?不用吧”

  “這裡為什麼不確認一下呀?直接就提交了?填錯了怎麼辦?”

  “刪除前,怎麼不加個確認呀?”

  “……”

  確認頁越來越多了,在最後大家看demo的時候,又一致覺得我們太囉嗦了。

  究竟有沒有一些原則和規範可以指導二次確認頁的用法的?所以一邊做項目,就一邊進行一些分析了。最近在研究《windows vista UX Guide》,發現它裡面的很多內容非常有營養,也對我之前純原創內容進行了一些補充。於是分享分享吧,將原來的ppt做了一些摘選如下。

  內容:

  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.

  翻譯成漢語大概就是:一個確認頁是一種詢問用戶是否想繼續執行某個動作的對話框。

  二次確認頁面的特點:

  直接出現在用戶剛剛發起的某個操作之後。

  詢問並確認用戶是否想要繼續之前的操作。

  一般會包含一個簡單的問題和兩到三個操作。

  二.什麼時候用到二次確認?

  二次確認的好處是:

  減少誤點擊

  避免動作中斷時的損失(保存確認)

  使操作更加慎重

  安全性(有的二次確認還需要用戶輸入密碼)

  缺點是:

  干擾了正常的操作流程,不恰當的多餘的二次確認面還會讓客戶心生厭煩。

  在一些鼓勵的流程中,二次確認頁還會形成巨大的漏斗效應,直接造成客戶流失。

 

網頁設計中用戶確認頁的設計

 

  因此,白話大原則:

  能不用就不用;——什麼時候不能用?下文。

  必要時才用;——什麼是必要的時候?下文分解。

  用了就讓人明白。——怎麼做?別離開,我們一起討論一下。

  什麼時候用呢?

  1. 保存確認(Save Confirmation)

  例:填寫表單中途離開,郵件寫了一半關閉瀏覽器,文檔未保存狀態下點關閉。

  確認的目的:避免誤操作或損失。

  2. 刪除確認(delete confirmation)

  例:開心網賬戶的刪除(不能恢復),刪除好友或文件等。

  注意:並不是所有的刪除都需要確認,例外情況有如:頻繁的操作(如刪除郵件),不重要的刪除或者恢復成本較低。

  3. 其他重要且後果不可逆的操作

  例:淘寶的確認收貨並同意放款,百度有啊的撤銷退款協議。

  確認的目的:告知後果使操作謹慎,避免誤操作。

 

網頁設計中用戶確認頁的設計

 

  4. 重要且不推薦的操作

  確認的目的:通過確認讓用戶更改選擇。

  最典型的例子莫過於淘寶的“評價確認”:

 

網頁設計中用戶確認頁的設計

 

網頁寄存

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 lixiangni 的頭像
    lixiangni

    lixiangni

    lixiangni 發表在 痞客邦 留言(0) 人氣()