WEB登入入口的設計思考

[ 2006-08-31 22:35:37 | 作者: onling ]  一些很小的設計細節,最近因為一直在外地,不是用自己的機子,所以在登入這一塊遇到了不少的問題,突然想到,能否簡單地就WEB登入入口的互動設計做些思考,讓使用者操作流程更加的合理和方便,發現要把一些細節想清楚還是很困難的,把自己的想法總結一些,其實某種意義來說也是一次使用者體驗的感受而以.

首先先提幾個需要解決的問題

a, 作為一個登入入口,必備的一些元素是什麼?
b,那些不是必備的,但是會對使用者操作帶來便捷?
c,在此電腦上該什麼處理儲存 Cookie資訊問題?
d,用什麼做為使用者名稱比較好?暱稱或Email,或其他
e,如何解決一些資訊的混亂...

1,先回答第一個問題:必備元素

大家對登入入口應該比較熟悉,做為一個登入入口,必備的元素就是使用者身份ID,密碼,以及確認按鈕,有了這三個元素,一個登入的基本操作基本可以完成.

看看下面一個典型的例子:

豆瓣的登陸設計素以簡潔著稱,而且他的互動設計也是業界的典範,他是以 Email作為的ID,註冊密碼,以及進入按鈕,準系統已經滿足.一些好的細節設計後面再討論,

2.先回答第二個問題：應該擴充的元素

當然一個好的易用的登陸視窗,緊緊這幾個元素是遠遠不夠的,稍微思考了一下,一個登入的視窗,應該具有的登入資訊元素(包括必備以及非必備)有以下幾個:

a.使用者名稱(Email\呢稱）
b.密碼輸入
c.確認進入按鈕
d.忘記密碼解決方案
e. 提示Cookies儲存資訊
f.新使用者註冊入口
g.返回首頁
h.印證碼
....

這些非必備的按鈕,有些可以帶給使用者帶來很好的互動操作,但是如果處理不好就能給使用者帶來不少的麻煩,比如忘記密碼的解決方案,當使用者遺忘的時候,善意的提示能帶來很好的效果,這個細節,上面的豆瓣密碼輸入的後面就留有忘記密碼了提示.

3.Ok,下面就是 第三個問題了：COOKies問題

這個也是比較麻煩的一個問題,提示Cookies儲存資訊,這個對使用者的便捷性是最相關的,但是也是最難考慮的,畢竟這個個安全性合在一起,那麼什麼樣設計能達到最優呢.

對於一些大型的門戶網站,基本沒有這個思考,因為他們的使用者群很雜,真正過來的都是一些看資訊的,不會登入,除非是有一些服務在裡面才會登入,所以這類網站基本沒有設計儲存Cookies的功能.

百度的設計就是這樣,他的設計風格跟豆瓣很類似,但是豆瓣在註冊的時候,會出現Cookies資訊提示

同一台電腦登入一次就行, 豆瓣能記住你! 這個給用自己的機子的人帶來了很大的好處,但是卻對一些網吧流動使用者帶來了極大不便以及安全性上的思考,這樣一些大的門戶網站基本就沒有這一方面的擔憂,一般他們在註冊的時候會提示你.不過yahoo,GOOGEL的倒是有 記住我的帳號的單選框

還有一些論壇的登入基本都是在登陸的時候提示你cookie的儲存時間

這個看到一個處理比較好的網站就是抓蝦的了

抓蝦的登入入口就保留了豆瓣的簡潔互動風格,但是在COOKie處理上,他累優一些,我也是最近在外面才體驗到這一點,他在一些細節,以及COOKie上處理的更人性化一些

登入抓蝦
如果你不是在自己的機器上，記得退出時在右上方點擊“登出”。

(善意提示資訊)

在此電腦上儲存我的資訊。(預設打勾)

(如果你不理他這個,基本跟豆瓣一樣,但是如果你用的別人的機子,這個挑選就顯得非常的必要,豆瓣的強制跟他比起來就比較的不宜人)

忘記密碼了？ 還不是會員？等都處理得很合理,很適合人的互動習慣.所以某種程度上可以說抓蝦的登入做的已經非常的成功了.

4.第四個問題也是比較難解決的:用什麼做為使用者名稱比較好?暱稱或Email,或其他

這個問題,就我個人體驗,我傾向於用Email,剛開始可能不是很習慣,但是,這個對網站管理,ID的唯一性都能帶來極大的便捷,暱稱可以重複,但是 EMAIL確實你自己專屬的,這個豆瓣抓蝦的註冊流程都作的很好,大致分析了一下,新近出現的一些新網站基本都開始採用Email做為唯一 ID的身份標誌,一些老門戶網站,基本有自己的郵箱服務.所以也基本採用的是郵箱ID,所以可行性以及識別性來說,Email更合理一些,你還是可以給自己i設一個比較好聽的暱稱,作為你自己喜歡的暱稱.

這一方面可以參照一下豆瓣的註冊,感覺她處理的恰到好處.

有些網站畫者添足,給使用者的互動也帶來了極大的不便

這種事類似 Email 做為唯一ID的,但是他後面還有一個下拉的郵箱選擇,一會兒鍵盤輸入,一會兒滑鼠操作,給使用者帶來不是便捷,而是不便,當然如果對於一些比較長郵箱尾碼這種還是很不錯的,但是很少有人傻的去使用那些,基本每個人的Email都是經常在使用的,很容易記住的EMAIL名.

5.第五個問題,關於一些資訊的混亂問題

這個有些資訊很容易造成混亂,其實就是一些設計沒有規範,比如登入ID是用Email,還是暱稱,或是其他.那在登入一些網站的時候就會很混亂,所以設計時必要的提示是很重要的,用Email的ID,就必須註明Email,可惜的大部分網站用 Email的ID也是使用使用者名稱做為提示,這是很糟糕的設計,還有密碼,應為用的是Email,而註冊的密碼又是網站的密碼,這兩者可能不一樣,為了避免資訊混亂,應該有所提示,這一點豆瓣也處理得不錯

你的email地址,你在豆瓣的註冊密碼:這種細微的提示給使用者帶來了極大的便捷

還有一些宜人的,比如新使用者註冊按鈕,比如返回,設計好都能有較好的互動操作,能給使用者帶來很好的印象

馬鈴薯的設計基本就是滿足了這些功能,

最後總結一下,個人認為比較好的WEB登入入口的設計:

1.滿足最基本的功能元素

a.Email 做為ID,提示是使用該網站註冊密碼,進入按鈕
b.密碼忘記解決方案,新使用者註冊按鈕,返回前頁

2.具備人性化的處理儲存 Cookies資訊問題,最好給使用者一個選擇,可以預先設定滿足大部分人的選項
如果不具備,要提示登出以後推出的提示.

3.輸入你的Email後面的文字框最好全部由使用者填寫,避免畫蛇添足的設計(下拉框,特殊情況除外）

4.良好方便的密碼取回通道，這個對於Email作為ＩＤ的有極大的優勢，所以建議也是採用Email作為ＩＤ

5.就是一些人性化的語言提示，以及善意的錯誤提示，別把使用者當菜鳥，提升親和力．

抓蝦是個中和起來最符合上面的WEB登入入口設計,其實只要多思考平時的ＷＥＢ操作流程，多考慮一些使用者平時會遇到的問題，WEB登入入口的設計應該會很宜人的
(作者:onling Blog:http://www.onling.net/blog)

[最後修改由 onling, 於 2006-08-31 22:57:26]