网上挤满了各种各样的UI设计方案,事实上我们已经有一套套的方案可遵循。但!设计永无止境!哪怕是一个注册表单,也值得再细心研究。下面给出注册表单设计5个小技巧:

1、别让用户重复填写相同的内容

几乎每个人都经历过这样一个事实:注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次,因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找回,再多此一举填写两次反而更加容易导致用户流失。

下面是一些非常值得参照的表单设计:

2、突出必填字段

从用户体验的角度来看,最好是没有可选字段,不需要去做假设。如果一块信息毫无意义,那么只会浪费用户的时间。不过对于商家就不同了,搜集必要的信息更能促进业务成功。

如果在注册表单里面有可选字段,那么我们就要强调必填字段。通常一个小标志例如星号(*)就足够了。它可以让用户自觉发现并填写必须填的字段。

看看下面这些例子:

3、不要强迫用户在使用我们的服务前进行邮箱验证

换位思考一下:通常为了更好地使用数字产品和服务我们往往被要求需要先验证注册邮箱,另一方面商家也好确认用户。但是这对我们来说有什么好处呢?这些流程只会让我们产生厌烦情绪罢了!难道就不能先玩一玩再考虑是否要验证?

好了,回过来。为什么不让用户先看看网站再考虑是否要注册呢?如果一封电子邮件的确认确实是非常重要的,那么至少也要事先提供给用户一些有用的服务,不然很容易赶跑用户。

4、确保用户在登记信息时处于登录状态

另一个常见的问题就是让用户在登录后就马上做登记,然而登记完还需要另外再登录一次。同样也发生在许多电子邮件确认链接里。

这是为了安全起见吗?用户一般只填写一次信息,如果忘记密码就通过邮件找回。

所以最好就是用户在登记的时候保持登录状态,使整个用户体验流程更流畅。

Dropbox在这一方面做得很好。用户在创建账户是自动重定向到dropbox安装助理。

5、提供引导,但不强制推动

“出于安全考虑,您的密码必须在8-12字符之间,包含至少一个大写字母,数字和符号。”这是一个典型的密码输入要求,但密码的长度并不能保证安全。有时候一个5字符的密码已经足够强悍,而有些8字符的密码却可以简单到它仅仅只是一个“密码”(不带有安全性质)。

建议显示提示用户输入格式的字段,减少用户的猜测时间。

使用额外的提示为用户提供错误解决指引。类似于“您务必填写完所有表单才能注册”是一个很糟糕的设计,特别是在用户根本不知道自己在哪里犯错时。

针对这一问题有一个很好的解决方案就是实时数据验证。验证完毕马上提醒用户需要修改。

谷歌在用户为其谷歌钱包添加信用卡时,所用的表单设计就做得非常好。Skype也是如此。

html注册表单用户体验,入口的用户体验!注册表单的设计技巧相关推荐

  1. 优秀分层UI设计模板解析提升网站用户体验,5个UI设计技巧轻松搞定

    UI设计时刻影响用户体验.在构成 UI 的所有因素中,比如浏览网站.阅读内容的难易程度,都会导致用户对网站产生或好或坏的主观感受,而这种感觉影响用户决定是否按照设计师的期望进行接下来的操作并达成销售. ...

  2. 组策略 计算机 用户账户控制,Windows 10 (用户帐户控制组策略和注册表) - Microsoft 365 Security | Microsoft Docs...

    用户帐户控制组策略和注册表项设置 04/19/2017 本文内容 适用范围 Windows 10 Windows Server 2016 组策略设置 UAC 管理中心可以配置 10 个组策略 (用户帐 ...

  3. 网站用户体验的76个体验点

    网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度, 从而与客户建立起紧密而持续的关系. 网站体验的分类 1.感官体验:呈现给用户视听上的 体验,强调舒适性. 2.交互体验:呈现 ...

  4. 用户体验的76个体验点

    网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度,从而与客户建立起紧密而持续的关系. 网站体验的分类 1.感官体验:呈现给用户视听上的体验,强调舒适性. 2.交互体验:呈现给用 ...

  5. 如何打动用户?携程用户体验实践分享

    进入Web2.0时代以来,用户体验(User Experience)逐渐在互联网站实践中被发掘.提炼和延展,它贯穿产品的整个环节,于细微处体现着价值,助推着商机,在企业快速成长的征途中将成为核心竞争力 ...

  6. Vant-UI 表单组件(Field组件):验证表单元素表单提交 - 踩坑篇

    Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...

  7. 表单设置默认值_你还不知道表单怎么设计吗?看这里!

    表单是电子商务.社交互动和大多数基于生产力应用类型的网站的关键.尽可能简单,微小的变化都有可能极大的提高用户体验. 一.设计原则 尽量减少痛苦 填写过程尽量简洁.容易. 说明填写完成路径 清晰的告诉人 ...

  8. 华为云数据库推出表数据快速恢复,细粒度解决用户误删数据问题

    近来,数据库安全问题频发,如何保障业务数据可靠.可用.可恢复性再次被业界提上议程.华为云数据库也适时推出表数据快速恢复功能,支持表级别的时间点数据恢复,帮助用户快速恢复 MySQL 数据库中某张表的数 ...

  9. SpringSecurity+Mybatis实现用户自助注册登录(含角色),打造简单安全的注册登录页面。

    #项目架构.功能点 架构: Springboot2.5.+ MySQL数据库8.0+(记录用户信息.角色清单.用户角色对照表) 持久层Mybatis 用户注册页面RegisterPage采用Thyme ...

最新文章

  1. 详解vue组件的is特性:限制元素动态组件
  2. 隐马尔科夫模型HMM自学 (2)
  3. 交通建模必学——经典瓶颈模型
  4. 手机号正则_这20个正则表达式,对你有大帮助,快来Make
  5. 记一次PowerShell免杀实战
  6. 更新一波,微信第三方开发平台授权流程
  7. 接口访问次数_如何基于spring开发自定义注解实现对接口访问频次限制?
  8. ms sql server 2005 select guid返回null的问题
  9. mysql 指定ip段 掩码_IP分配及网段划分
  10. 第十篇 requests模块
  11. 单片机毕业设计196例
  12. 初探JavaScript PDF blob转换为Word docx方法
  13. 【IoT】产品设计:关于专利申请,这篇文章就够了
  14. 单龙芯3A3000-7A1000PMON研究学习-(28)撸起袖子干-再来一杯代码10-内存初始化1
  15. 给大家拓宽点边界,15分钟带你入门sklearn与机器学习——分类算法篇
  16. 宇枫资本上班族理财的方法
  17. SuperMap iDesktop商场选址分析
  18. openjdk windows版本下载地址
  19. java程序员一般用什么笔记本_购买适合程序员编程开发用的笔记本电脑的几点建议...
  20. 微信7.0.10正式版来了!朋友圈斗图彻底关闭了!

热门文章

  1. Maven执行mvn help:system命令失败的特殊原因解决思路
  2. Qt网络编程之搭建Udp通信【单播、组播、广播】
  3. 认证失败是什么意思_申根签是什么意思?办理申根公证认证需要什么材料?
  4. Android系统运行Java程序执行jar包(2-包含spring框架)
  5. 从头学前端-CSS基础03
  6. Unity Shader中的基础光照与标准光照模型(自发光、环境光、高光反射、漫反射)、BRDF光照模型
  7. Word技巧杂记(二)——批量修改修订格式并接受
  8. (翻译)Attacking Interoperability(攻击互操作性)in Black Hat 2009 研究报告
  9. 2019暑期集训总结
  10. 基于协作搜索算法的函数寻优及工程优化