关于表单设计(登录)的几点感悟
2017-09-04 17:07
309 查看
需求:登录页:用户名,密码,验证码,短信验证码。表单验证。
原来:
1.右侧留空放提示文字:
缺点:超过一定长度会折行。
2.用input里的placeholder代替label的提示作用
缺点:输入时会消失。
现在:
1.提示文字另起一行visibility:hidden,不用担心折行问题了。
2.input加上background-img, padding-left:40px,即使输入文字时候,提示字消失也有图标提示。
3.增加了反馈提示效果,error样式,加粗和变色input边框,改变背景色。
这里还可以做这种提示,
我觉得也比较适合局部做登录框的情况。
当然如果是全页面做登录就不用考虑这么多了,空间比较宽裕。
小结:从前端来考虑,登录这部分包括表单验证反馈和输入提示等方面,
小细节:
①可以点击获取验证码后改变文字为倒计时“60秒后重新发送验证码”等改善用户体验。
②针对我们这个页面可以把两种登录方式统合到一起(手机登录和账号登录,账号可以是邮箱也可以是手机),此处应该还可以优化。
原来:
1.右侧留空放提示文字:
缺点:超过一定长度会折行。
2.用input里的placeholder代替label的提示作用
缺点:输入时会消失。
现在:
1.提示文字另起一行visibility:hidden,不用担心折行问题了。
2.input加上background-img, padding-left:40px,即使输入文字时候,提示字消失也有图标提示。
3.增加了反馈提示效果,error样式,加粗和变色input边框,改变背景色。
这里还可以做这种提示,
我觉得也比较适合局部做登录框的情况。
当然如果是全页面做登录就不用考虑这么多了,空间比较宽裕。
小结:从前端来考虑,登录这部分包括表单验证反馈和输入提示等方面,
小细节:
①可以点击获取验证码后改变文字为倒计时“60秒后重新发送验证码”等改善用户体验。
②针对我们这个页面可以把两种登录方式统合到一起(手机登录和账号登录,账号可以是邮箱也可以是手机),此处应该还可以优化。
相关文章推荐
- 关于设计的几点感悟[100124]
- 一点点关于前端开发和网页设计的感悟
- 关于回家、圈子、相信、价值——几点感悟
- 28个非常酷的登录和注册表单设计创意
- 关于SQL Server数据库设计的感悟,请指教
- 关于web界面设计的整体可维护性的感悟
- 关于SQL Server数据库设计的感悟(转)
- (CSS3)用outline属性设计登录表单里的轮廓
- 关于设计模式的感悟3
- 用lotusscript动态刷新登录页表单设计
- 关于云计算架构设计的几点注意事项
- 关于设计模式的感悟4
- 关于软件设计分层的感悟1224
- 转型做产品设计几点感悟
- 22个完美设计的 PSD 登录表单模板免费下载!
- 关于设计模式的感悟5
- 系统设计时关于性能问题处理的几点心得
- 关于MySQL数据库设计的几点优化措施
- 关于网站缓存设计的几点思考