Ⅰ 怎樣設計以用戶為中心的WEB表單
我們幾乎每天都會接觸形形色色的表單,登錄賬號、填寫信息以獲取服務、發布內容等。然而填寫表單的過程往往不是特別愉悅的,我們需要消耗時間輸入信息,點擊提交,可能還需要等待審核;尤其是碰到較為復雜、流程長的表單,如果用戶體驗較差,很容易讓人產生挫敗感,在中途選擇放棄。
那麼,如何提高用戶填寫表單的效率,防止他們出錯或中途流失,提升愉悅度及轉化率呢?本文就web表單設計,總結了以下的一些方法:
有效的說服用戶進行填寫
首先,告知用戶為什麼要填寫表單,他能獲得什麼,讓用戶看到把信息給你的好處。舉個例子,GitHub在其注冊表單的右側清晰的告訴你注冊使用它會得到的幫助:
參考:http://isux.tencent.com/web-form-design.html
Ⅱ 需要密碼的網頁的製作
1,建立資料庫存儲用戶信息. 需要數讓碧這幾個表 編號 用戶 密碼 許可權等級 2,製作頁登陸頁面 用戶名: 密碼: 為表單取個名字 3.寫讀取和判斷過程 以用戶滑粗的登陸名和密碼為基準 select * from 用戶表 where 用戶名='"&request("用戶登陸時候填寫的表名")&"' and 密碼='"request("用戶登陸時的密碼")"'" 讀取這段SQL語句,判斷是否為空,空的話就是資料庫不存在此用戶名,或者是密碼錯誤. 否則通過登陸程序 把用戶信息裝入SESSION 包括許可權,這樣在在其他的頁面上判斷session中的信息,及許可權信息,給於用薯舉戶相應的許可權.
Ⅲ 怎樣在web客戶端對整個表單進行加密,救命
你說的不清楚高伏,但我猜想歷大這個可以幫到你:前端WAF:肢念豎Witch-Cape看看是不是你需要的
Ⅳ Internet Explorer記住密碼並填寫 Web 表單
1、打開IE瀏覽器,在菜單欄上點擊「工具」,彈出下拉菜單選擇「Internet選項」。
4、勾選後點擊」確定」完成設置。
Ⅳ 網頁表單製作
根據樓主的資料(建立動態綱頁),來分析一下需要做哪些准備:
1.需要安裝編輯綱頁的軟體,比如DW UE等等,當然了能在記事本中也可以,但是調試不便.
2.建立資料庫,資料庫可以SQL,ACCESS等等,資料庫中的表中要設計你需要的欄位名
3.你要運用那種語言來寫綱頁呢,每一種語言都需要特定游戲規則
4.在編輯軟體中,編輯襪汪你的綱頁表單,讓瀏覽者填寫資料.
5.進行資料庫連接,使綱頁與資料庫連接起來,這與你所選擇的語言有關,每一種語悄好碧言資料庫連接的方式與方法也不同.
6.調試你的綱頁啟舉,你的電腦安裝了IIS嗎?
看似簡單,但每一個過程都需要細心實踐
Ⅵ 怎麼給給網頁設密碼
怎麼給給網頁設密碼
嘿嘿,你想讓她訪問不到很簡單,進電腦c:\windows\system32\drivers\etc\ 里用記事本開啟裡面一個叫host的檔案,然後在裡面新增一行程式碼
220.181.116.86 4399然後儲存,這樣你妹輸入4399這個網站就會被跳到百旁芹度首頁了,你想訪問的時候在把哪行程式碼注釋掉就可以了。
哈哈哈...
怎樣讓網頁保留使用者名稱和密碼?
在 IE 上,工具 - internet options - 內容(content)- autoplete,在那裡設定儲存密碼,然後每次登入時會問你要不要儲存密碼,點是就可以了
怎樣儲存網頁密碼
你開啟網頁 在選擇 工具---Intern龔t選項-----內容----自動完成 ----設定 -----現在表單 你可以試試 。。
怎樣設定ie重新記住一個網站的密碼?
你先把你的IE瀏覽歷史清除,再重新進這個網站,它就會再提示你是否儲存密碼的.
電腦中登陸頁面怎麼設定密碼??
首先點選「開始」選單,選擇「控制面板」,再找到並點選裡面的「使用者帳號」,進入到相應的設定頁面中去
2.點選左上角的「為帳戶建立密碼」,這里就可以設定登入密碼啦,輸入兩遍相同的密碼
3.設定完後,再點選「建立密碼」即可,這時就完成了對電腦登入密碼的設定,下次當再開機要進入桌面時,會停在使用者歡迎介面,輸入密碼後才可以正常登入。
怎麼取消電腦瀏覽網頁時設定的密碼
首先你要知道原密碼,然後在IE右鍵屬性,點內容。點設定、點常規,然後把密碼去掉就行了。其實就是一個分級檢視網站
如何對一個HTML頁面設定密碼輸入?
用js吧,但是密碼得是你和你朋友約定好的,寫死到js裡面,
html中密碼輸入框:
加個按鈕
然後加入js驗證一下
這樣既ok了
如何讓網頁記住密碼?
1若果你第一次登陸,可以在登陸前。開啟IE-工具,INTER 選項-內容-自動完成-所有的打鉤。
2如果你不是第一次,可以工具-internet-內容-自動完成-清除表單-清除密碼把原先的記錄清除後,重新登陸系統會提示你是否讓系統記住密碼,你勾選記住密碼就可以了。
如何設定讓瀏覽器記住特別網頁的使用者名稱和密碼?
在桌面用滑鼠右鍵點選IE圖示,再點屬性。唬上面的「內容」按鈕。再點下面的「自動完成」按鈕。把相關的選項勾選,就可以了。
如何取消網頁登入密碼
你說的是不是瀏覽器要求輸入分級稽核口令啊,如果是伍啟飢那樣 ,修改登錄檔: 點選「開始/執行」,在「執行」對話方塊中輸入「regedit」開啟登錄檔編輯器,定位到「HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\policies\Ratings」分支,這時就可以發現一個名為「KEY」的鍵值項,這就是已經過加密的分級審查密碼,我們只需將它刪除即可。重新啟動電腦就可以取消分腔返級審查的限制
Ⅶ 如何製作需要用戶名和密碼才能登陸的網頁(注冊表單)
是做友洞要用asp。不僅是這樣啊。你還要有一個後台純枯的資料庫,裡面存放著你的告敬客戶的資料。所有注冊的資料都存放在資料庫里。當他登陸的時候如果資料庫里有他的資料就會登陸,如果沒有就要新注冊。把你的網頁連接資料庫。資料庫的作用不僅僅是實現用戶登錄。你可以有管理員管理等很多
Ⅷ dw驗證密碼如何設置
方法/步驟分步閱讀
1
/5
首先我們打開Adobe Dream Weaver CS5,要新建一個站點,然後才新建一個網頁文件,站點根目錄在自己收藏的圖片素材文件夾內即可。
2
/5
我們可以在這個空白的網頁文件中加入圖片表格框架網頁等等,然後在等下預想要加入表單內容的區域選中並找到添加「表單區域」,這里為了便於展示,已經提前製作好一個表單並在表單里添加了表格,以備排版好相關spry內容的填充。
3
/5
滑鼠左鍵在表單區域內點擊好需要插入spry表單驗證密碼欄的地方,隨後找到上方菜單欄的「驗證密碼欄」插入按鈕(若不知道是哪個可以把滑鼠指針移動到添加按鈕上方懸浮片刻,即會出現相關說明)
4
/5
我們可以通過選中紅線框中區域以對驗證密碼欄內容租神進行設置,注意!這個設置不是針對spry驗證的!而是驗證密碼欄自身屬性的設置。
5
/5
如果要對spry驗證內容做出設置,需要滑鼠移到驗證密碼欄上,點擊出現的藍色區域!才能在下方進行設置驗證密碼欄。
總結
1
/1
打開軟體——創建站點——設置網頁內容——在預加入標簽的區域添加表單區域——插入「驗證密碼欄」——選中「驗證密碼欄」進行文本域設置——選中棗蘆藍色框以進行spry驗證設置——保存完弊岩虧成
Ⅸ 關於Web表單設計的經驗分享
表單在UI設計中的出現場景還是比較多的,尤其是在一些To B的產品設計中。最近自己有做大量web 表單設計,就想把自己學到的一些關於表單設計的知識點分享給大家~
一、什麼是表單?
表單在網頁中的主要功能是負責採集數據以及向伺服器傳送數據的。表單是採集用戶信息數據重要的途徑。好的表單設計能提升信息採集的效率與成功率。不好的表單設計會影響用戶心情,體驗差,導致信息採集不成功甚至帶來利益的損失。
二、表單的構成
表單通常由標簽、輸入域、操作按鈕、這三部分構成。
標簽
標簽我們可以把它理解為標題,告訴用戶該表單需要填寫什麼信息、該表單需要採集什麼內容。標簽通常出現在輸入域的左邊、頂部、或者輸入域內。
標簽按所填信息的必要性分為必填項和非必填項,一般我們會在必填項的標簽內容加上*號。*號的的擺放位置有下面兩種情況:
1.當標簽與輸入域居中對齊時,建議把*號放在標簽左側。
因為*號比較顯目,用戶往往第一眼會先看到它,然後按照用戶從左往右的閱讀習慣,視覺落點分別為文字標簽、輸入域。考慮到表單的填寫效率,*號位於左側的表單閱讀起來會更加順暢。所以當標簽與輸入域居中對齊時,把*號放在標簽左側會更好。
2.當標簽與輸入域左對齊時,建議把*號放在標簽右側。
由於人們縱向的閱讀習慣,視線會成F型。*號在左側還是在右側並不會對用戶視覺落腳點造成太多困擾,另外考慮到對齊的形式,*號放在標簽右側會更好。
輸入域
輸入域是錄入用戶各種類型信息的重要交互區域。輸入域包含了文本框、密碼框、隱藏域、多行文本框、復選框、單選框、下拉選擇框、和文件上傳框等等。
不知道這些輸入域的區別的小夥伴可以去ant design官網學習一下,傳送門:
https://ant.design/components/overview-cn/
因為輸入域是錄入信息很重要的交互區域,在設計時我們應該考慮用戶輸入的多種場景去設計。我們可以將用戶的輸入過程分為輸入前、輸入中、輸入後。根據每一種場景中細化我們的設計。比如在輸入中:我們要考慮游標的設計、輸入文字信息的設計,信息提示等,在輸入後:我們要考慮信息輸入錯誤應該給予怎樣的視覺反饋等。總之考慮得越細致,越能提高信息錄入的成功率。
操作按鈕
操作按鈕是在用戶填寫完表單各項內容後,所要進行的操作動作,來完成或者結束當前操作流程。操作按鈕分為全局操作按鈕與局部操作按鈕。全局操作按鈕控制整個表單,比如提交、發送等操作按鈕。局部操作按鈕是對某一范圍的內容起作用,比如編輯、刪除操作。
三、表單設計常見問題
1.標簽採用哪種對齊方式更好?
在我們的實際項目中,通常會因為文案的長短不一,導致我們不知道該採用哪種對齊方式。標簽的處理原則就是要要盡量對齊,採用哪種對齊方式應考慮具體的制約因素和目標來定。
左對齊
當標簽採用左對齊的方式的時,因為文字標簽的長度不統一,導致標簽與輸入框的間距是不可控的。這就會造成設計的通用性不強,以及橫向空間的浪費。
如果採用左對齊的形式,就要盡量去保持文字標簽的長度一致,比如通過字距的調整讓文字標簽的長度保持一致或者通過留足留白空間,這樣設計上會更統一。以為例,採取左對齊形式,但是它留足了文字標簽與輸入域之間的距離,讓表單看上去更統一和諧,不足的就是造成了部分空間的浪費。
頂對齊
採用頂對齊的形式,會讓標簽和輸入域垂直顯示,縱向布局的信息呈現效果會更好,從而提高用戶填寫的效率。頂對齊因為垂直排布,會造成縱向空間的浪費,但在橫空間上比較節省,比較適用於橫向寬度較窄的頁面。
▵頂對齊
右對齊
右對齊跟左對齊一樣會因為標簽長度不可控。導致設計的通用性不強,以及橫向空間的浪費,但節約了縱向空間。
▵右對齊
在這幾種對齊方式中,用戶瀏覽信息的速率頂對齊>右對齊>左對齊。頂對齊形式適合簡易表單、右對齊與左對齊表單適合復雜表單。
2.操作按鈕應該用哪種設計形式比較好?
對於全局的操作按鈕會用常規的按鈕樣式,全局按鈕分為主按鈕與次按鈕。
主按鈕
主按鈕是界面中比較重要的功能操作按鈕,比如提交、保存等一些正向的操作。主按鈕在視覺層級上最高,能夠引導用戶很快的找到核心的操作並點擊。主按鈕通常是純文本或圖文結合的面性形式。圖文結合的形式能吸引用戶注意,也幫助用戶理解該按鈕的操作含義。
次按鈕
次按鈕的層級相對於主按鈕層級要弱一些,通常採用線性形式。在一個頁面中可以出現多個次按鈕。
對於局部操作按鈕的設計形式可以是文字按鈕、圖標按鈕,也可以是圖標+文字的形式。至於應該應用哪種形式就要結合具體端場景去考慮。
圖標按鈕
圖標按鈕就是用圖標來代表該操作的含義,能夠直觀的表達按鈕的功能。在設計的時候我們需要注意圖標是易於理解的、是用戶熟悉的。圖標按鈕的設計通常都會配上懸浮框設計,也就是當用戶滑鼠停留在該圖標按鈕上會出現對該按鈕的文字釋義的懸浮框。以微信公眾號為例,當滑鼠停留在編輯圖標那時會出現黑色的懸浮框對其進行解釋,讓用戶理解此按鈕的意義,讓用戶放心操作。
在web設計中,由於按鈕的種類與使用場景比較多,建議局部的操作按鈕使用線性圖標,讓它的層級相對其他按鈕要弱化一些。
文字按鈕
文字按鈕通常出現在列表的操作項中。文字的顏色通常是品牌色或者藍色,因為藍色在用戶的認知中通常是可點擊的。
圖標+文字 按鈕
圖文結合的按鈕相對於純文字按鈕會更加直觀,也能更吸引用戶注意。
3.輸入框應該設計幾種狀態?
考慮的狀態越多,設計就會越細,能夠及時的反饋信息給用戶,從而提高表單填寫效率。在考慮輸入框的設計狀態時,遵循及時反饋的設計原則去考慮。
為了避免用戶填寫完所有信息後,才反饋有錯誤,會造成時間浪費,表單填寫效率低。通常會把輸入框線變成紅色,同時出現紅色的說明文案,來引起用戶的注意。
▵及時反饋錯誤信息
在設計中我們還需要考慮自動校驗的成功與警告狀態。顏色通常為綠色與橙色。
輸入框到底應該設計幾種狀態我們也需要根據我們表單的復雜情況去考慮,對於簡單的表單設計過於細化的狀態是沒有必要的。
寫在最後的話
表單設計看起來簡單,但實際在設計過程中還是有大量的點值得我們去學習與研究的。在這次做表單的過程中,覺得作為設計師我們不應該去挑活,不要覺得表單設計是一個很小的設計就不動腦的照著別人的設計規范抄一遍。像這種看似枯燥但又很重要的模塊設計,我們在前期開始設計之前可以從交互層去考慮,再從視覺層面去考慮怎樣的表單設計能讓用戶填得舒心又高效。在看別人的設計規范比如ant design的組件規范時,我們可以去留意他們的設計細節,比如表單上下之間的間距留的是多少?有什麼規律嗎?按鈕的上下邊距與左右邊距有什麼關系嗎?通過這些思考,然後去觀察總結,並轉化為自己的小技巧,到下一次設計表單的時候,我們就會做得很好了。
往期解析
UI設計-首頁解析
詳情頁設計技法解析
輕松get文字標簽設計技法
Get點9切圖方法(內附切圖神器)