您現在的位置是:電腦技術吧?>? 組裝維修 ??>??登錄界面,在系統中注冊登錄界面??>??正文詳情

登錄界面,在系統中注冊登錄界面

上官秋蕓2019-11-19 16:31:22 人圍觀
簡介登錄界面網頁如何設計網站的用戶登錄過程是一個常見的課題。隨著時代的發展,新用戶注冊登錄到實際加入網站的過程不斷變化,從簡單的信息填寫到全面的注冊,再從系統注冊到簡

如何為網站設計用戶登錄流程是一個老生常談的話題。

隨著時代的發展,新用戶注冊、登錄到真正加入一個網站的過程一直在變化,從簡單的信息填寫發展到全面的注冊方式,再從系統的注冊回歸簡約直觀的登錄體驗,新用戶的登錄流程經歷了一個迂回的變遷過程。

現如今,絕大多數的網站已經放棄了復雜、繁復的注冊流程,將用戶可能會遭遇障礙、引起用戶反感和煩躁的部分去除,盡可能簡單的讓用戶完成注冊和登錄流程。

  當用戶完成注冊之后,可以選擇性地提供額外的信息,而這些信息可能會給給用戶帶來更加定制化的用戶體驗。

為了安全起見,絕大多數的網站還是提供了郵箱驗證甚至電話驗證的環節,甚至提供備用安全郵箱的驗證機制。

  總而言之,在今天我們來審視網站的新用戶注冊登錄流程,這是一套系統、完善且具備完整約定俗成規則的設計環節。

  登錄與注冊  隨著注冊流程的優化和簡化,登錄界面和注冊界面現在很容易被混淆。

造成這種混淆的原因不止是簡化。

首先許多網站會選擇將登錄和注冊界面設計地非常相似,甚至將其直接容納到同一個界面當中去。

許多用戶不經意間在一個網站注冊過好幾個帳號的事情,并不鮮見。

  問題不僅僅存在于流程上。

在中文中,登錄和注冊兩個詞在視覺上有很明顯的差異,但是英文中,Sign Up和Sign In也是很容易引起混淆的。

  所以,為了讓用戶不再有不必要的混淆,最好是設計不同的界面,并進行差異化的視覺和內容的設計,確保用戶不會誤判。

在這里說說反例,AxureShare 的登錄/注冊界面就非常典型地勾勒出簡化后的重復布局是具有何等的迷惑性。

  郵箱地址和用戶名  在注冊環節,還有一個特別值得注意的問題就是用戶名和注冊郵箱的問題。

當用戶注冊時候,最好不要讓用戶去創建獨特的用戶名,并且以此用作登錄服務的唯一憑證。

絕大多數的用戶會有至少2個郵箱一個用作工作,一個用作私人用(在中國許多人可能只有一個郵箱,QQ郵箱)。

所以,最好的方式是讓用戶使用郵箱登錄,注冊用戶可以在登錄之后修改信息,增加輔助郵箱,可以添加用戶名。

  另外,在移動端發展迅猛的今天,讓用戶使用手機號登錄也是非常不錯的方案。

首先手機號具有獨特性,作為登錄帳號擁有便捷性和易于記憶的特征,作為常用的帳號存在,更易于用戶使用。

  值得一提的是,手機號還符合目前流行的兩步驗證安全機制,系統可以更加便捷地為用戶發送驗證碼。

  展現流程  進度條是用戶界面中最重要的存在之一,它為用戶呈現進度,設定目標,并將信息反饋給用戶。

進度條讓用戶可以清晰地了解他已經完成多少,還有多少有待完成。

也正是有了進度條,復雜的加入環節才得以分割、簡化,并且顯得更加清晰。

  LinkedIn 在這方面做的相當突出,它將用戶信息的完成度完全量化,激勵用戶不斷添加內容完善個人信息。

  動效  動效是目前最常用也最實用的元素之一。

使用動效來告訴用戶如何填寫表單,將動效和行為召喚按鈕等設計結合到一起,可以讓用戶明白下一步的操作流程。

  在 Readme.io 這個網站中,貓頭鷹會隨著操作而變化,當用戶輸入密碼的時候,會非常可愛地蓋住自己的眼睛。

動效和動畫的加入讓頁面無形中加入了更多的互動,顯得更加引人入勝了。

同樣的,Shopify 在注冊界面中,會用彈出的標簽動效來幫助用戶了解下一個操作步驟。

  第三方登錄  雖然并不是每個用戶都會使用第三方的帳號(微博、微信、Facebook、Twitter、LinkedIn等)來注冊/登錄網站服務,但是預留第三方帳號登錄的選項是很有必要這樣的登錄方式更加便捷。

  顯示密碼  越來越多的網站和APP的注冊流程中,密碼不再是輸入兩次,這樣的情景下,注冊時密碼輸入錯誤幾乎是致命的,所以為用戶提供密碼顯示可以有效的避免這個問題。

要知道,目前許多注冊都是在移動端上完成的,拇指在屏幕上輸入密碼比在鍵盤上輸入的失誤率更高。

  超過82%的人有忘記網站登錄密碼的經歷,隨著網站、APP和各類服務的增長,這個數字只會增加不會減少。

  提醒大寫鎖定  當用戶輸入密碼的時候,提醒他們鍵盤是否有大寫鎖定,也是值得注意的點。

為用戶提供文本提醒或者視覺提醒都有助于避免多次輸入錯誤,降低用戶瀏覽受挫機率。

大多數的瀏覽器已經集成了大寫鎖定提醒,所以這個問題只要稍加注意就可以看到。

不過,用戶在屬于密碼的時候注意力大都集中在輸入的內容上,所以大寫鎖定提醒必須優雅又醒目。

  避免反模式設計  設計模式的存在,順應用戶的習慣和交互的規律,讓用戶可以更好地與界面進行操作。

反模式的存在,同樣可以引導用戶行為,但是引導的結果往往不可控或者無法達成目標。

常見的反模式設計并不少:  用戶輸入信息失誤的時候報錯,然后刪除所有輸入的而內容  當用戶已經擁有帳號的時候,依然允許用戶使用該用戶進行注冊  為用戶添加了看似可點擊但是實則無法點擊的標簽  限制用戶輸入字段長度但是完全不給予提醒  去除驗證碼  移除驗證碼可以有效的提高轉化率。

雖然驗證碼可以很好的避免注冊機,但是驗證碼對于用戶而言的挫折更多,12306 堪稱反人類的驗證碼就是個很好的反例。

據統計,有38%的用戶會在第一次輸入驗證碼的時候輸錯,15%的用戶會一直輸錯,而這類用戶通常在第五次輸錯之后徹底放棄注冊。

  REDDIT 就徹底移除了注冊環節的驗證碼,去除之后網站的新用戶注冊率同比增長8%。

當然,反注冊機和機器人還是很有必要的,如果情況比較嚴重可以選擇比較人性化的驗證機制來規避。

  結語  想要提升新用戶注冊的轉化率,絕大多數要應對的用戶體驗的問題,了解用戶的痛點,除了要考慮傳統的桌面端用戶的問題,還要應對移動端用戶的新需求。

在好體驗和安全性之間把握好平衡點,這也是新用戶注冊環節最難兩全的問題。

版權聲明:本文由 上官秋蕓 整理編輯。

原標題:微信登陸界面怎么沒有注冊,登錄注冊界面

轉載注明出處:http://www.dn9ww09s.icu/assemble/13682.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 拼多多10萬保證金被沒收,拼多多專賣店保證金多少錢

    拼多多10萬保證金被沒收,拼多多專賣店保證金多少錢 相關圖片拼多多保證金最低交多少錢如今,越來越多的人開始使用網絡購物來購買自己需要的商品,2015年9月成立的拼多多也如雨后春筍般涌現。針對C2B集團的第三方社交電子商務平臺很快擁有了...

  • paypal是什么,paypal有什么用

    paypal是什么,paypal有什么用 相關圖片paypalPayPal是一款國際貿易支付工具,受到全球數億用戶的青睞,提供全球首個在線支付服務。PayPal,我們通常稱之為PayPal international,旨在paypal怎么用...

  • Flash制作,flash怎么制作

    Flash制作,flash怎么制作 相關圖片flash動畫的制作流程在最近幾天的地震中,附近的孩子們沒有每天上課,他們想教他閃光。正好,我很久沒做輔導了。我們一起分享吧。只是讓新人練習而已。老鳥會飛。渲染步驟如下:...

  • exe是什么,taskeng是什么進程

    exe是什么,taskeng是什么進程 相關圖片audiodg是什么進程我們通常使用任務管理器在系統的CPU太高而導致阻塞時終止進程。但是,有時有些進程會讓用戶不知道是否應該終止,例如360se.exe 360se.exe是360 werfault.exe...

  • 網頁制作滾動字幕,網頁制作中如何設置滾動字幕

    網頁制作滾動字幕,網頁制作中如何設置滾動字幕 相關圖片網頁設置滾動字幕在frontpage組件中可以使用滾動字幕,但frontpage只能支持一行文本。一旦有多行文字,就幫不上忙,而且只能支持一行滾動!(如果只有一行滾動,解決方案html滾動字幕...

  • u盤壞了無法識別怎么辦,u盤可以識別無法讀取

    u盤壞了無法識別怎么辦,u盤可以識別無法讀取 相關圖片優盤不識別能修復嗎小而輕的U盤是我們日常傳遞工作文件、即插即用的好幫手。但有時我們也會遇到無法識別或讀取U盤的情況。這是什么原因?我們該如何解決?一。無法識別或讀取...

  • excel如何換行對齊,微信里怎么換行對齊

    excel如何換行對齊,微信里怎么換行對齊 相關圖片word對齊本文通過一個實例說明了CSS中換行對齊的實現。與您分享以供參考。具體分析如下:使用CSS控制中英文字符強制換行和兩端對齊,有效避免div內容超出范圍和改變網頁布表格文字...

  • 京東白條一般有多少額度,京東白條額度

    京東白條一般有多少額度,京東白條額度 相關圖片京東白條開通有多少額度京東百條是京東推出的先消費后付費的服務。當然也有很多小伙伴不知道怎么申請京東白條。現在,超人軟件編輯還想介紹一下如何申請2017年雙11白條的臨時名...

  • 臺式電腦機箱散熱方式,筆記本散熱最快的方法

    臺式電腦機箱散熱方式,筆記本散熱最快的方法 相關圖片筆記本怎么有效散熱相信在使用電腦的過程中,難免會遇到電腦發熱的情況。那么如何冷卻電腦呢?如何冷卻電腦?現在,超人軟件將為您帶來電腦散熱的相關內容,希望能幫您電動筆...

  • 什么是回車符,回車符怎么打出來

    什么是回車符,回車符怎么打出來 相關圖片word回車符在frontpage中有三種類型的回車鍵:enter、shift enter和Ctrl enter。回車鍵對應于HTML中的P/P,它是段落的分隔符,shift如何不顯示回車符...

熱評文章

  • 全民K歌充值,全民k歌怎么充值不了

    全民K歌充值,全民k歌怎么充值不了 相關圖片全民k歌充值打折作為一家移動KTV,民族KTV一直深受人們的喜愛。最近,許多國家級卡拉OK用戶表示,他們不知道如何為k幣充電,也不知道國家級卡拉OK的k幣是用來做什么的。然后,全民...

  • 文字垂直居中,文字垂直居中怎么設置

    文字垂直居中,文字垂直居中怎么設置 相關圖片垂直居中本文以CSS為例,介紹了如何實現圖文在同一行的垂直對齊。與您分享以供參考。具體分析如下:有些朋友會發現,如果一行內容中有圖片和文字,文字會自動在底部對齊,影響...

  • 迅雷極速版任務出錯 解決,迅雷下載任務出錯是什么原因

    迅雷極速版任務出錯 解決,迅雷下載任務出錯是什么原因 相關圖片迅雷下載異常是什么意思最近幾天,經常有小伙伴反饋霹靂任務的錯誤。有人說是霹靂的問題,有人說是資源的問題,有人把鍋留給了最近舉辦的XX專業。然而,對于原因眾說紛紜。那么...

  • 水晶按鍵,水晶按鈕圖標

    水晶按鍵,水晶按鈕圖標 相關圖片ps水晶按鈕預覽效果第一步:創建一個新的600*200白色背景文件第二步:創建一個名為BG1的新圖層用圓角工具繪制一個115*32的矩形調整矩形圓角程度將Photoshopcdr水晶按鈕...

  • steam加速器哪個好一點,玩steam用什么加速器好

    steam加速器哪個好一點,玩steam用什么加速器好 相關圖片手機steam加速器哪個好一點Steam是世界上最大的綜合性數字發行平臺,經常接觸網絡游戲的小伙伴必須知道這個平臺。眾多國外游戲公司將在這個平臺上發布和更新游戲。蒸汽就是蒸汽。...

  • 淘寶津貼,淘寶津貼有什么用

    淘寶津貼,淘寶津貼有什么用 相關圖片淘寶津貼按什么比列給賣家每年,黨的購買力都很強。我相信很多人已經收到了購物津貼。所以你知道怎么用淘寶雙11購物補貼嗎?淘寶雙11購物優惠是多少?現在,超人軟件編輯將為您...

  • 響應式模板,什么是響應式模板

    響應式模板,什么是響應式模板 相關圖片響應式html頁面模板HTML5上線了!今天的介紹提供了大量的HTML5模板,這些模板支持響應式網頁設計。有了它們,我們不需要從頭開始創建網站,從頭到尾,但直接修改或調整現有的模板,...

  • 迅雷 應版權方要求,文件無法下載,迅雷提示版權要求無法下載

    迅雷 應版權方要求,文件無法下載,迅雷提示版權要求無法下載 相關圖片迅雷部分文件無法下載怎么辦最近,很多小伙伴都反映,他們在使用迅雷下載視頻資源時,將無法應版權所有者的要求下載文件。那么迅雷沒有按照版權人的要求下載文件呢?接下來,...

  • 什么是dreamweaver,dreamweaver怎么樣

    什么是dreamweaver,dreamweaver怎么樣 相關圖片dreamweaver網頁背景對于網頁制作者來說,最麻煩的事情可能是在網頁上添加圖片或文本的鏈接。如果頁面內容很多,那么作品只能用恐怖來形容。我記得幾天前,我在很短的時間內為一個...

  • uefi和bios引導區別,uefibios

    uefi和bios引導區別,uefibios 相關圖片uefi當使用U盤安裝機器時,經常會看到UEFI。很多人不明白UEFI的意思。在選擇U盤啟動程序時,如業內知名的U盤啟動程序,通常在UEFI版本和已安裝版本(BIOS版efi bios...

關注微信

变脸官网查询