交互思考:文本框字?jǐn)?shù)限制
編輯導(dǎo)語:文本框字?jǐn)?shù)限制是產(chǎn)品使用過程中的常見場(chǎng)景之一,那么,依據(jù)不同的業(yè)務(wù)場(chǎng)景特征,文本內(nèi)容的字?jǐn)?shù)限制應(yīng)當(dāng)如何處理、才可以給用戶更好的交互體驗(yàn)?zāi)??本篇文章里,作者針?duì)文本框字?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)端)。
場(chǎng)景:公司發(fā)工資后,給員工移動(dòng)端發(fā)送一份關(guān)于該員工的工資消息。
移動(dòng)端由于物理尺寸的限制,文字過多時(shí)展示的效果不佳。
而我們因多種原因沒有收集實(shí)際業(yè)務(wù)場(chǎng)景中到底最多需要文字,便產(chǎn)生了兩種看法。
1)不做限制,管理員隨意發(fā)揮
- 我們不能確定業(yè)務(wù)需求的最大邊界字?jǐn)?shù)是多少;
- 管理員一定知道多文字展示的效果不佳,如果他要寫很多內(nèi)容造成閱讀困難,一定是業(yè)務(wù)上有訴求,造成的閱讀困難是迫不得已。
2)做限制,可能是1000個(gè)字或者2000個(gè)字
- 既然是客戶端通知消息內(nèi)容就應(yīng)該簡短,直接明了,如果幾千字都不能表述清楚,就該質(zhì)疑通知的必要;
- 超長文本極大的影響了閱讀體驗(yàn),可能根本沒人會(huì)讀;
- 如果客戶確實(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ì)對(duì)文本框的字?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í)對(duì)文本字?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)容。
同類場(chǎng)景還有復(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é)議
贊
啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS啊颯颯阿薩AS