登錄?
兩個輸入框加一個按鈕?還能怎麼做?
那就先來看看為什麼而做?
就數據而言,網站的流量仍是大量的匿名用戶帶來的。我們無法根據請求的任何方面(ip地址,用戶代理等)准確識別來自同一人的連續請求。
不能識別,自然無法對其分類進而轉化挖掘,獲取網站所需的價值。
互聯網服務於人,要開發一個真正令人動心的網站,我們必須觸達到浏覽器後面那些活生生的人。
他們是誰?他們想要什麼?
我們如何服務他們?
以下是4種具有代表性的用戶識別方法,我們來看一下它們的優劣:
ip地址:IP地址是最容易獲取到的信息。但用它來標識唯一用戶會有很大弊端,偽IP、代理、動態IP、局域網共享同一公網IP出口等情況都會干擾獲取的IP地址的唯 一性和准確性。
IP+User Agent :多個信息聯合確定用戶身份。對於用戶而言,當使用相同的終端浏覽網站時,user agent的信息是相對固定的,固定的操作細水長流斷裂,相對固定的浏覽器,這種方式可以適當提高IP代理、公用IP這類情況下的用戶分辨度,當還是同樣避免不了動態IP和VPN等IP變動的情況。
cookie:Cookie是網站以一小段文本的形式存放在用戶本地終端的信息,以便網站之後的讀取。Cookie幾乎能夠唯一對應到用戶的訪問終端,但不像IP地址都能獲取到,Cookie需要預先寫入訪問終端,如果用戶禁用Cookie,vfb麼這種用戶識別機制就會失效,當用戶執行了清理 Cookie或者重裝系統等操作時,Cookie同樣也會丟失。
User ID:用戶ID與上述的區別就是綁定的不再是設備而是用戶本身,具有唯一的識別性。
同時,很多網站把這個用戶ID寫入到Cookie中以便用戶下次訪問時直接判別用戶身份而完成“自動登錄”的功能。 用戶ID還可以串聯用戶的訪問記錄數據和CRM及後台其它的用戶數據,為之後的關聯和分析提供了便利。(以上用戶識別方法摘取自《網站分析實戰》)
另外還可以獲取MAC地址,SIM卡IMIS號(移動端優化可用上),也可以作為識別用戶唯一身份的標識。
設計思路和過程:
現在大家都在說“以用戶為中心”。
用戶可能會因為“以用戶為中心”的設計所給予的關注而比以往的感覺好一些,但把們置於開發過程的中心未必能給他們帶來更好的產品。我們要理解的並不是用戶,而是使用。
關注用戶此刻所要完成的任務,以及我們怎樣才能以最佳方式支持其完成。
所以我們要考慮如何來支持用戶達成每一個目標,而不會干擾或妨礙他們。同時,再把這些完全不同的部分凝聚成整體。
以下就是具體做了哪些優化:
1、使任務更明確:
登錄的就是登錄輸入框和提交按鈕,加大處理,讓其任務更突出,去除圖的干擾,使流程清楚,用戶可以直線思維操作, 用戶名》密碼》登錄 一氣呵成快捷地完成登錄。
原有的“忘記密碼,忘記賬號以及記住我”不屬於主線任務,其實放在哪裡不重要,重要的是我們需要給表現成“相關任務”,故移至一旁弱化表現。
刪除“忘記賬號”(忘記密碼可以找回,忘記賬號並不能解決,現有線上的處理方式是跳轉去找回密碼頁,毫無意義)。
2、使輸入更快捷高效,提高易用性
准則一:功效
最大化減少用戶輸入和操作:
當其點擊登錄按鈕時,判斷是否在本地登錄,登錄過就讓其自動登錄,沒登錄過,進來時默認焦點就對准輸入用戶名上。
自動聯想功能:
注冊面板中減少一次密碼的輸入:
常規注冊需要填兩次密碼,有數據表明,只需要做一次輸入即可。
根據調研報告,用戶時常分不清昵稱是否可以用來登錄。最好的方式是在注冊時連昵稱都去掉,而取其@前面的字符或手機號作為暫時的用戶昵稱,而在後續的環節中再去引導其更換頭像和昵稱。
准則二:支持
系統應該支持一個熟練用戶對系統進行高效率的使用:
新增快捷鍵的支持:
Tab及上一鍵支持切換;
Enter及空格鍵支持提交;
ESC鍵取消蒙層及面板。
准則三:寬容
人是會出錯的。人進行信息處理不可避免會出差錯。出差錯是正常的,但減少差錯不應當從人這一方面進行努力。設計良好的系統應該把出錯和出錯處理也考慮其中。
容錯前後空格:用戶在PC輸入的過程中,會自然地帶入空格鍵,密碼及賬號的輸入應該能容錯前後空格。
不再檢驗密碼強度,簡單密碼也可以通過。同樣根據調研報告,用戶不care視頻類網站賬號密碼的安全性。
准則四:環境
系統應當適應其被使用和操作的真實條件和實際環境。衣服擺著好看和穿在身上是否合適是兩回事。
3、優化移動設備體驗,為以後各終端互通做准備
移動設備崛起,種種數據表明,移動屏正在超越PC屏,但最終結果肯定不會是一屏取代另一屏,而會是一個多屏互通,同時使用這麼一個局面。在設計web頁面時,都要考慮到響應設計來自適應各終端。
移動端第三方登錄建議采用SSO登錄:
SSO的優勢: 不需要重復輸入微博用戶名、密碼,只需要一步操作,直接點擊授權按鈕即可完成。增強了操作簡便性及帳號安全性。可參看唱吧、360 手機浏覽器等一些應用。
網頁上同樣能夠做到登錄第三方應用使其自動登錄。
至此,交互畫圖的工作已完成。接下來是視覺同學的跟進,詳細過程不再累述。
最後,以一張圖小節一下交互的工作:
PS:產品定義功能,解決產品是否有用有價值的問題,交互關注易用好用的問題,視覺關注讓人是否想用。重構和開發是解決能不能用的問題,同樣也關注好不好用,與交互的區別在於交互從設計上解決,而開發從技術上解決。