美文网首页产品交互
验证码按钮摆放

验证码按钮摆放

作者: liouu | 来源:发表于2016-04-14 10:59 被阅读220次

[问]你平时见到的输入手机号-获取验证码-输入验证码的格局是什么样的?为什么这个要这么摆?

我就不做反面摆放了(因为我懒),一般的第一行[输入手机号码]的输入框,第二行摆放一个[输入验证码]的输入框,紧接着在其右边放一个,[获取验证码]的按钮,这样的布局奇怪的地方在于,在输入手机号码之后,先看到[输入验证码],然后看到[获取验证码]的按钮,这样的操作本身就存在逻辑错误,不明真相的吃瓜群众一定会重复看到两遍的[输入验证码],为了改善这一体验,所以,先看到[获取验证码]的按钮,再[输入验证码]就一气呵成了。

有人要问,直接在第一种情况里,把[输入验证码]和[获取验证码]按钮调换顺序不就行了,(OS:我现在还有点没睡醒在写这个,不问这种傻问题大家心里都好受点),因为按钮放在前面,本身就令人感到奇怪的(毕竟没有哪家这么做过,我可不想吃螃蟹),so,这样的摆放,就有科学依据的哈~~~~

相关文章

  • 验证码按钮摆放

    [问]你平时见到的输入手机号-获取验证码-输入验证码的格局是什么样的?为什么这个要这么摆? 我就不做反面摆放了(因...

  • Flutter布局锦囊---验证码倒计时

    设计给的效果如下: 拿到设计后,先把整体拆分成几个部分: “获取验证码按钮”,可以通过点击按钮来获取验证码。 然后...

  • 确定&提交&验证码按钮的点击事件限制

    以下仅为个人开发过程中遇到的问题: * 1.使用

  • 三种验证码

    一.数字短信验证码 思路: a.两个文本框+一个获取验证码按钮,文本框用来输入手机号和获取到的验证码,按钮负责点击...

  • iOS 倒计时效果的实现

    // 添加定时器 // 倒计时操作 // 定时器的销毁 点击按钮获取验证码 注意:如果获取验证码的按钮是通过sb ...

  • FloatactionButton菜单动画

    浮动按钮的弹出菜单动画 将几个按钮重叠摆放,使用ValueAnimator更新按钮的坐标实现。 布局 控制

  • 6. 写文章功能

    1.思考 验证码过期 点击验证码60码的按钮的禁用问题? 下一个按钮 注册成功后,页面跳转问题 新用户跳转 文章的...

  • ionic2 一行布局(发送验证码按钮固定在右侧)

    验证码 左侧固定图标item-end 按钮固定在右侧

  • Android 用 RxBinding 与 RxJava2 实现

    场景:注册账号页面时,我们点击按钮发送验证码,在等待验证码时,界面会有倒计时提示,这此期间按钮不可点击。当倒计时结...

  • iOS获取验证码按钮的简单实现

    开发中,获取验证码的按钮应该比较常见,但大多app的验证码按钮都有一个小小的bug,开发者并不会在意,那就是: 当...

网友评论

    本文标题:验证码按钮摆放

    本文链接:https://www.haomeiwen.com/subject/oveglttx.html