現在的前端頁面不是實現功能就行，日漸趨向於移動端的頁面不僅需要美觀還要求好用。這就誕生了一個新的職業：交互式設計師。大公司有人專門干這個事，而小公司一個做后台要去關心這件事，真是炒蛋！
你的頁面為什么做的這么丑，用戶反映不好用，其實還是丑。那你看看這篇文章吧！移動端表單最佳實踐
總結10條黃金法則提升Mobile表單體驗
1. 最少夠用原則
用戶是被動接受去完成一份表單的。每多一個填寫項，就會降低一點好感度，還可能讓一部分用戶放棄。甚至我常遇到一些新下載應用，一啟動后就鎖定在注冊頁，跳都跳不過，連內容是什么都不知道用戶為何要先向你付出呢？沒有比這更糟糕的體驗了。表單的創建者應梳理問題的優先級，哪些是必要的問題，而哪些問題是可以舍棄或換一個時間去解決的。
2、使用簡潔的文字
在同樣數量的表單項下，描述的文字過於啰嗦，讓人第一眼就生出“好多信息需要填，好麻煩”的沉重感，導致用戶在填寫過程中需要花費額外的精力去解讀文字，以致於無法保持好心情。如果是調查問卷，就極有可能獲得一份敷衍或錯誤的反饋結果。所以我們應該盡可能刪減掉的無用文字描述。
3、給予有效的幫助
用戶想要知道在輸入框中填入什么樣的信息才是合理的，標題（Label）、占位符（Placeholder）、輔助文字提示（Tips）都能指引用戶進行有效的內容輸入，在業務場景中應合理利用避免三者重復。
4、一頁只做一件事
有的時候表單的內容可能非常多，需要用戶進行大量的填寫，這個時候我們要注意，不要一次性把所有需要填寫的內容都展示給用戶，這樣會嚇到他們，讓他們覺得需要在這個表單上花費大量的時間，有可能就放棄填寫了。
5、選擇合理的布局結構
合理的布局決定了用戶閱讀表單時的效率和出錯率，在PC端中優先推薦的是左右結構（標簽左／右對齊），這種結構可以讓用戶的視覺聚焦每一項表單的標題，迅速建立對填寫項目綱要的認知。
而移動端橫向空間有限，且考慮到國際化場景業務，優先推薦使用上下結構（標簽頂對齊）。當表單內容足夠簡單時，可以使用左右結構，因為左右結構能更好地節省頁面的縱向空間，避免用戶反復滑動屏幕。
6、提供更直接的輸入方式
在一些選擇類的表單中，通過多種組件將選項直接表露出來，讓操作步驟變得更簡短
7、提供合適的鍵盤布局
根據每個表單域的不同數據類型，為用戶提供不同的鍵盤布局。通常可以進行優化的輸入類型包括：
數字: 電話號、信用卡號、PIN 碼（彈出純數字鍵盤）
文本: 固有名稱、用戶名（彈出字母鍵盤）
混合格式: 郵箱地址、街道地址、搜索查詢（彈出字母鍵盤）
8、不要重復必填提示
在某些業務場景中，表單創建者友好地告知用戶有些非必填選項，在必填選項上打上了“*“號。在前文中提到，盡量避免顯示不必要的字段，它會讓表格更簡短。但有時候確實不能避免它，所以當出現少量可選填的字段時，去突出顯示“選填“，而不是把所有的必填字段都打上“*”號。
9、及時地驗證錯誤
當用戶填完了所有信息提交時，才發現有一堆錯誤，心情一定是非常糟糕的。即時校驗可以在完成一項內容輸入后即刻告知用戶輸入的正確性，甚至能引導用戶進行接下來一系列有關聯性的輸入。即時校驗的提示一定是醒目的，且提示信息應明確指明出錯的位置及修改的具體辦法。
10、選擇合適的提交位置
提交按鈕最常用的位置是右上角和下方。在右上角通常是文字按鈕，而在下方一般有：固定在屏幕底部、跟隨鍵盤移動、隨表單移動。
