DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 設計一個提示用戶登錄錯誤的表單
設計一個提示用戶登錄錯誤的表單
編輯:HTML和Xhtml     

網頁制作poluoluo文章簡介:關於用戶登錄表單,很多時候我們要寫許多錯誤提示的信息和文字,所以這裡我們就從幾個大型網站的登錄表單來進行分析,看看他們對於錯誤提示是如何進行設計的。 現在很多朋友都不止一個賬戶,不止一個密碼。忘記賬戶名、密碼,或賬戶名、密碼輸入錯誤也就難免啦。每當這

關於用戶登錄表單,很多時候我們要寫許多錯誤提示的信息和文字,所以這裡我們就從幾個大型網站的登錄表單來進行分析,看看他們對於錯誤提示是如何進行設計的。

現在很多朋友都不止一個賬戶,不止一個密碼。忘記賬戶名、密碼,或賬戶名、密碼輸入錯誤也就難免啦。每當這個時候,你是否和我一樣會有小小的焦慮產生呢?網站給予了登錄表單什麼樣的文字幫助,就顯得非常重要了。什麼樣的文字更有助於解決問題,同時也讓人覺得舒服?以下我們來對這些錯誤提示做些比較:

一、賬戶名和密碼都沒有輸入,就點登錄

問題分析:這種情況可能出現在新手用戶身上,或者忘記賬戶、僥幸點擊登錄的情況下

文案關鍵點:照顧到新手

1. 谷歌

  • “此時我們無法讓您登錄到您的帳戶”,本來是用戶的操作問題,但語氣上把問題歸因於google自身,是我們無法讓您……,而不是您不能……。

2.Uk.match.com

  • Oops! 是通俗而流行的歎詞,適合match偏年輕的用戶群。“Please enter”直接提示操作。

3.豆瓣

  • 這裡有一段針對新注冊用戶的幫助文字“如果你剛剛注冊……謝謝你的理解。”重點關注已注冊而email未被確認的用戶,因為按照規則這些用戶尚不能登錄,而這可能是他們原來不知道或忽視的問題。

4.msn中國

  • 最基礎的提示,照顧到新手用戶,但並不顯得羅嗦。

二、密碼沒有輸入,就點登錄

問題分析:這種情況可能出現在新手用戶身上,或者忘記密碼、僥幸點擊登錄的情況下;也可能是用戶沒注意到需要輸入密碼

文案關鍵點:說明問題(沒有輸入密碼)、規則(必須輸入密碼)或提示操作(輸入密碼)

1.谷歌

2.msn中國

  • 直接說明規則。

3.百度

  • 如果用戶沒有輸入密碼就點擊登錄,那麼這裡不會出現任何新的文字提示;也就是說,默認用戶自知自己沒有輸入密碼,也清楚沒有輸入密碼就不能登錄;系統也就沒必要多說什麼了。

4.淘寶

  • 簡短有效的提示,直接說明問題,默認用戶知道需要的操作是輸入密碼。

5.Myspace中國

  • “不能為空”,這看上去更像是開發者的表達方式。

6.Uk.match.com

7.豆瓣

  • 直接說明所需要的操作。

三、密碼輸入錯誤,點擊登錄

問題分析:出現這種情況可能是因為用戶忘記密碼,或者密碼輸入過程中發生了自己未察覺的錯誤

文案關鍵點:在明確問題、規則、操作的基礎上,盡可能涵蓋可能的錯誤情況;不歸罪於用戶

1.谷歌

  • 直接說明問題。一個小問號“?”表示“幫助”,代替了更多話語,也符合用戶認知習慣。

2.百度

  • 擺明事實,提示操作,直截了當。

3.淘寶

  • 相對於“密碼錯誤”,“密碼不匹配”是更加准確和中性的描述。

4.Myspace中國

  • “不太對吧,重試一下?”口語化的提示,用商量的語氣。

5.Uk.match.com

  • 中文意思是 “啊喲!我們沒有認出你輸入的用戶名或郵箱地址。請確保拼寫正確。記住用戶名中只能使用字母、數字和下劃線。”和谷歌一樣,把問題歸因於自身,並且預見了用戶可能出現的具體操作問題,給予手把手般的輔助。

6.豆瓣

  • “請再試一次”語氣比“請重新輸入”柔和了許多。

7.msn中國

  • 很多時候,“重新鍵入”是解決不了問題的,因為用戶根本就是徹底忘記了密碼。這個時候“或是注冊一個新的帳戶”就是有效的提示之一。

有些提示文字,像是老師,手把手教你怎麼做;有些呢,像是一位工程師,只提供清晰簡短的提示,能不說就不說;有的,像是朋友,幫忙的同時不忘開些小玩笑;還有的,什麼都不像,就是冷冰冰的系統提示,可它也是人寫出來的:)

你喜歡哪一種?

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved