前言

鍵盤輸入相對于點擊選擇來說，是一種操作成本很高的動作。輸入格式錯誤、輸入內(nèi)容超出范圍、內(nèi)容刪除方式（是否需要一鍵清空），都是值得探討的點。本文將分類討論關(guān)于文本框輸入超出限制時的一些狀況和思考。

基礎(chǔ)篇：

什么場景下需要/不需要設(shè)定輸入限制？為什么？

短文本場景：

需要進行輸入限制（如常見的賬號、密碼、標題等）

原因分析：

1. 認知層面：減少瀏覽時的認知和記憶負擔
2. 語義層面：比如商品名，本質(zhì)是形容詞+名詞的結(jié)構(gòu)，理應(yīng)不會太長
3. 閱讀層面：移動端屏幕空間有限，用戶注意力難以集中，不必要的長文本根本不會被讀
4. 展示層面：簡單粗暴，文字太長會放不下

長文本場景：

需要分類討論，有限制和無限制都有可能。

有輸入限制的原因：

1. 可能是為了營造一種更輕量的閱讀和表達體驗。如微博之于博客。
2. 避免過度描述，讀者的注意力不夠支撐，意義不大。

無輸入限制的原因：

1. 無法預(yù)測用戶將要輸入的信息量，因此不設(shè)限制，讓用戶暢所欲言。
2. 用戶輸入的信息與業(yè)務(wù)密切相關(guān)，如商品評價會對商品成交有顯著影響，因此不應(yīng)該限制用戶的點評。

如果不需要輸入限制，有哪些交互方案可選？

不論是單行輸入或是多行輸入，輸入框的高度都不發(fā)生變化。常見于搜索模塊和點評模塊。

隨著輸入內(nèi)容的增加，輸入框的高度也相應(yīng)增加。由于鍵盤占據(jù)一定高度，因此要設(shè)定輸入框高度的最大值。

如果需要輸入限制，有哪些交互方案？

直接無法繼續(xù)輸入內(nèi)容，無提示。見于微信的設(shè)置備注與設(shè)置名字。

當輸入量瀕臨極值時，出現(xiàn)高亮的字數(shù)提示，在不打斷用戶的輸入流程的情況下，用較為安靜的方式提示用戶。

當輸入量超出最大值時，可以考慮用：

1. toast 提示，告知用戶已經(jīng)超出字數(shù)（抖音）
2. 用高亮文案告知用戶，已經(jīng)超出范圍，需要刪除部分內(nèi)容（脈脈）
3. 當用戶點擊行動點后，方才提示用戶字數(shù)超標（朋友圈）

三種方式的強調(diào)程度：高亮文字 < toast < 對話框

分段提示

微博采用了分段的形式進行提示：

1. 正常范圍，字數(shù)弱提示
2. 超出 140 字，字數(shù)高亮
3. 字數(shù)來到第二檔位，提示轉(zhuǎn)為頭條文章
4. 超出字數(shù)上限，點擊發(fā)布后，會有對話框提示

總結(jié)

雖是非常細小的交互點，同樣需要仔細思考，把場景分析清楚。讓設(shè)計更加有理有據(jù)。

感謝閱讀。

歡迎關(guān)注作者微信公眾號：Change Design