国产日本中文字幕网_久热免费视频_秋霞2016午夜限制电影在线_www色视频还会玩转热点_欧美中日韩免费专区在线_亚洲AV色噜噜男人的天堂吃奶_亚洲人成无码网址_国产成人主播在线观看_欧美韩日精品一区_久久精品国产亚洲AV高清色三区

公司新聞

將想法與觀點,與您一起分享~

開發(fā)案例插畫 插畫-樹 插畫-樹

網頁設計,“煩人”的登錄和注冊頁面思考

潤雪科技 時間:2017-06-14 09:36 瀏覽量:3085

往往當用戶想要在某一個網站或APP上登錄或注冊一個賬號時,登錄和注冊頁面就顯得尤為重要。登錄或者注冊表單是網頁和APP設計中最重要的元素之一,所以在設計網站和APP的時候,表單的設計需要慎重考慮。好的登錄/注冊表單可以鼓勵用戶成為注冊者,訂閱者甚至成為你的常駐業(yè)務客戶。一個擁有干凈的外觀,優(yōu)質的創(chuàng)意以及視覺吸引人的表單必定會提高訪客的轉化率。設計一個有效和干凈的登錄/注冊表單要求設計師具有豐富的創(chuàng)造力和經驗,以下幾個小技巧希望可以幫助大家。


小貼士:以下是幾款表單設計常用的原型工具供大家參考:

網頁: Axure, Mockplus, UXPin。

APP: Justinmind, Proto.io, Invision。


將“注冊”和“登錄”分開

大多數情況下,我們看到“注冊”和“登錄”按鈕位于彼此靠近的位置,但這可能對用戶產生反向影響。


兩個動作都包含相同的動詞,并且看起來相似,所以他們可能會混淆用戶選擇錯誤的選項。使用戶感到沮喪,離開應用程序。基本上,嵌入在應用界面中的元素不應該讓用戶暫停和思考??梢允褂貌煌膭釉~或簡要說明每個字段是什么來幫助用戶更好的理解。




提供明確的引導提示

當用戶輸入錯誤時一定要明確的指出到底錯在哪,而不是簡單地說一句“輸入錯誤”,同時還應指導用戶寫出正確的答案?!俺鲇诎踩紤],您的密碼長度必須在 6 個字符到 10 個字符之間,并且包含至少 1 個大寫字符、 1 個數字和 1 個符號”。這是一個典型的密碼錯誤提示。



使密碼可見

用戶經常遇到的另一個問題是密碼錯誤,因為大多數密碼輸入字段由于安全原因而被屏蔽。

即使是最有經驗的打字員也會有輸錯的時候,尤其是當他們從移動設備登錄時。

在這種情況下,可以在密碼字段旁邊添加一個“顯示密碼”復選框或圖標,當用戶勾選它時顯示密碼。


輸入時自動填充/自動讀取常用賬號


我們在登錄/注冊時,經常需要輸入賬號和密碼。這時候,簡化或縮短用戶輸入時間是各網頁/應用優(yōu)化體驗的的方式。


允許第三方賬號登錄

使用第三方賬號登錄可以解決很多注冊問題,用戶無需注冊表單,填寫信息資料,密碼甚至驗證碼等。最重要的一點便是用戶不需要再記住一個新的用戶名和密碼了。不足之處就是有些用戶可能不喜歡共享賬號或者擔心隱私被泄露。所以最好的方法就是即提供郵箱注冊,也提供第三方賬號登錄,讓用戶自己選擇,提高用戶體驗。


不要在不警告的情況下鎖定用戶的帳戶


為了避免強制進入和暴力攻擊,許多網站和應用程序在一系列錯誤嘗試后會鎖定帳戶。

安全性是第一,但是至少應該在鎖定賬號之前嘗試警告用戶,告訴他們還可以嘗試多少次輸入。還可以給出額外的詳細信息,例如 10 分鐘后再重試。


來源聲明:本文【網頁設計,“煩人”的登錄和注冊頁面思考】由潤雪科技編輯原創(chuàng)或采編整理,如需轉載請注明來自潤雪科技。以上內容部分(包含圖片、文字)來源于網絡,如有侵權,請及時與本站聯系。

TAG標簽:網站開發(fā) 網站設計

相關文章
  • 前端react項目使用prettier來格式化(美化)各種代碼

    前端react項目使用prettier來格式化(美化)各種代碼

    前端react項目使用prettier來格式化(美化)各種代碼,包括javascript、php、java、typesctip、css、less、json、sql等都可以美化

  • php用Mpdf將html文檔轉為pdf

    php用Mpdf將html文檔轉為pdf

    php將html文檔轉成pdf保存到服務器

  • php用libreoffice將ppt轉為pdf

    php用libreoffice將ppt轉為pdf

    1、先安裝libreoffice:yum install libreoffice;2、由于ppt中都是中文,執(zhí)行命令轉ppt的時候中文可能亂碼,我的解決辦法是在liunx系統中安裝中文字體,把windows的字體直接全部拷貝到liunx服務器中,直接把所有字體都上傳到服務器

  • php利用imagick擴展將pdf導出成圖片

    php利用imagick擴展將pdf導出成圖片

    需要先安裝php的imagick擴展,兩種方式,第一種是使用php,第二種是使用命令執(zhí)行;隨便用哪種執(zhí)行需要修改nginx配置文件增加:proxy_read_timeout 600s;使其鏈接60秒后不斷,不然pdf一旦過大60秒無法完成工作就斷開鏈接了

  • apache配置轉發(fā),如使用workerman 或 webman等框架的時候配合apache

    apache配置轉發(fā),如使用workerman 或 webman等框架的時候配合apache

    在使用workerman 或 webman等框架開發(fā)應用的時候需要配合nginx 或 apache進行轉發(fā),官網的文檔只有寫nginx,下面的apache的配置,前提是apche需要開啟這兩個模塊

  • 一個class類幾個函數即可調用各種微信支付場景

    一個class類幾個函數即可調用各種微信支付場景

    真在的只需要一個class類文件幾個函數就可以調用微信的所有支付,不管是微信公眾號、h5、app、小程序支付,加密方式都是一樣的,對比下微信的支付文檔,只需要修改第一步傳入的參數不同,下單地址不同,加密方式都是一樣的,所以只要看懂下面的第一個函數,將搞定微信的任何支付。

如果您感覺我們的案例非常不錯,請與我們取得聯系~
立即咨詢
獲取方案及報價 023-6288-5285
網站建設流程 需求溝通
網站建設流程 簽訂合同
網站建設流程 項目開發(fā)
網站建設流程 上線/運營維護

張經理

186-9655-6121

鄒經理

188-1980-6503

潤雪科技二維碼
電話咨詢 在線咨詢 微信咨詢