淄博建站哪家好-九科數據網站建設!我們是一家專注于大中小型企業網站制作、營銷型、響應式建站的淄博網絡公司

咨詢熱線:0533-4182801
九科數據微信號
域名主機 返回舊版
建站資訊News
公司網站建設

目前為止用戶體驗度最好的表單:浮動標簽式的

關鍵詞:淄博建站 作者:九科數據 | VISITORS: | 來源:九科數據
30Aug
2017
在當今這個互聯網時代,填寫表單對用戶來說就是家常便飯,在網站進行注冊登錄時、在網上購物時,都免不了填寫表單這一環。表單是網頁設計中重要的組成部分之一,在獲取用戶信

 

  在當今這個互聯網時代,填寫表單對用戶來說就是家常便飯,在網站進行注冊登錄時、在網上購物時,都免不了填寫表單這一環。表單是網頁設計中重要的組成部分之一,在獲取用戶信息方面發揮著不可或缺的作用,它是用戶和網站的一種互動形式,這種形式的互動越順暢,網站的用戶轉化率就越高。這也是為什么許多站長們一直在研究如何設計表單才能讓用戶快速高效地填寫。如今,關于表單設計的方法也越來越豐富,這不,最近又興起了浮動標簽式的表單,不少設計師認為這種設計手法在提升用戶體驗方面的效果很是顯著。所以今天小飛就來介紹一下浮動標簽式表單的發展歷程以及它究竟有哪些優勢。

  在介紹浮動標簽式表單之前,我們先來了解一下表單的組成部分:

  標簽:告訴用戶表單問題是什么;

  輸入框:供用戶填寫答案信息;

  動作:用戶提交表單,即用戶點擊一個按鈕或鏈接,執行一個操作;

  幫助文字:為如何填寫表單提供幫助;

  輸入反饋:針對用戶輸入給出反饋,輸入正確還是錯誤;

  

 

 

  浮動標簽式表單的發展歷程:

  階段一:文本占位符旁的圖標動畫

  早在2013年,浮動標簽式這個概念就已經出現了。當時設計師的想法很簡單,在占位符文本中,借助動畫加入一個圖標顯示,以確保用戶不會在填寫信息的過程中迷失。不過,這種形式有一個缺陷:并不是所有的文本標簽都有可以搭配的圖標,沒有圖標搭配的文本標簽在傳遞信息時不夠清晰。

  

 

 

  階段二:浮動標簽

  雖然浮動式圖標動畫沒有達成效果,但卻給了設計師一些啟發和靈感。隨之而來的就是浮動式的標簽式設計了。在這種設計中,當用戶點擊輸入框的時候,作為占位符的文本標簽會向上浮動到輸入框的上方,這種動畫效果能讓用戶明白標簽和輸入內容之間的關系。另外,標簽的顏色也會有相應的改變,能讓用戶知道哪個輸入框正處于活動狀態。浮動式標簽的優勢很明顯:簡潔、清晰、可用性高。

 

 

 

  看到這里,相信大家對浮動式標簽已經有了一定的了解。下面小飛將通過傳統的頂部固定標簽和浮動式標簽的對比,讓大家對浮動式標簽的優點有更加深刻的認識:

  1. 更小的視覺壓力

  雖然固定式和浮動式的標簽同樣只有4個字段,但是在頂部固定標簽式的表單中,用戶其實需要瀏覽更多的內容,這是因為固定式標簽和輸入框是分開的,是有一定空白區域的,在用戶看來,這完全是8個需要瀏覽的字段。用戶在進行視覺處理時會下意識覺得信息量比較密集,需要填寫的內容很多。而在浮動式標簽中,標簽字段相對而言占據較小的位置,主體輸入字段更加顯眼,不會給用戶帶來視覺上或心理上的壓力。

  2. 更容易檢查

  在表單填寫好之后,用戶通常都會快速地檢查一遍其中內容,再進行提交。而在頂部固定式標簽中,彼此獨立的標簽和輸入框會讓用戶在檢查字段內容時浪費不少時間。這是因為標簽和輸入框之間有一定的分界線,用戶必須上下掃視匹配輸入內容和對應標簽,以確保填寫的字段是正確的,這無形之中就讓檢查工作變得繁瑣復雜。

  除了頂部固定標簽外,這還有一種可用的表單設計模式。那就是讓標簽作為占位符置于輸入框中,當用戶點擊輸入時候就自動消失。這種設計同樣也存在問題,雖然它們看上去很是簡約,但用戶在輸入內容時很容易忘記需要輸入的字段是什么。這種需要考察記憶力的設計方式加重了用戶的認知負擔。

  而第三種解決方案就是我們現在所說的浮動式標簽,它結合了前面兩者的優點,又成功的規避了兩者的缺陷。一方面,浮動式標簽占據位置較少,不會產生固定標簽那樣的視覺障礙,簡約的設計有助于數據的順暢檢查;另一方面,標簽在用戶輸入的時候只會自動上移而不會消失,這不會讓用戶感到疑惑,降低了認知壓力。

關于網站制作,看看客戶怎么說
***(匿名) 評價文章 山東手機網站制作價格怎以算?手機網站建設費用需要多少錢?

手機網站建設費用是怎樣的?需要多少錢?下面跟大家分析下: 1.做一個手機網站不僅僅需要考慮到人工費用,還需要考慮到服務器、域名等方面,而且現在PC端與移動端都是一體化...

***(匿名) 評價文章 簽約三星智能鎖網站制作服務

山東建站公司九科數據成功簽署三星智能鎖網站建設項目。幫助三星智能鎖樹立全新的品牌形象。具體包括:品牌策劃、網頁設計、網站程序開發、產品上傳等一站式服務。 三星...

***(匿名) 評價文章 山東策劃網站制作需要多個環節緊密配合

網站制作簡單的說就是需要網站去通過頁面給結構定位,還要合理的布局,要有文字的處理,還要有程序的設計,數據等才可以完成,而在這個過程中,各個環節應該緊密配合。...

我要咨詢做網站
網站建設定制案例
網站建設 相關的文章
建站流程
  • 網站需
    求分析
  • 網站策
    劃方案
  • 頁面風
    格設計
  • 程序設
    計研發
  • 資料錄
    入優化
  • 確認交
    付使用
  • 后續跟
    蹤服務
  • +86 0533 4182801
    400 666 4592
品牌網站定制
營銷型網站定制
公司網站建設
Hi,Are you ready?
準備好開始了嗎?
那就與我們取得聯系吧

山東建站 感恩回饋

咨詢送禮現在提交,將獲得九科數據策劃專家免費為您制作
價值5880元《全網營銷方案+優化視頻教程》一份!
下單送禮感恩七周年,新老用戶下單即送創業型空間+域名等大禮
24小時免費咨詢熱線0533-4182801
合作意向表
您需要的服務
您最關注的地方
預算

直接咨詢

双色球走势图2浙江风采