《产品经理心得》02:表单提示和输入验证方案
内容导航:
- 前言
- 1、作品案例
- 2、提示的类型
- 3、按照时间顺序划分
- 4、建议
前言
表单是Web设计中使用频次非常高的页面,那么,其用户体验也占据了整个产品体验的很大比例。因此,如何统一的设计表单提示和输入验证提示的综合解决方案显得非常重要。
1、作品案例
2、提示的类型
加载提示:
默认提示:占位提示,holderplace;
输入提示:
必填提示:
检查提示:格式、长度、精度、范围和字符类型提示;
原件提示:
提交提示:
3、按照时间顺序划分
加载时:加载提示,如正在载入中…
加载后:输入控件默认提示。操作类型,如请输入/请选择;字段名称,如手机号/密码/短信验证码;最大最小程度限制;示例;目的;意义;作用;用途;效果等;
获取焦点时:默认提示隐藏,触发输入提示;
输入时:
失去焦点时:先必填提示,后检查提示;
提交前:先必填提示,后检查提示;
提交后:成功或失败提示;
4、建议
提示是渐进式的且不是设计的最终目的。即提示是为了引导用户如何愉悦的和正确的输入并提交,而不是给用户制定强制条款并警告用户必须遵从,这样会增加用户的心理负担,激发厌烦情绪。除非用户真的在必填字段未填任何数据或者输入的数据的格式、长度、精度和字符类型不符合程序期望,界面才进行“善意”、“友好”的必填提示和检查提示。另外,如果界面中输入字段超过3个建议使用向导。
好好学习,天天向上!继续下一章…
《产品经理心得》02:表单提示和输入验证方案相关推荐
- JS去掉“确认重新提交表单”提示
一行JS代码去除 确认重新提交表单 提示 当你的HTML里有form时,再点刷新浏览器就会阻止你重新提交,防止给服务器发送多个form 原意是好,但当你的form是可以重新提交的时候,每次刷新和返回都 ...
- 基于表单的网站身份验证的权威指南[关闭]
基于表单的网站身份验证 我们认为Stack Overflow不仅应该是非常具体的技术问题的资源,而且还应该是关于如何解决常见问题变化的一般指导原则. "基于表单的网站身份验证"应该 ...
- 下列关于html5表单的多样输入方式,IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1...
原标题:IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1 HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证.并不是所有的主浏览器都支持新的input类型,不过我们可 ...
- Ant Design of Vue +TS 表单动态增加数据验证卧坑姿势
文章目录 Update 20210601 Update 20210525 原文: 1.a-form的model 2.获取数据 源码 Update 20210601 今天做别的页面的时候发现又取不到数据 ...
- 产品经理如何来优化CSDN手机短信验证的功能
产品经理如何来优化CSDN手机短信验证的功能 昨天4月12日星期三,博友都在说:"我的手机验证不过呀". CSDN运营PLMM也一直抱怨:"今天一天博客的事都没完成,一天 ...
- html表单 asp验证,ASP中JavaScript处理复杂表单的生成与验证
ASP中JavaScript处理复杂表单的生成与验证 更新时间:2007年03月25日 00:00:00 作者: 这里所谓的复杂表单,是指表单中包含多种不同的输入类型,比如下拉列表框.单行文本.多 ...
- 用户注册表单的设计及验证
JSP程序设计程第二版 用户注册表单的设计及验证报告 用户注册表单的设计及验证 设备仪器/软件环境 1.Windows 10系统 2.JDK.eclipse.Tomcat 实验(实训)/目标 1.掌握 ...
- php 表单录入,PHP 表单和用户输入
PHP 表单和用户输入 介绍表单之前我们先来了解一下关于表单的基本知识点: 1.表单标签 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按 ...
- JEPaas代码_((表单)_输入字段值而改变值)
JEPaas代码_笔记((表单)_输入字段值而改变值) 我也是新手入门,不是很熟练JEPaas后台,正在学习中- var v=parseInt(value);console.warn('出库数量改变' ...
最新文章
- android把255转换成字节,android 上传参数设置,字符转化成字节,包装流等
- IP、TCP、UDP报文头说明
- mac终端python删除键不能用_我把mac 系统下的python目录删掉了怎么办
- c/c++实现一个密集型server/socket多路复用select
- 看看这几个版本Linux系统总有一款适合你
- 漫话:如何给女朋友解释什么是3PC?
- 上市4年,现在苹果要停产它了
- 【Kafka】Kafka Tool 2 使用教程 SASL_PLAINTEXT
- linux下vasp安装
- php gmssl,golang gmssl编译不过
- java常见面试考点(九):SSM面试题
- IP修改后自动还原(IP地址无法修改)
- 使用uiautomation 实现微信自动发送消息
- MTK LED驱动异常检测步骤
- Word 模板渲染引擎-Poi-tl
- 请求的操作需要提升 win10
- OKR与KPI有什么区别
- 利用华为云ECS服务器搭建安防视频监控平台
- 计算机考试设置背景音乐,给Excel表格添加背景音乐
- 好程序员Java培训分享如何快速入门Java编程
热门文章
- C# DirectX.DirectShow-音视频播放或捕获
- Ztree树的复选框和获取选择的节点实例和代码
- n%2==1什么意思?n/2什么意思?有n\2这种写法吗?
- 社交圈子挖掘的一种快速的方法--label propagation
- Android客户端Push 透传与通知栏
- Flutter,Android,java现在又来了个国产鸿蒙,字节跳动Android面试
- 基于高频方波电压注入的永磁同步电机无感FOC 采用方波电压注入,减少了提取dq轴基频电流时LPF的使用
- 什么是Linux主机?
- 收藏 | 浙江省各地教师公务员等实际工资爆料
- 网络摄像头海思开发板_海思HI3518EV、200wifi摄像头完美解决方案