編輯導(dǎo)語：文本框字?jǐn)?shù)限制是產(chǎn)品使用過程中的常見場景之一，那么，依據(jù)不同的業(yè)務(wù)場景特征，文本內(nèi)容的字?jǐn)?shù)限制應(yīng)當(dāng)如何處理、才可以給用戶更好的交互體驗(yàn)?zāi)?？本篇文章里，作者針對文本框字?jǐn)?shù)限制進(jìn)行了思考，一起來看一下。

一、是否需要限制

短文本內(nèi)容肯定需要限制，如標(biāo)題、介紹等，涉及到長文本的內(nèi)容時(shí)，是否做限制呢？

實(shí)際案例：B端產(chǎn)品中的一個(gè)功能：調(diào)度任務(wù)通知。管理員希望將定時(shí)任務(wù)結(jié)果推送至移動(dòng)端（下圖中內(nèi)容字段填寫的內(nèi)容將被推送至用戶的移動(dòng)端）。

場景：公司發(fā)工資后，給員工移動(dòng)端發(fā)送一份關(guān)于該員工的工資消息。

移動(dòng)端由于物理尺寸的限制，文字過多時(shí)展示的效果不佳。

而我們因多種原因沒有收集實(shí)際業(yè)務(wù)場景中到底最多需要文字，便產(chǎn)生了兩種看法。

1）不做限制，管理員隨意發(fā)揮

1. 我們不能確定業(yè)務(wù)需求的最大邊界字?jǐn)?shù)是多少；
2. 管理員一定知道多文字展示的效果不佳，如果他要寫很多內(nèi)容造成閱讀困難，一定是業(yè)務(wù)上有訴求，造成的閱讀困難是迫不得已。

2）做限制，可能是1000個(gè)字或者2000個(gè)字

1. 既然是客戶端通知消息內(nèi)容就應(yīng)該簡短，直接明了，如果幾千字都不能表述清楚，就該質(zhì)疑通知的必要；
2. 超長文本極大的影響了閱讀體驗(yàn)，可能根本沒人會(huì)讀；
3. 如果客戶確實(shí)有超長文本通知的需求，能否有其他的展示形式，比如郵件、附件。

個(gè)人認(rèn)為還是做限制比較好。

• 產(chǎn)品維度：平臺(tái)定位不該只是一個(gè)任由客戶發(fā)揮的工具類產(chǎn)品，而應(yīng)該做一些合理的限制，引導(dǎo)客戶將業(yè)務(wù)做得更好。
• 性能維度：不限制加載速度慢，維護(hù)起來也很麻煩。
• 易用性：難讀、難看導(dǎo)致客戶端通知失去其價(jià)值。

具體限制多少，可能需要找到一個(gè)通用且符合業(yè)務(wù)限制的字?jǐn)?shù)，找起來麻煩，就拍板1000吧！

二、限制的交互形式

產(chǎn)品設(shè)計(jì)對文本框的字?jǐn)?shù)有了限制，當(dāng)文本內(nèi)容達(dá)到這個(gè)字?jǐn)?shù)邊界時(shí)，限制方式有以下兩種。

1. 輸入內(nèi)容不可超過限制字?jǐn)?shù)，當(dāng)前界面或彈窗提示字?jǐn)?shù)已超，直接可進(jìn)行下一步操作

如下圖小紅書的用戶名直接展示了限制字?jǐn)?shù)，無法多輸。

即文本達(dá)到邊界時(shí)限制用戶了的行為，希望用戶在輸入最后的一點(diǎn)內(nèi)容時(shí)對文本字?jǐn)?shù)做出思考。而結(jié)尾的內(nèi)容通常很難刪減，此時(shí)用戶需要將未輸入的內(nèi)容存在腦子里，到前面的文本里去刪減一些可有可無的內(nèi)容。

刪多少取決于最后還有多少內(nèi)容要輸，字?jǐn)?shù)少還能掰個(gè)手指，字?jǐn)?shù)一多計(jì)數(shù)就會(huì)很麻煩，可能要試好幾遍才能放下最后的一點(diǎn)內(nèi)容。

同類場景還有復(fù)制粘貼，用戶在其他地方復(fù)制了一段文字粘貼在文本框，發(fā)現(xiàn)只能粘貼上前半段，后半段沒了，必然得刪減后再進(jìn)行復(fù)制粘貼，很麻煩。

整個(gè)流程：輸入不完整內(nèi)容——?jiǎng)h一些——補(bǔ)不完——再刪一些——再補(bǔ)完。

2. 不限制用戶的輸入，輸入內(nèi)容可超過限制字?jǐn)?shù)，刪減后進(jìn)行下一步操作

1）當(dāng)前界面提示具體已超字?jǐn)?shù)，操作按鈕禁用，刪減后可就行下一步操作

超出部分通過標(biāo)紅數(shù)字或禁用按鈕等交互提醒，用戶進(jìn)行刪減時(shí)可實(shí)時(shí)感知到還需要?jiǎng)h多少字能滿足要求。

如知乎網(wǎng)頁版的提問窗口：

整個(gè)流程：輸入完整內(nèi)容——部分刪減——下一步操作。

2）點(diǎn)擊操作按鈕后僅提示字?jǐn)?shù)已超，刪減后才可進(jìn)行下一步操作

如微信發(fā)布朋友圈時(shí)的提示：

三、限制交互的結(jié)論

第一種方式本質(zhì)上打斷了用戶的思路，第二種方式允許用戶先完成自己的想法。

1. 簡短內(nèi)容可用第一種（限制字?jǐn)?shù)）

通常是標(biāo)題、簡介等，內(nèi)容不長用戶可以在腦海中構(gòu)思，無需記錄下來刪減，即時(shí)刪減，范圍也有限。

言外之意：這地方有限制，你想好了再填。

這類產(chǎn)品本身由于顯示效果或設(shè)計(jì)要求并不希望用戶所填內(nèi)容達(dá)到最大限制，為了避免無限制而需要取一個(gè)最大值。

2. 大段內(nèi)容用第二種（不限制字?jǐn)?shù)）

用戶在編輯大段文字時(shí)總是希望能將想法先完成，再去編輯刪減適應(yīng)產(chǎn)品（復(fù)制粘貼同理）。

本文由 @B端交互設(shè)計(jì)師 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于CC0協(xié)議