-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當前位置：首頁 > 創(chuàng)意學(xué)院 > 技術(shù) > 專題列表 > 正文
4、
站登錄注冊頁面設(shè)計（網(wǎng)站登錄注冊頁面設(shè)計圖片）.jpg)
一、如何設(shè)計出用戶體驗良好的登錄/注冊頁面
你要是覺得沒思路，找?guī)讉€大的網(wǎng)站，扒皮就好了。大網(wǎng)站的每個細節(jié)都是經(jīng)過設(shè)計的，值得擁有。
二、用戶注冊頁面怎么樣設(shè)計最好
這個問題在平時我們討論的并不多。我們常常單純的在設(shè)想如何簡化注冊流程，如何從細節(jié)的關(guān)懷入手避免用戶注冊時填寫錯誤信息造成的挫敗，精心分析哪些項目用戶必填，哪些選填，如何保障用戶注冊后的賬號安全性等等。我認為，搞清楚用戶注冊的動機與目的，進行有效引導(dǎo)，再在注冊頁面上以這些注冊的動機與目的進行優(yōu)化，與產(chǎn)品核心功能契合，才是一個與好產(chǎn)品所相符的注冊體系。哪些功能，用戶注冊心甘情愿？社交網(wǎng)絡(luò)：和周圍的朋友在線聯(lián)系Facebook奇跡般的獲取了全球5億多用戶的真實資料注冊。作為全球最成功的社交產(chǎn)品，秘訣其實很簡單，將用戶的關(guān)系定位于真實關(guān)系的在線拓展，通過facebook聯(lián)系已成為中國大陸以外很多地區(qū)的常態(tài)。你希望你關(guān)注的人了解真實的你，你也希望了解你關(guān)注的人真實的一面。這種通過個人動態(tài)信息以及個人信息頁面一目了然的直接展示，省去了"你最近在干嘛？""你最近在看什么電影？""有什么好聽的專輯最近？""你有男朋友嗎？"等等常規(guī)問題。這種快捷增進朋友、戀人彼此了解的產(chǎn)品特性，用戶當然愿意毫無保留的貢獻一切。而twitter這樣的微博產(chǎn)品，和facebook在注冊上也有類似的特點，雖然不需要真實的個人資料，但基于信息快速分享的社交，快速知道周圍朋友發(fā)生的一切，用戶注冊自然毫不猶豫。豆瓣：物以類聚，人以群分豆瓣同樣作為優(yōu)秀的社區(qū)交友產(chǎn)品，其產(chǎn)品定位很明確，那就是在上面找到志趣相投的人。早期豆瓣在《看電影》等平面媒體上宣傳時，采用的便是精準細分用戶趣味，這正中了無數(shù)無法在現(xiàn)實生活中找到趣味相投的"文藝青年"下懷，用戶數(shù)量劇增，成為國內(nèi)首屈一指的"小清新"集散地。雖然豆瓣創(chuàng)始人阿北對豆瓣的最初定位，是關(guān)于書籍的閱讀分享，但后來發(fā)現(xiàn)喜歡看電影、聽音樂的用戶明顯多于閱讀，于是產(chǎn)品也在不斷在音樂和電影上作出優(yōu)化。一本書，一張專輯，一部電影往往會衍生出更多具備共同用戶屬性的用戶相互認識。這樣依靠志趣相投相互認識的機制，往往比現(xiàn)實中互相噓寒問暖來的靠譜，用戶通過注冊不僅可以找到更多自己喜歡的文化產(chǎn)品，同樣能交到更多志趣相投的朋友，何樂而不為？新聞門戶：需求還是利誘？對于網(wǎng)易新聞這樣的門戶來說，用戶注冊的場景就少了很多主動性。所以，只有在你暢所欲言時，才可能想注冊，這樣注冊的目的很單純，只是為了發(fā)言。英國《金融時報》中文網(wǎng)是我除了網(wǎng)易新聞之外另一個比較常上的網(wǎng)站，最近我發(fā)現(xiàn)在看上面的文章時，文章正文會隨機插入如上提示，像我這樣看門戶基本不評論的用戶，看到這樣的"利誘"（盡管仔細想想也沒什么太大好處），還是毫不猶豫的注冊了。精準定位，注冊要什么不要什么？我們粗略的分析了一下用戶注冊動機與進行注冊的場景。會發(fā)現(xiàn)同為注冊，實際上針對用戶不同產(chǎn)品的注冊需求，產(chǎn)品要獲取的信息有著明顯不同。能登錄就行？用戶從注冊操作中能獲得的最主要目的就是能登錄。所以，所有的注冊都需要用戶名和密碼，這是最簡單的注冊。但是一個賬號要考慮安全性，考慮用戶登錄的便利性，往往需要一個用戶名（或昵稱）、一個郵箱（鑒于國內(nèi)用戶習慣，國內(nèi)產(chǎn)品可能比較傾向于手機號）和一個登錄密碼。只要用戶"能登錄就行"的注冊，用戶自然最喜歡，而僅需要用戶登錄信息就能用的產(chǎn)品（如twitter）也實現(xiàn)了用戶需要與產(chǎn)品業(yè)務(wù)需求的統(tǒng)一（用戶登錄僅僅就是為了發(fā)布信息和查看別人的信息，這也就是twitter的功能）。Twitter注冊寬島注冊寬島注冊也是"能登錄就行"的典型，作為"輕博客"，本質(zhì)功能和twitter類似，也省略了密碼確認。至于省略確認密碼這一步的安全性，有統(tǒng)計已經(jīng)證明過，注冊時一次成功輸入密碼完全不是問題。需要個人信息？大多數(shù)web產(chǎn)品不會僅僅滿足于讓用戶能登錄就行。當然，在注冊時，達到只讓用戶"能登錄就行"的目的，然后在注冊之后讓用戶完善信息不失為一種方法，但涉及到產(chǎn)品業(yè)務(wù)的核心功能的需求上，產(chǎn)品注冊流程不會為了最大程度方便用戶而妥協(xié)。用戶會不會因為注冊填寫個人信息而畏懼呢？這就回到我們起初探討的一個話題上：你有什么能耐讓用戶填這些東西。剛才談到facebook，實際上facebook能輕而易舉讓用戶心甘情愿在注冊時填寫真實資料，其中最大的秘訣就是產(chǎn)品核心的功能定位——真實的社交網(wǎng)絡(luò)，用戶登錄facebook也是希望能真實與朋友交流，注冊的信息填寫需求與用戶預(yù)期的產(chǎn)品需求是一致的，填寫起來并不會因為填寫內(nèi)容過多或者涉及敏感個人信息（當然需要友好的提醒消除疑慮）而放棄注冊。比較有趣的是facebook作為真實社交產(chǎn)品的鼻祖，在注冊時并不需要用戶填寫自己的地理位置，而是在登錄后作為可選項自行完成，起初覺得有點納悶，不過想想facebook的定位，加你為好友的自然大多是你認識的人，不填地理位置也能實現(xiàn)產(chǎn)品核心功能，這是說的過去的。Facebook注冊音悅臺注冊音悅臺作為一款以MV分享與交流的視頻類網(wǎng)站，注冊比較人性化，但還是索要了用戶性別與出生年月。不過，注冊時已經(jīng)提示了注冊目的：能夠通過填寫自己的屬性信息獲得更多更好的MV推薦。這和用戶登錄音悅臺的目的也是一致的，所以這個也容易被接受。但是，這些資料的真實性是無法和facebook相比的，是不是能達到精準定位用戶興趣的目的呢？我表示懷疑。而豆瓣的注冊基本處于"能登錄就行"的注冊機制。除了基本登錄信息，僅僅是要求用戶填寫自己的地理位置（精確到城市）。這完全是方便用戶同城交友與參與同城活動的需要，屬于豆瓣的核心功能范圍。和音悅臺類似，豆瓣也是通過用戶屬性為用戶推薦內(nèi)容，為什么豆瓣不用用戶填寫類似于出生年月的信息呢？豆瓣的推薦完全基于你對什么東西感興趣（哪怕是對于某些用戶感興趣，共同興趣也是最為主要的途徑），所以無須考慮用戶的年齡。這一點音悅臺倒是可以借鑒。豆瓣注冊注冊填寫個人信息的極限，想必不會比《金融時報》中文網(wǎng)的要求少多少。不信可以看看：《金融時報》中文網(wǎng)注冊這個注冊就十分具有挑戰(zhàn)性了，普通用戶要是不是對網(wǎng)站內(nèi)容十分感興趣，恐怕沒有多少人愿意注冊吧。當然，這是網(wǎng)站自己的取舍。不幸的是，我就是那個"非典型"用戶。小結(jié)我簡單梳理了一下我比較有印象網(wǎng)站的注冊機制與產(chǎn)品定位的關(guān)系，說來說去，只是想在注冊的流程與產(chǎn)品定位找到良好的契合點。
三、這個首頁的html5網(wǎng)站設(shè)計代碼（尤其是頭部那登錄注冊代碼怎么寫）
首先先說一下HTML5的代碼只是在原有的XHTML基礎(chǔ)上增加了一些新的標簽（還有一些新的特性，例如數(shù)據(jù)庫和緩存等特性）
以下為此頁面的結(jié)構(gòu)代碼：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="revised" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="robots" content="all" />
<title>頁面標題</title>
</head>
<body>
<header>
<div></div><!--登陸注冊區(qū)域-->
</header><!--頭部[html5新標簽]-->
<nav></nav><!--導(dǎo)航[html5新標簽]-->
<div></div><!--banner-->
<div></div><!--左上-->
<div></div><!--右上-->
<div></div><!--左下-->
<div></div><!--右下-->
<footer></footer><!--底部[html5新標簽]-->
</body>
</html>
注：以上為頁面的大的框架，相對用HTML5新的標簽更合理的，全用上了新的帶有語義標簽。
另外多說一下，[注冊登陸]這塊在html5的新標簽里面沒有很合適的語義化的標簽，所以依然采用原有的div標簽為最合理。html5只是在原有的技術(shù)的基礎(chǔ)上更細化了，咱在制作代碼的過程中沒必要必須用HTML5的代碼，主要看是否合理，合理的為較合適的。
多說的：不管用XHTML還是HTML5寫代碼，結(jié)構(gòu)（HTML5）與樣式（CSS）盡量要分離！
希望能幫到你！
四、請教高手，網(wǎng)頁設(shè)計如何讓登錄和注冊讓用戶登錄后變?yōu)樽约旱挠脩裘屯顺觯?/strong>
這個前端實現(xiàn)就可以了；你設(shè)計好登錄或者注冊后用戶登錄的效果；前端接受后端傳過來的數(shù)據(jù)；顯示到該位置就可以了。
該實現(xiàn)流程；
用戶登錄-->后臺判斷用戶是否注冊--->成功返回用戶名(設(shè)置cookie或者session)--->顯示
---->失敗返回錯誤信息/返回登錄頁/注冊頁
以上就是關(guān)于網(wǎng)站登錄注冊頁面設(shè)計相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀：
如何創(chuàng)建一個個人網(wǎng)站（如何制作自己的網(wǎng)址）
跟youtube很像的app（跟youtube很像的軟件帶顏色）
網(wǎng)站登錄注冊頁面設(shè)計（網(wǎng)站登錄注冊頁面設(shè)計圖片）
發(fā)布時間：2023-04-22 07:58:09
稿源：
創(chuàng)意嶺 閱讀：
100
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于網(wǎng)站登錄注冊頁面設(shè)計的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng)：https://ai.de1919.com。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解相關(guān)業(yè)務(wù)請撥打電話175-8598-2043，或添加微信：1454722008
本文目錄:
問大家
蘇州書生商友信息科技有限公司在淮北網(wǎng)站建設(shè)設(shè)計行業(yè)名氣怎么樣？路過的大哥大姐們有誰了解
我想知道有專門的殘疾人婚戀交友的網(wǎng)站嗎？濟南殘疾人征婚相親?
張家港服務(wù)周到的網(wǎng)站建設(shè)哪個靠譜點？諸位大仙們問一下哈
上海值得推薦的網(wǎng)站建設(shè)設(shè)計正規(guī)什么價格？路過的大佬們聊一聊
吳江服務(wù)周到的網(wǎng)站建設(shè)負責人手機號多少？路過的大哥大姐們跪求回答
濟南最大的比較好的成功率最高的婚戀交友征婚機構(gòu)、網(wǎng)站是哪個？
在濟南，婚戀交友網(wǎng)站哪個比較好？征婚相親交友哪個網(wǎng)站靠譜？
莆田穩(wěn)妥的網(wǎng)站建設(shè)設(shè)計官方手機號哪里有？路過的老鐵們幫回答下
東至一般的網(wǎng)站建設(shè)設(shè)計商戶微信號有么？諸位看官們幫忙回一下
贛公網(wǎng)安備 50019002502384號
