【微信表單制作】制作一個用戶友好型表單，用它就夠了！

【微信表單制作】制作一個用戶友好型表單，用它就夠了！

作為負責網(wǎng)頁中數(shù)據(jù)采集功能的頭號猛將，表單扮演著十分重要的角色。當然，表單不僅僅是網(wǎng)頁設計中的常見元素，也和企業(yè)乃至個人都有著休戚相關的聯(lián)系。因為表單有著強大的數(shù)據(jù)收集/采集功能。注冊、下單、購買，這些日常生活中經(jīng)常見行為，背后都有表單的影子。既然有著數(shù)據(jù)采集的功能，那當表單撞上日活超10億的微信會擦出什么火花呢？那今天就和大家說說微信表單制作的一些事兒。

從簡單的電子郵件搜集和訂閱，到注冊、下單、購買，表單一直伴隨著網(wǎng)頁而存在。涉及到數(shù)據(jù)收集時，我們大多數(shù)情況下也會采用表單。因此，創(chuàng)建一個用戶友好型表單對表單的填寫效率至關重要。

那如何制作一個完美級的用戶友好型微信表單呢？我們不妨來看看人人秀H5制作工具的在線表單功能。

人人秀H5制作工具——在線表單

在H5頁面中，一個簡易的表單通常由姓名、聯(lián)系方式、和表單提交3部分組成；復雜的表單還可以包括單/復選框、評分、詳細信息等更多內容。更加高級的表單需要和問卷調查功能相互配合，二者結合能夠做出十分復雜，貼近現(xiàn)實調查表單的一份H5表單。

如何制作表單

根據(jù)需求的不同，表單的制作方法也不盡相同，不過最基礎的部分卻是相通的。下面請跟著我來一起做一份表單。如果您沒有時間一步一步看下去，請直接看最后一步表單模板一鍵套用。

主要步驟

一、創(chuàng)建姓名框

二、創(chuàng)建手機框

三、創(chuàng)建選擇框（以下拉菜單為例）

四、制作評分系統(tǒng)

五、短信驗證

六、提交按鈕

七、表單美化

八、后臺查詢數(shù)據(jù)

完成效果

一、創(chuàng)建姓名框

首先打開您的人人秀制作頁面，并選擇好背景或者模板。

選擇屏幕右側的表單按鈕，彈出選項欄，在彈出欄中我們可以看到輸入框、單選、下拉菜單等一共14種表單類型和單頁模板的鏈接按鈕。我們現(xiàn)在需要姓名輸入框，鼠標左鍵點選輸入框。

選中我們添加的輸入框，在右側可以調節(jié)輸入框類型，點擊類型下拉菜單，并選擇姓名。因為姓名是每個用戶的基礎信息，我們必須獲得，所以勾選必填。然后把輸入框調整到一個合適的位置。

二、創(chuàng)建手機框

再次創(chuàng)建一個輸入框，將類型選擇為手機，并調整至合適位置。

這樣，人人秀系統(tǒng)就會知道您所需要的數(shù)據(jù)類型是手機號碼，并自動幫您過濾部分虛假手機號。如果您需要郵箱賬號，也可以選擇郵箱，人人秀系統(tǒng)也會自動幫您識別用戶填寫內容是否為有效的郵箱格式。

因為每個手機號或郵箱號都只能對應一個有效用戶。所以，您需要在右側勾選唯一。這樣，當有人重復填寫手機號碼時，就會得到人人秀的提醒，并禁止他填寫此號碼。

如果您需要所有的人都填寫自己的手機，那么需要勾選唯一上方的必填。

三、創(chuàng)建選擇框

獲得用戶姓名以及聯(lián)系方式后，我們需要獲得一些其他信息，比如性別、職業(yè)等。所以我們需要再次點選表單按鈕，根據(jù)您的需求選擇單選、多選、下拉菜單、多級下拉等類型的表單。

這里我們以獲得用戶所在部門為例，選擇下拉菜單，并調整選框位置。更改標題為“部門”。

選擇選項中的設置按鈕，可以更改下拉選項。點擊添加按鈕添加選項，點擊已添加選項后面的刪除按鈕可以刪除它。我們添加5個選項，并分別填寫“人事”、“財務”、“技術”、“生產”、“其它”作為5個下拉選項。

如果我們還需要反饋意見或個人簡介等無法使用選擇獲得的信息，可以再次添加一個輸入框，將鼠標放在輸入框的邊界可以調節(jié)大小。然后更改標題，并調整至合適位置，選擇類型為文本。這里我們想要獲得用戶的個人簡介，那么可以更改標題為“個人簡介”。

四、制作評分系統(tǒng)

五、短信驗證

六、提交按鈕

七、表單美化

完成表單的基本功能后，我們需要對它進行美化，使其更加符合我們的需求。在這里，我們將對表單的整體樣式做一個調整。

首先選擇您所創(chuàng)建的每一個表單分項，按住鼠標左鍵拖動它，將其調整至合適位置。

然后點擊右側彈出欄中的樣式選項，分別對顏色等屬性進行調整。其中的透明度選項是文字透明度，而非表單透明度。

依次調整每一個表單，調整完后如圖所示。使用位置可以對表單的位置進行細微調整。

接下來只需要點擊發(fā)布，就可以使用啦！

八、后臺查詢數(shù)據(jù)

發(fā)布成功后，如果有用戶填寫了您的表單內容，您可以在個人中心看到用戶所填寫的資料，并對其進行管理。鼠標移動到自己制作的H5上，點擊數(shù)據(jù)，即可查看。

無論是注冊流程、多屏分步表單，或者是單調的數(shù)據(jù)列表界面，表單都是數(shù)字產品設計中的重要組成部分。本文會探討表單設計的注意事項。記住這些只是通用規(guī)范，每條準則總有例外。

下面分享一些表單設計中應當注意的事項。

注意事項1：表單應該只有一列

多列布局會擾亂用戶垂直方向的視線移動。

注意事項2：頂部標簽

頂部標簽的表單比左側標簽有更高的完成率。頂部標簽的表單也易于移植到移動端。但是，對于有多種選擇項的大量數(shù)據(jù)列表而言，請考慮使用左側標簽，因為它們在一起更易于瀏覽，能夠減少高度，比頂部標簽更貼心。

注意事項3：把標簽與輸入框成組排列

把標簽和輸入框貼近排列，確保項目之間留有足夠高度，防止用戶困惑。

注意事項4：避免全大寫標簽

全大寫標簽更難閱讀和瀏覽。

注意事項5：逐行說明錯誤

告訴用戶哪里錯了，說明原因。

逐行驗證要在用戶填完一行之后進行（除非填寫中驗證更有幫助）

別在用戶打字的時候進行逐行驗證，除非這對他們有幫助——例如創(chuàng)建密碼、用戶名之類，或者字符數(shù)提示信息。

注意事項6：不要隱藏基本的幫助提示文案

盡可能直接展示基本的幫助提示文案。對于復雜的提示文案，可以考慮在輸入框激活時，展現(xiàn)在它旁邊。

讓表單變得有趣，就用人人秀H5制作工具——在線表單制作功能！

人人秀原創(chuàng)文章，如若轉載請注明出處：http://bydok.cn/content-wxbiaodanzz