一、为什么要限制字数?
其实我之前并没有注意到字数限制或者图片视频的大小限制。做项目的时候进度很快,会觉得忽略了这些细节。很多时候都是靠开发或者测试同事随意玩,然后经常在接受项目的时候感到震惊...
是什么让我觉得字数限制这么重要?今年土地工程重建的时候,其实有足够的时间思考输入框的意义。密码输入框的限制是什么,金额输入框的限制是什么,商品标题的输入框的限制是什么,太长太短会有什么影响,是否允许输入特殊字符,特殊字符是什么……你可以写一本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.附件尺寸限制,除非有特殊场景限制,否则没有尺寸限制。