一、為什么要限制字數？
其實我之前并沒有注意到字數限制或者圖片視頻的大小限制。做項目的時候進度很快，會覺得忽略了這些細節。很多時候都是靠開發或者測試同事隨意玩，然后經常在接受項目的時候感到震驚...
是什么讓我覺得字數限制這么重要？今年土地工程重建的時候，其實有足夠的時間思考輸入框的意義。密碼輸入框的限制是什么，金額輸入框的限制是什么，商品標題的輸入框的限制是什么，太長太短會有什么影響，是否允許輸入特殊字符，特殊字符是什么……你可以寫一本10萬本書來回答。
所以我想通過這個機會總結一下為什么要限制字數。
1.用戶體驗。
1.前后交互:每個輸入框都有其意義，字數限制是反映其意義的一點。合理的限制可以改善整個產品的體驗，使產品看起來舒適易讀；
2.提交內容:提交內容時，提前預測填寫的內容，然后填寫；
3.業務需求:同一內容發布，微博2000字，紅薯1000字，微信2000字。為什么會有差異？比如微博重媒體屬性，微信重朋友社交屬性，小紅薯重分享屬性。字數限制也是平臺定位的體現。
2.項目管理。
清晰的字數限制說明可以降低團隊的溝通成本:
1.設計數據庫時，后端技術同事會根據限制設計字段；
2.構建頁面時，前端技術同事會根據限制編寫輸入框；
3.編寫界面時，后端技術同事會根據特殊字數限制在界面上提交判斷，防止一些攻擊性操作；
4.測試時，測試同事會根據限制進行測試，以確保輸入框穩定可用。
二、交互類型的限制。
傳統上有兩種字數限制，需要根據不同的業務需求進行選擇。
1.輸入框內容不得超過限制。
美團外賣-個人中心-個人介紹輸入框限制，直接顯示字數限制，不能多輸。如復制粘貼，只能粘貼上半部分，下半部分不能正常顯示。
圖1美團外賣-個人介紹-字數限制。
這是一種輸入框形式，另一種是在輸入過程中過程中輸入的內容文案數量。如下圖所示，用戶期望在輸入過程中知道剩余的可輸入字數。淘寶后臺-發布寶貝如下圖所示。
當輸入超過時，紅色提示超過數量，當鼠標定位離開輸入框時，刪除超過內容而不顯示。就我個人而言，這合后臺管理，有明確的限制超過不輸入。***規范管理員的工作，在準備材料或文案時提前做好準備。
2.輸入框內容可以超過限制，然后提交限制。
類似于小紅書的共享類型的社交平臺，通過標記紅色數字交互提醒超出部分，點擊發布/提交時彈出提示字數限制。刪除時，用戶可以實時感知需要刪除多少字符以滿足要求。
3.對比總結。
我認為兩種形式都可以，但在不同的場景中會有更合適的交互。
·如果是后臺管理系統，或者是用戶昵稱/簡介這類偏數據的內容，比較簡短，建議首先使用。不推薦產品本身，也不希望用戶輸入太多內容。
·如果用戶發布帖子、文章等，這種類型的想法內容，更豐富的層次內容，建議使用第二種。合理引導用戶刪除冗余內容或發布多個內容。
三、常規字數限制。
收貨人：不超過25個漢字，不包含特殊字符。來源淘寶-添加收貨地址。
詳細地址：長度應在2-120個字符之間，不能包含特殊字符。來源淘寶-添加收貨地址。
四、番外-圖片限制。
圖片限制有以下緯度：
1.圖片限制張數，是否必須填寫；
2.圖片格式有限，通常允許上傳png和jpg。特別允許上傳gif、jpeg。
a.png：可支持透明底圖片，為無損壓縮格式；
b.jpg:不支持透明底圖片，是有損壓縮格式(失真壓縮)；
c.jpeg:不支持透明底圖片，是有損壓縮格式(破壞性數據壓縮)。
d.gif：可支持上傳動圖，透明底。
3.圖片文件大小限制：
a.一般有像素限制和文件大小限制；
b.上傳圖片的限制一般為3-5M，壓縮后存儲。
4.圖片尺寸限制：
a.參照前端顯示比例，可以說明建議尺寸或建議比例；
b.這里需要考慮的是圖片的使用場景。如果圖片在不同的使用頁面上有不同的尺寸比例，則需要相應的提示。建議上傳圖片時，周圍有一定的安全空間；
5.圖片剪：
等壓縮占滿高度/寬度，水平居中顯示。
6.圖片懶加載：
A.默認情況下，加載兩張圖片，一張縮略圖，一張原圖(前提是上傳圖片時壓縮前端上傳)；
b.優先顯示縮略圖，前端通過JS監控原圖加載。原圖加載成功后，隱藏縮略圖；
c.這可以優化用戶體驗，減少圖片等待時間過長。
五、番外-視頻限制。
對視頻的限制，有以下幾個緯度：
1.視頻數量限制，是否必須填寫；
2.視頻格式限制，常規允許上傳:
A.微軟視頻：WMV，AVI，ASF；
b.RealPlayer:RM，RMVB；
MPEG視頻：MPEG；
d.手機視頻：3GP；
e.Apple視頻：MOV；
f.Sony視頻：MP4；
g.其他常見視頻：FLV。
3.視頻大小限制：
限制視頻一般為30-50M。
4.視頻顯示：
A.封面圖，前端獲取視頻***幀作為封面。
六、番外-文件限制。
附件的限制如下：
1.附件數量限制，是否必須填寫；
2.附件格式的限制，除非特殊場景限制，否則沒有格式限制；
3.附件尺寸限制，除非有特殊場景限制，否則沒有尺寸限制。
