重新思考数据输入

前言

在目前的产品交互中,输入数据然后程序或者产品对数据进行验证是非常常见的需求,而产品进行验证的目的性也很明确,就是为了避免脏数据进入数据库。但是从产品交互本身来讲,产品是为了让用户更加准确的、简单的使用一个功能,而不是在出错或者用户目的很明确的时候告诉他输入错误了。

数据完整 && 数据免疫

数据完整换句话就是产品对数据库中存储的数据有效性、科学性是有要求的,而目前的这些要求为了控制来源,让严格的要求控制了用户的体验和输入。(而对于已经录入到数据库的数据,默认认为是正确的)

目前大部分产品是如何保证这方面的呢?

可以看到大部分产品在需要用户数据输入的时候,在提交之前都会做各种验证以及相应的提示,较好的产品还会做出很人性化的提示,告诉自己哪些字段是否必填,以及验证规则是什么。但这样在做好数据完整的同时丢失了较好的用户体验。我们可以操作一些数据让数据具有免疫能力。

输入控件

这个是比较科学常见的方案之一,提供对应数据的数据来源,让其是在控制范围内选择的。比较常见的有 :日期选择控件,选择下拉列表,远程搜索输入框,数字控件,数字键盘,单选多选控件,菜单式选择。

技术转换

在某些情况下,同等效力的输入数据应该是被支持的,虽然这些数据不是直接符合要求的,但可以经过一些技术手段进行自动的转换,最终实现我们的目的。

常见的技术场景比如:保留两位小数,自动转换金额类型,数据格式(文本与数据转换),非标准排版与标准排版,去空格等等

校验前置 && 动态校验 && 操作不可用

校验前置 && 操作不可用

一般情况下,这两个是同时设置的,也就是在校验时动态校验,当其符合基本的操作要求的时候,才会让操作按钮变为可用操作,否则为禁用或者错误不可操作状态,这也叫校验前置,对于每个必传的字段必须有明确的标识来说明必填性以及其正确的规则或者示范性的数据输入。

动态校验 && 操作不可用

动态校验是指针对输入数据的动态监听,当其符合规则时,放开其一个逻辑的验证,如果所有的条件都符合了,把操作重置为可用 ;否则变为不可用 ;

另一条自然是动态校验的触发规则:常见的有 :获得/失去焦点,值改变,交互事件(鼠标、键盘、手势),其他(复制粘贴),监听系统相关信息。

智能纠正

当用户真的输错了,但是无法确定自己真正输入的时候,提供更多的方式或者提示让他得到正确的返回。曾经输入法里有些字我们是不知道怎么念的,这时候输入法可以提供一些偏旁或者拼字的提示,让我们找到那个字,而不是仅仅靠拼音,或者把这个字复制粘贴出来再查拼音。

也有些时候是概念转换,或者是相近词语。

比如数字的1 与汉字的一,在某些场景下我们需要用户输入的是汉字的1,但用户不知道其怎么写或者控制输入的规规性,可以将某些特定的内容进行智能纠正,然后让用户抉择是否用这个 ;

还有一种是相近词语提供选择,在一些相近词语的时候,可能用户原来只知道一个模糊的概念,当通过我们的产品他能更清晰的定位和概念化自己想要输入的内容,以及自己真正想要的是什么,这个在我们搜索商品的比如衣服的时候很常见。我们搜索袜子,但不知道也没有概念选什么种类,然后看到了有长筒袜,短袜,船袜,丝袜,棉袜等,有些这些提供的概念和相近选择,用户可以更清晰的去选择得到自己想要的内容,这也是我们系统想要用户输入的。

总结

今天的读书笔记分享就到这里,《About face交互设计4》这本书还是相当经典的,作为产品、交互设计师或者前端都是有必要读下的,让你的产品锦上添花。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏tkokof 的技术,小趣及杂念

“疑难杂症”又二记

  目前开发的游戏很多地方都用到了Hotween,个人感觉还是挺不错的(题外话,Hotween的第二版Dotween应该也快正式Release了,各种改进令人期...

10130
来自专栏全栈工程师成长之路

网站项目开发学习手册

46160
来自专栏更流畅、简洁的软件开发方式

我写项目的思路和“自然架构”

我写项目的思路     三层的思路是要把页面(UI、数据显示)、业务逻辑、数据处理(也叫持久化)分离开来处理,思路自然是好的,但是一到了实际应用中,好多人...

22890
来自专栏Android 开发者

Android P Beta 2 及终版 API 强势来袭!

33140
来自专栏腾讯Bugly的专栏

《腾讯大家》小程序开发总结

腾讯大家小程序与公众号精密结合运营,通过传播引发网友关注,扩大腾讯大家内容的出口。

2.7K110
来自专栏BestSDK

如何模仿网易新闻客户端,动态加载启动页面

编辑导语 不管是原生开发(iOS)还是APICloud开发的APP,都是不能在打包后修改启动图的,除非你的APP重新打包升级更新,以跟换启动图。 启发思路: 既...

455100
来自专栏花叔的专栏

多端统一开发框架 Taro 1.0 正式发布

Taro 是一个多端统一开发框架,它支持使用 React 的开发方式来编写可以同时在微信小程序、Web 、React Native 等多个平台上运行的应用,帮助...

26020
来自专栏腾讯移动品质中心TMQ的专栏

腾讯TMQ在线沙龙回顾|UI自动化中阶思考与实践

UI自动化中阶思考与实践 活动时间:2017年4月17日 QQ群视频交流 活动介绍:TMQ在线沙龙第十九期分享活动 本次分享的主题是:UI自动化中阶思考与实践 ...

31590
来自专栏编程坑太多

css写出爱心版加载效果

19030
来自专栏花叔的专栏

解读最新小程序跳转方式,请叫我预言花

本文未经允许.......可随意转发^_^!! 话说,小程序团队是打算每个节日发布一个新特性么?61儿童节运营方的礼物来了: 公众号文章内支持小程序跳转的文字链...

69170

扫码关注云+社区

领取腾讯云代金券