能力

行业

客户案例 帮助中心
选择语言

简体中文

English

表单制作与信息收集 表单美化 表单重装上阵,外观体验全面升级!

表单重装上阵,外观体验全面升级!

新年新气象,开学要用新表单~

麦客表单全面更新升级,不仅优化调整了多个组件的外观样式,还增加了大量动效细节,让填表体验更顺畅。

让我们一起看一下,此次表单升级的主要优化:

1. 图片商品自动对齐,排版更整齐

展示类图片智能排版,高矮胖瘦自动对齐——开展图片投票,上架更新商品,操作更简单,展示效果更完美!

此外,查看图片选项或商品图片时,增加了图片的聚焦放大效果,定位更清晰,点击动效更顺畅;查看大图时,可以通过鼠标滚轮放缩图片,图片细节无遗漏!

2.外观样式更新,形式统一,布局合理

表单组件外观样式更新,同时增加大量交互动效,主次更分明,布局更合理,静态动态都好看!此次外观样式变动较多,几乎每个组件都有变化,我们简单来看几个:

  • 选择组件选项后输入框,紧跟选项文字,布局更紧凑,尺寸更合理;

  • 评分组件移动端样式调整,与PC端统一,更加简洁大方;

  • 多级下拉组件,默认只展示一级,节省空间,移动端增加各级下拉框间隔,布局更合理;

  • 身份证组件输入框尺寸调整,号码的输入和展示更加方便美观。

3. 组件填写提示优化,清空重填更方便

下拉类组件的默认提示文字优化,提示文字与选项分离,减少干扰;
下拉、多级下拉、日期、城市等组件,新增清空输入功能——点击输入框右侧的“X”,一键清空已填内容,重填更方便。

日期组件新增默认提示文字,提示当前支持的具体时间格式,引导填表人正确填写。

4. 组件报错提示优化,快速定位错误内容

表单各组件的报错提示优化,报错样式更统一,定位及描述文案更精准,帮助填表人快速定位问题,提升填表速度,确保反馈有效。

5. 城市/所在地组件,输入联想模式优化

输入联想模式下,输入城市/所在地关键词时,系统将根据最新行政区划数据,实时给出匹配的省市选项。地址输入更规范,移动端操作也顺手。

比如想要填写“山东省青岛市”,只需输入“青”字,即可检索出全国地址库中所有相关省市,点击目标结果输入即可;输入信息越全,检索结果越精准,同时支持首字母做关键词查询,搜索更便捷。

6. 新增支持腾讯地图,微信中使用更方便

在移动端微信中点击地图组件时,系统将自动跳转至腾讯地图打开指定地点,定位导航无缝衔接,地图使用更便捷。

7. 移动端插件统一优化,底部操作更顺手

移动端选择日期、展示下拉选项、选择省份城市等操作,统一在屏幕底部进行,交互更规范,手指操作更容易。

8. 提交区排版优化,翻页动效更漂亮

提交区默认样式调整,按钮更醒目,布局更合理,引导效果更好;搭配全新的表单翻页动画效果,全面提升表单表现力,让您的官网、产品介绍、问卷调研,漂亮的足以媲美原生APP!

9. 表单加载优化,填表率直线上涨

打开表单时,采用全新的骨架屏加载占位,页面加载体验更出色;图片载入技术也做了改进提升,查看多图表单可以更快更流畅。

“骨架屏”是在页面完全加载前,通过一些灰色的区块把网页的大概轮廓预先显示,再加载真正内容,可以让加载过程更顺畅,用户体验更佳。

10. 附件上传速度优化,妥妥提升工作效率

优化表单的文件上传机制,使用附件/图片上传组件收集各种文件照片时,可以更快更轻松。

小编测试时,使用同样的设备上传9.37M视频文件,原表单用时1.83s,优化后用时1.25s,速度提升很明显。

阅读 17907
最后更新于 2021.03.03

推荐阅读