建站常識
怎樣設計人性化的登錄界面
2006-12-28 20:11:00
一、登錄界面經(jīng)常遇到的幾個問題
1、“注冊”“找回密碼”等這些個非“登錄”任務本身的嫡親應該安排在那里?
我的觀點:首先一定要明確“嚴格來說他們并不屬于這個任務”。
放在哪里不重要,重要的是我們需要給表現(xiàn)成“相關任務”,不要當作該任務界面的主要元素來處理。(無論在架構(gòu)還是在交互上都不要讓他“喧賓奪主”)
2、“保存cookies”“登錄設置”等些個“登錄”任務的直系親屬應該如何處理?
我的觀點:首先,這些屬于任務的一部分。
其次, 如果默認設置能夠幫助完成這些信息可以盡量不需要在登錄任務里顯示,
然后,如果需要 一定要簡潔,但簡潔的同時要注意文字的表達(如,“自動登錄=保存密碼+自動登陸”的表達就很不合適)。而且一定要注意默認的備選項設置。
3、表單的排列是橫排還是豎排?橫排該怎么排,豎排又該怎么排?
我的觀點:橫排還是豎排要看頁面的排版所需,沒有什么大的原則問題。具體怎么排只要用心思考一下肯定就知道權(quán)衡了,
橫排用戶的焦點軌跡跨度較大,但空間占用較??;豎排用戶的焦點軌跡可以是直線,但空間較大。如果條件允許我建議用豎排,如果規(guī)范所限或條件有限我不介意用橫排。但大部分情況下我很介意在輸入框中默認一些類似"再次輸入密碼"等傻瓜提示信息的行為。
4、是否需要驗證碼?
我的觀點: 如果安全性沒有大問題的話一定不要。
但好像你的技術(shù)搭檔絕大部分時候都會告訴你“安全性”有大問題,所以很多時候我們不能“為了細節(jié)的良好體驗而縱容了系統(tǒng)的安全受挫”...
所以這個命題索性可以改成“驗證碼”應該怎么設計?
我反對一: 中文驗證碼 (純?nèi)踔堑脑O計)
我反對二: 英文和數(shù)字混合的驗證碼 (給用戶輸入帶來了不少麻煩)
我反對三: 超過4位的驗證碼 (記憶中好像據(jù)說是什么研究結(jié)果)
我反對四: 有大寫字母的驗證碼,
特別是大小寫混合且實際系統(tǒng)判斷時還不區(qū)別大小寫的 —— 雖然你不區(qū)分大小寫,但你顯示的是大寫很多用戶就會很費勁的打開大寫輸入填寫大寫字母,無形中給用戶帶來了負擔。
喜歡原因一:
任務明確,登錄任務應該包括“登錄信息+登錄設置”,“找回密碼”不屬于登錄任務,這些它都交代的很清楚。
喜歡原因二:
流程清楚,豎排排列用戶可以直線思維操作, 用戶>密碼>保存密碼>登錄 一氣呵成。
喜歡原因三:
設計精簡,類似“保存我的信息”“自動登錄”都沒有放到這里,這就是我所說的“如果默認設置能夠幫助完成,這些信息可以盡量不需要”。因為,大部分情況下如果你真的需要設置 說明你已經(jīng)不是簡單的初級用戶,那么你一定有能力自己去找解決方案
喜歡原因四:
小細節(jié)大學問之錯誤密碼記憶。
看看上圖“用戶>密碼>保存密碼>”三個步驟之間都有一個不小的行間距,這個間距空襲乍一看似乎并沒有什么作用。
但研究過的人會發(fā)現(xiàn)里面的學問不小..
如:
當我第一次輸入一個錯誤的密碼時,系統(tǒng)在判斷錯誤后會在提示錯誤的同時把我的這個輸入記憶,當我再次輸入這個錯誤密碼時,系統(tǒng)會自動在客戶端提示“密碼錯誤”。這樣做減少了用戶的一次誤操作同時也減少了一次提交給服務器端的任務。
因為: 密碼的輸入顯示是*并非能直接看到你的確切輸入結(jié)果,有很多時候你確實是記錯了,可以你以為是你自己輸入出錯了。
喜歡原因五:
小細節(jié)大學問之 —— 驗證碼
等你輸入錯誤一定次數(shù)時才會出現(xiàn)驗證碼。 (不是一開始就有驗證碼,也不是你輸入錯誤多了就不讓登錄)
優(yōu)點一: “防密碼失竊”功能的設計很有想法,這樣的布局基于好的圖形設計創(chuàng)新
優(yōu)點二: 任務足夠簡單
優(yōu)點三: 大家好像都具備這些..
缺點一: 任務足夠簡單,但拖泥帶水過多
缺點二: 記憶用戶ID的功能很好,但這種顯示方式不舒服,給用戶的修改增加了步驟
小細節(jié)大學問之 —— 減少用戶的填寫
我目前為止利用過四次很偶然的機會,觀察過五個普通網(wǎng)民用戶使用126郵件的過程。
他們在登錄時有四個人遇見了同樣的問題 —— 輸入的時候不知道只要輸入 whitecrow_zhu就可以了,而是輸入完整的whitecrow_zhu@126.com。
另外一個沒有出現(xiàn)這種情況的用戶是因為,當他打到"@"符號時,旁邊有個人提示他“你SB呀,后面的不用填”,所以他才沒有填...
總之“登錄”就是一扇門,一扇讓產(chǎn)品和用戶真正互通的門,讓產(chǎn)品可以給用戶體現(xiàn)出更多價值的門。
所以這個門一定要: 夠?qū)?、門檻夠低、一直開著、記憶每次進出。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2009-06-23 08:01:00] 可訪問性—前端的使命(一)
- [2007-11-21 22:44:00] 交互設計的理論普及
- [2010-03-31 11:32:00] 交互設計之我見
- [2016-03-04 10:35:16] 跨境電商稅改新政實施
- [2017-01-06 09:10:00] 2016年中國互聯(lián)網(wǎng)的十大變局
- [2006-01-06 21:50:00] 設計一款吸引眼球的網(wǎng)站標志
- [2006-03-27 11:55:00] 廢物還是寶物 談IFRAME標簽的使用
- [2007-04-06 14:55:00] 網(wǎng)頁一屏有多大?
- [2009-07-13 08:19:00] 從線框圖到最終設計
- [2010-04-15 08:57:00] 網(wǎng)站內(nèi)容決定網(wǎng)站的前途
- [2006-06-23 14:01:00] 專業(yè)信息網(wǎng)站制作規(guī)范
- [2009-08-09 08:19:00] 將以用戶為中心的設計嵌入產(chǎn)品設計和開發(fā)流程
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
青島高端網(wǎng)站設計公司哪家好 輪胎網(wǎng)站設計 微官網(wǎng) 外貿(mào)網(wǎng)站設計 青島不錯的英文網(wǎng)站建設公司 網(wǎng)站建設,企業(yè)網(wǎng)站建設 用戶界面 插畫 網(wǎng)站動畫 互聯(lián)網(wǎng) 青島SEO 網(wǎng)站優(yōu)化 青島IT資訊 青島輪胎網(wǎng)站設計公司 微信營銷的優(yōu)勢 交互設計 青島網(wǎng)站SEO 力圖 css 青島網(wǎng)站建設公司哪家好 審美 新的元素 程序開發(fā) 青島抖音小程序開發(fā) html和css 青島開發(fā)區(qū)建站公司 網(wǎng)站SEO 營銷型網(wǎng)站 企業(yè)網(wǎng)站為什么要備案 H5定制設計