關于優秀頁面設計的10個小技巧 頁面設計怎么描述

登錄頁面設計是網站用戶體驗流程的關鍵部分 。好的設計有助于推動訪問者訪問你的網站,并把新用戶進行轉化 。它也給返回用戶一個簡單的方式登錄到您的網站 。
以下案例中我們將提供:當你設計你的登錄界面的時候,你應該做什么和不應該做什么 。不是所有的提示和例子都適用于你的產品 。關鍵是選擇最適合你的 。

關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
技巧1:更明顯你不應該讓你的用戶到處尋找登錄區域 。他們找的時間越長,就會越沮喪 。他們越沮喪,最終登錄的可能性就越小 。
一個很好的例子就是Gmail的登錄頁面 。
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
你可以確切地知道你需要在何處登錄,以及要在輸入區域輸入什么內容,上面的例子,如果你沒有Gmail帳戶,它允許你通過單擊“創建帳戶”來輕松地創建一個帳戶 。
好的用戶體驗是使你的登錄區域明顯,使你的用戶盡可能容易地進行登錄操作 。
技巧2:使用第三方登錄第三方登錄正迅速成為用戶登錄賬戶的方式,理由很充分 。為不同的產品創建多個賬戶既耗時又令人困惑 。很難記住一堆不同的密碼和用戶名 。
通過允許用戶使用用戶的第三方賬戶中的信息來創建一個賬戶,可以解決所有關于這些問題 。
讓我們來看看下面的石墨文檔和MONO登錄時的選擇方式:
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
甚至還有更方便的注冊登錄方式,手機短信驗證碼在注冊的同時登錄:
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
一些產品在用戶點擊第三方注冊登錄時還需要用手機號進行短信登錄,從用戶的角度看,這很明顯是一個不好的體驗,但是產品的角度去思考就不一樣了,產品為了獲取用戶更多的信息,則需要這樣來設計流程 。
這種設計流程該不該用,這需要在產品和用戶之間進行權衡,第三方與手機短信驗證碼登錄,在提高用戶體驗的同時,可以提高用戶的效率,使界面更加直觀 。
技巧3:更簡單因為環境不同,在中國很多網頁端的網站,第三方登錄很高效的產品很少 。
例如,如果你的QQ沒有在電腦端登錄,因為即使選擇第三方QQ登錄,你也要拿出手機—打開QQ—打開掃一掃,進行掃碼登錄等一些列的操作 。
又或者,當你想要登錄behance,只要瀏覽器有記錄之前的第三登錄,點擊第三方登錄即可直接進入該網站,甚至不用注冊 。
可以看下面的騰訊網與behance的網頁登錄:
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
好的登錄體驗應該只有賬號、密碼兩個輸入字段,或者手機號碼、短信驗證碼兩個字段,以及使用第三方登錄的選項 。在簡單、高效的同時,并為用戶提供了很好的體驗 。
技巧4:區分注冊與登錄如果一個用戶來到你的網站進行注冊,或者想他們返回登錄界面,這就需要讓用戶清楚的知道他在何處,下一步應該去哪里 。
我們通過使用登錄字段與注冊字段的區別來幫助他們,讓我們看看下面的dribbble注冊界面:
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
關于優秀頁面設計的10個小技巧 頁面設計怎么描述

文章插圖
創建賬戶的按鈕已dribbble的主題能很快突出在用戶面前 。新用戶可以直接在頁面上注冊,而返回的用戶可以使用最上面右上角的登錄兩字 ??吹缴厦妗皊ign in ”字段了嗎?
dribbble使用了不同的顏色、布局去區分注冊按鈕與登錄的入口,這樣更加清晰明了 。
同時可以看看dribbble的主頁面,他們會把sign in 與 sign up 的進行區分,在 sign up 加上微邊框,讓用戶能更快區分兩者的不同 。
技巧5:跳過用戶名讓用戶用他們的用戶名來進行登錄真的不是一和很明智的做法,為用戶省去記錄你產品的用戶名的麻煩,應該讓他們使用他們的電子郵件地址或電話號碼注冊來進行代替用戶名 。

推薦閱讀