转自:15 Tips for Better Signup / Login UX

翻译工具:彩云小译

--------------------------

15 Tips for Better Signup / Login UX

Erik D. Kennedy · Published Jun 22, 2021

2021年6月22日

OK, I hate long intros, so: this is a checklist of some of the most important UX tips for creating usable signup and login forms. It’s based on my experience looking at hundreds of beginning designer login flows, thanks to my courses Learn UI Design and Learn UX Design.

好吧，我讨厌冗长的介绍，所以: 这是一个清单，列出了创建可用的注册和登录表单的一些最重要的用户体验技巧。这是基于我的经验，看了数以百计的初始设计师登录流，感谢我的课程学习 UI 设计和学习用户体验设计。

Let’s get started.

我们开始吧。

1. Autofocus on the first field

1. 自动对焦第一个字段

Ironically, the fundamental rule of interaction design is: remove interaction. Remove clicks, remove reading, remove waiting, remove thinking.

具有讽刺意味的是，交互设计的基本原则是: 删除交互。删除点击，删除阅读，删除等待，删除思考。

An easy example: if you know that literally 95% of people opening a signup form will immediately click into the first field, save them the trouble and auto-focus on it.

一个简单的例子: 如果你知道95% 的人打开一个注册表单会立即点击第一个字段，省了他们的麻烦和自动对焦。

(Note that autofocusing can be a jarring to users using screenreaders, so it’s worth testing this experience

[转载]如何正确设计登录表单相关推荐

使用qt设计登录界面初学者_初学者素描：设计登录表单界面
使用qt设计登录界面初学者由Bohemian Coding的好伙伴制作的Sketch是界面设计的出色程序. 本入门级教程将向您介绍使用Sketch进行设计. 您将不需要任何程序经验,只需要一些空闲时 ...
element-ui表单_每日UI挑战强加-登录表单（分步教程）
element-ui表单 A step by step journey to create a good design from the daily UI challenge 一步步走,从日常的UI挑 ...
javafx 表单_JavaFX 2：创建登录表单
javafx 表单在本教程中,我将使用JavaFX 2和CSS设计一个外观漂亮的Login Form . 它是经典的登录表单,带有用户名和密码以及登录按钮. 为了遵循本教程,我强烈建议您查看以下这些 ...
JavaFX 2：创建登录表单
在本教程中,我将使用JavaFX 2和CSS设计漂亮的Login Form . 它是经典的登录表单,带有用户名和密码以及登录按钮. 为了遵循本教程,我强烈建议您查看以下这些教程: Eclipse ID ...
分步表单_表单设计-掌握表单设计方法（表单体验篇）
全篇阅读大概需要15min,对表单设计不熟悉的同学看完后肯定会有不少的收获~~~ 说到表单其实在生活中可以接触到各种各样的表单,比如:驾照申请表.体检表.银行开户需要填写的表等等,这些都是表单,主要目 ...
Spring Security默认的用户登录表单页面源代码
Spring Security默认的用户登录表单页面源代码 <html><head><title>Login Page</title></hea ...
电子表单设计，表单打印，表单填写，数据发布，VC++，VB，源代码组件库
电子表单设计,表单打印,表单填写,数据发布,VC++,VB,源代码组件库 -- 为您提供即刻可以拿来使用的源码级电子表单解决方案! E-Form++可视化组件库企业版本电子表单解决方案在E-Form+ ...
UI登录表单使用模板素材
如何设计不难用的UI表单? 1.表单最重要的第一件事情是建立信任(build trust) 2.提供用户足够的意图(intention) 3.使用在情境下最适合的控制元件(UI patterns)以减 ...
Vue.js实现可配置的登录表单
表单是后台项目业务中的常用组件,这次重构了登录功能以满足登录方式可配置的需求,在此记录和分享一下. 业务场景在之前,项目只支持手机号+密码登录,前端是直接把表单写死的,后来有客户希望能支持验证码登录 ...

[转载]如何正确设计登录表单