怎麼樣提高你網站的登錄體驗?

很多網站的登錄窗口是非常的枯燥無味的那麼要怎麼樣提高登錄體驗呢?


不需要輸入用戶名和密碼體驗更好。


bilibili的登錄就很有趣,輸密碼的時候會閉上眼,我每次登錄都想笑


盡量讓登錄簡化,能夠自動填充的東西一定要自動填充,而且要有趣,盡量能夠規劃處一個場景讓登陸著陷入其中,當然了如果能用__意念登錄__ 我覺得絕逼是好產品


瀉藥~

從安全形度出發,確實有些步驟比較枯燥,但又不能繞過,除非以後虹膜/指紋識別能夠安全地廣泛地運用,並且硬體的發展跟得上,不然賬號密碼還是必須的。

目前所能想到的,也就是從視覺上心理上做彌補,UI設計好看點兒,比如登陸註冊界面設計得更加情景化,設計文案/提示語,進一步分散一下用戶:我在輸入賬號密碼的情緒...比如:給自己取一個又逗又拉轟的名字可以獲得更多基友的私信哦~

只想到這麼多,看看其他人怎麼說.


手機二維碼或者其他社交綁定


有趣吧!!!


我的建議就是提供更多的登錄方式供用戶選擇,賬密登錄、簡訊驗證碼登錄、第三方登錄、天翼賬號登錄,這四個我是覺得足夠的了。

為什麼會多一個天翼賬號登錄呢?圈外人可能很少聽過。這是不需要輸入賬號密碼的登錄方式,相比簡訊驗證,天翼賬號成本更低更可靠一些。


更好的體驗是啥呢?

第一是視覺,人畢竟是視覺動物,看著好看也覺得舒心。

第二是操作體驗!屬魚的我——-七秒鐘之前,設置密碼為 馬冬梅,七秒鐘之後,唉?什麼?什麼冬梅?密碼太多,而像電信那種免密登錄現在應用範圍還很小。我只希望,以後也能在主流軟體上看到免密碼登錄這種騷操作。


不能慢,有些事情必須得快......

http://frank-lee-nxera.sxl.cn (二維碼自動識別)

有些事情要慢一點為好,有些事情必須得快......

比如下面這件事!

對於各種官網及網站來說,打開速度至關重要,如果網站響應緩慢,超過三秒甚至五秒還沒開啟,用戶就會有不安全感覺,然後會被嚇跑。

比如一個提供激情小視頻的網站,沒有極速體驗,該如何抵擋百萬宅男大軍?

今天小編收集信息的就是——如何提高網站打開速度呢?

方法其實很多,今天給大家分享幾個簡單實用的方法:

1、防止重定向

你可以將重定向簡單地理解為頁面的主動跳轉,最典型的狀況是帳戶所提交的關鍵字對應的目標URL與潛在客戶點擊關鍵字終究打開的URL並非完全一致。以百度貼吧為例,提交的URL為http://post.百度.com/,伺服器需求主動重新定向到http://tieba.百度.com/,這一進程會浪費必定的時間,延緩頁面打開速度。因此提交的目標URL和真實打開的URL保持一致。還有一種情況比較常見,就是在某網站註冊成功後您可能會看到如下頁面提示:「你現已註冊成功,3秒後將主動跳轉到XX頁面」,關於這種情況,可以嘗試將發作重定向的時間距離更改為零,或刪去不必要的重定向。

2、精簡頁面元素,為頁面「瘦身」

你可以運用頁面另存、瀏覽器的插件東西來檢查頁面大小。通常,頁面自身所佔的空間越小,打開速度就會越快。防止運用尺寸較大的Flash、圖像(及圖像友情鏈接)、視頻音頻等,或盡量用文字來代替以上元素都會有助於減少頁面大小。

3、網頁設計重新優化

將頁面內容進行合理分塊並運用多個表格,盡量運用靜態的HTML頁面(而非ASP、PHP、JSP等動態頁面),不運用過於雜亂的頁面背景和導航欄規劃,如無特殊需求不運用過於雜亂的CSS或Javascript特效,將在一定程度上提高頁面的打開速度。

4、 使用CDN網路加速

很多雲廠商都提供CDN網路加速服務,如易聯雲在全球有上千個加速節點,CDN已經成為圖片、視頻、直播等大流量網站、APP的網路優化首選。CDN加速雖好,但有一點要特別注意,以易聯云為主的廠商多採用後付費模式,往往會給客戶帶來巨額債務,這主要是由於DDOS、CC等網路攻擊或者客戶自身設置不合理造成的。如果遇到這類問題,小編推薦大家使用「易聯雲」它能很好的幫助你在使用後付費CDN產品時,有效控制好成本。

以上僅為提高網站打開速度的一些簡單實用的手法,更有技術含量的操作方法還有不少,需要大家在工作過程中進一步學習、探索和總結,最終成為提高用戶訪問體驗的老司機。


社交登錄+不綁定


UI設計好看點,邏輯正確,不要有什麼bug


你們看看知乎用QQ登錄要幾個步驟


只要不是鐵道的設計,我都能接受


洋蔥,宗旨是要消滅密碼,APP本身的登陸是簡訊驗證,不需要密碼。

可以為你的網站提供一個登陸驗證器,用手機掃碼,或推送驗證。

啟動APP需要驗證,方法以生物識別為主,還嫌麻煩可以設置可信WIFI:

這樣是不是變得簡單又炫酷了呢?!

最重要的是有WP版!

SDK:下載洋蔥令牌客戶端APP


推薦閱讀:

如何進行前端自動化測試?
把 css文件和 js文件放在 Github 里,可以在寫網頁的時候直接調用嗎?
剛開始學編程,看別人的代碼感覺高山仰止,開始喪失信心怎麼辦?
前端工程師懂設計對工作是否有用?
web前端開發工程師,年過30,崗位最多升到前端經理。如何規劃前景?

TAG:網頁設計 | 前端開發 | HTML | AdobeDreamweaver |