需要用戶做Web 登錄操作時,應該優先在當前窗口彈出層,還是跳轉到新頁面?兩種操作方法有何利弊?分別適用於什麼場景?


當用戶主動發起登錄操作時,比如用戶點擊首頁頂部的「登錄」,可以考慮:跳轉至獨立頁面進行登錄。

當用戶被動進行登錄操作時,比如用戶想購買一件商品,但未登錄,當他點擊「購買」時,可以考慮:彈出浮層進行登錄。

獨立頁面的好處是,比較正式,偏沉浸態,還有站在產品的角度,獨立頁面可以加廣告。

浮層彈窗的好處是,比較輕量,不會打擾,用戶有仍停留在此頁面的感受。


作為一個純粹的用戶,看到這個題目的第一個反應就是:要彈出層,絕不要新頁面。如果在使用過程中發現登陸會轉至一個新頁面的話,我一定會後退再新建窗口登陸,可這個操作非常麻煩,非常不喜歡。

會這麼做的原因很簡單,經驗告訴我:你無法保證在新頁口登陸後網站能否轉入登陸前的瀏覽頁面。

誰TM在乎你在單獨頁面提供什麼信息啊?

就算無法讓用戶繼續瀏覽的網站只有三分之一就很要命了(我沒有具體統計過,純粹憑藉可怕的印象,但屢屢會受傷),我所知道的解決方法只能不停按後退,把之前的頁面重新載入一次。


現在比較流行的趨勢是採用獨立的登錄頁面;

彈出式登錄框:現在一般也都是用模態窗口,以免其它信息干擾造成無必要的打斷,如果你的登錄方式比較簡單,也不需要一些提示或其它一些信息(例如導航和你認為比較重要的鏈接),你可以選擇這種方式;

獨立的登錄頁:頁面除了基礎的用戶名和密碼輸入,可以有很大的空間放置一些你認為比較重要,或者用戶突然改變注意也能夠馬上轉換場景的導航和鏈接,特別是如果你的網站,對用戶的信息比較看重,例如你的網站有用戶行為分析的模塊,根據你的用戶的記錄隨時改變網站一些推送內容的呈現,那麼你最好是使用這個方式會比較好;

這兩種方式下,完成整個登錄流程對於用戶的操作成本其實是一樣的,1.點擊登錄,2.輸入用戶信息,3.OK;

比較推薦獨立登錄頁的方式,首先,獨立的頁面,哪怕登錄方式簡單,也沒有一些其它的內容需要放進去,只是簡單在其它很大空間的位置放置一幅宣傳圖,或者品牌形象,也比較美觀,如果你的網站大部分用戶不止是隨意看看,更多需要登錄進去的時候,這個頁面可以算是大部分用戶經常的必經之路,那麼你的宣傳圖是你很好的一個推送渠道,放置一些重要的推送信息,推送信息的價值必定大大增加;又或者是你的網站,登錄之外用戶也可以很好的瀏覽信息,那麼獨立登錄頁保留主頁的導航是個很好的選擇,用戶再放棄當前操作的時候,可以很好讓他快速的到他想去的頁面,如果是模態彈出窗口的話,他可能需要先關閉窗口才能再進行其它的操作;

當然主要還是看網站的功能,具體問題具體對待。


我認為通常要考慮2點,我們想用戶做什麼,用戶想要做什麼。

如果你想給用戶展示更多你想讓他們看到的信息,那麼通常新開一個頁面是可以的。

但是回過頭來也要考慮用戶為什麼要登錄,在什麼情況下會選擇登錄,如果登錄是為了查看更多,那麼新開頁面就會造成干擾。

因此我們設計主要還是要跟著用戶的情境走,在不干擾用戶的前提下考慮企業的需求。

淘寶的登錄還是新開頁面的,但是加入購物車需要個人信息登錄的時候,卻是浮層出現,我想這是個很好的借鑒。


不管使用那種方式,都是因為需要獲取用戶的個人賬戶信息。

  • 用戶主動獲取個人賬戶相關信息的,如點擊頭部導航欄的「登錄」或其它賬戶信息,使用獨立的登錄頁,直接進入到個人會員中心,網站統一「入口和大門」,承載著品牌形象宣傳、登錄等功能;

  • 用戶正在操作某個任務的過程中網站需要獲取個人賬戶信息的,使用彈出式登錄框,登錄後繼續進行當前操作,不阻斷用戶操作;


個人傾向於彈出層,獨立頁的登陸是對用戶目標的打斷,不直接作用於用戶目標。

對於內容性比較強,實時性比較強的網站獨立的登陸頁幾乎是個災難。


首先要去考慮用戶的使用場景,用戶在什麼場景之下會去登錄自己的個人信息,一定是當前的遊客瀏覽狀態沒辦法滿足我的需求,因此我必須要去登錄自己的個人信息,來幫助我開通額外功能的許可權。如果我只是想去瀏覽內容,做內容型的公司,額外的登錄頁面,就會給用戶造成一定的負擔,我明明只是想去看看的,此時浮框彈層就是很好的方式,不會造成太大的突兀。

從公司的發展戰略上講,如果我們想去了解用戶的行為,通過獨立頁面登錄就是有益於公司的方式,這樣就可以擁有用戶的行為數據,從而確定獨立登錄頁的重點是什麼以及獲取用戶信息。同時在獨立登陸頁,可以更好的讓用戶了解公司的企業文化,公司願景以及企業目標等等。

That all !


站在普通用戶的角度——————

優先使用彈出層,給到用戶最低的打擾和認知成本(你讓我跳到一個什麼什麼新的頁面,我會不安)

站在網站自己的角度——————

有人提過了,可以在新的註冊頁里加廣告、加slogan,告訴你,我們網站是個正經人家,比較大氣。。。。

以上觀點只屬於通常情況,具體操作要具體分析,為你的產品指標負責。

因為沒準給用戶跳轉到一個新的頁面,

可能性A 用戶跑去干其他的了(轉化率跳出率都有很大影響)

可能性B 你的網站又多一些pv,pv指標有救了- -!

站在產品經理的角度——

去看競品怎麼做的,照抄啊!

去看大網站怎麼做的,照抄啊!

順手看了下Youku的,登錄註冊目前都是彈出層。(印象中以前,彈出層中的註冊好像是到新頁面的)


個人也傾向於彈出層,我覺得豆瓣的做法就很好,當然,這需要是訪問許可權較低的公眾類網站的做法。就是你不登陸也可以訪問,但是需要某種功能的時候,再彈出層登錄。


百度、騰訊QQ登錄是彈出式的;淘寶首頁點登錄是跳轉式的,在具體商品的頁面點購買時彈出式登錄框。可以自己試試感受。


使用 modal 方式要考慮客戶端兼容性, 包括代碼以及具體設備尺寸的視覺表現(桌面, 移動設備等), 以及禁用/不兼容 js 情況下的應對. 最好有 fallback 機制到普通的頁面表單方式.


個人感覺,當前頁面彈出窗口,這樣最便捷。


個人認為 浮層比較合適


推薦閱讀:

為什麼很多網站登錄失敗只提示「登錄失敗」或「帳號或密碼錯誤」,而沒有更詳細說明到底是賬號還是密碼錯誤?
現在有哪些比較大的網站開通了賬號API,支持類似於使用新浪賬號登陸這樣的功能

TAG:網頁設計 | 交互設計 | 登錄 | 流程 | 網站登錄 |