帐户登录页面需要避免的设计失误

Along with their popular line of high-end networking equipment, Cisco Systems offers something else for Cisco.com visitors to buy: a line of Cisco-brand leisure wear and accessories, everything from wind breakers to golf balls. The only problem is, to see the line of logo-emboldened products, you need to first fill out a registration form.

Yes. You read that correctly. Just to *see* the available products, you need to create an account by filling out the four-page, 45-question form. (You have to tell Cisco your job role twice, your job title once, and the language you prefer to speak 3 times -- all in English.) Then, if you can find your way back to the online marketplace, you can see the selection of laser-light key chains with the Cisco logo.

There are many great business advantages to having users create an account and log into the system. You know who is using your system, how often they visit, and what they do on the site. You can store information they might need later, such as their order history and their billing info for future purchases. And, you can offer them content and services reserved for only your best clientele.

Yet, in usability test after usability test, we see the registration and sign-in processes to be consistently problematic. It's the most common thing that scares users away from shopping on e-commerce sites. It generates the most calls to the customer-support call center.

Designing an account registration and sign-in process that doesn't frustrate users turns out to be very difficult to achieve. It looks easy at the outset, but a pile of subtleties can sneak up on your experience, making something that should be simple become stressful for the users.

Here are 8 common design mistakes we often see as we watch users try to create accounts and sign into the site:

Mistake #1: Having a Sign-in In The First Place

It seems the reason Cisco requires you to log in just to see the golf balls for sale is not all products are available for the general public. Some are only for employees (who also get a nice discount). Some are only for certified Cisco engineers. To know what products and prices to display, the site needs to know who you are.

Fortunately, most sites don't take this approach. On most sites, you can do many things without identifying yourself.

And, that's the way customers like it. They hate having to create an account to do something simple, such as download a white paper or pay for a product they've chosen. As one online shopper said recently during a usability test, "I don't want to develop a relationship with these guys. I just want to buy something."

Practically unheard of in the travel industry, Midwest Airlines doesn't require their customers to register to buy an airline ticket. Instead, customers can make a purchase as a guest. Of course, they still have to enter their name and billing info, but they aren't forced to create a username and password if they don't want to.

Mistake #2: Requiring Sign-in Too Soon

Part of Cisco's issue was requiring the customer to sign in (and new customers to register) before they could see the products. Had they required it later, maybe after clicking on a link labeled "Show me my employee discount" or "Checkout", the shoppers would have been less frustrated.

Amazon set the gold standard by waiting until the last possible moment to require sign-in. Clicking on "My Account", users sees the entire list of account support options before they identify themselves. In some cases, such as one-click shopping, they never have the user sign-in. The cookie on the machine is good enough.

Mistake #3: Not Stating the Benefits to Registering

Creating an account puts a burden on the user. They have to answer the questions, many of which have nothing to do with their current task. They have to come up with a user name they'll remember. They have to pick a password they'll easily recall. They worry about getting email or having their information sent to the deepest, darkest regions of the Internet. Watch users for any amount of time and you'll notice a huge resistance to registering.

What do they get in return for this added burden? At Midwest Airlines, they say right on the sign-in page: access to your frequent flyer account, booking award travel, changing reservations after they are made, and hold reservations for 24-hours, just to name a few benefits.

Mistake #4: Hiding the Sign-In Button

Frequent customers of Netflix usually go straight to their personal home page, showing status information and movie recommendations. Yet, when cookies are deleted or they access the service from a different machine, they need to log in.

The default page, in that instance, was designed to sell potential new customers on the site. It had a very visible registration button. Unfortunately, the member login link was much harder to see. This caused frequent calls to the Netflix call center, until the team made the member sign-in link more visually distinct.

Mistake #5: Not Making "Create New Account" or "Forgot Your Password" a Button or Link

At Spirit Air's web site, the good news is they provide users with an easy way to create account and retrieve a lost password. The bad news is the links to these functions, which appear in a pull down menu, don't really look like links. They look to users like explanatory text. Several users didn't realize they were there and searched elsewhere on the site, to little avail.

Mistake #6: Not Providing Sign-in Opportunities at Key Locations

We've observed many users will prefer to log in at the last possible moment. Maybe its because they don't want the distraction of remembering their login information or possibly because they're immersed in their tasks. It's at the instance when the account can help them, such as preventing them from re-entering billing information, they suddenly desire to log in.

The best sites anticipate these moments and have an easy login capability. Orbitz lets their customers get well into the purchase process, and then has a simple login option to retrieve flying preferences, like meal selections and aisle or window choices.

Mistake #7: Asking for Too Much Information When Registering

A common trap we see site designers fall into is thinking that, once the user starts filling out questions, we want to ask them everything we could ever want to. (Cisco, during their four-page registration process, asks the users to specify the number of items presented in search results.)

Yet, users typically want to answer as few questions as possible. The best sites just ask for a username and password (or just a password if they are using the email address and already have it). They later ask for any profile or personalization information, when the need arises.

Mistake #8: Not Telling Users How You'll Use Their Information

"Why do they need to know my home phone number?" the user asked when trying to download a technical white paper for work. Naturally, the user was quite suspicious.

At Virgin America, the designers explain why they need a phone number, "In case we need to contact you, provide at least one number." While they prompt for a mobile, home, and business number, they are giving a reason.

Midwest Airlines is even clearer: "Please provide a phone number where you can be reached in the event of a change to your flight reservation." Who wouldn't want to have the airline call them for that?

Finding the Mistakes

Creating a perfect registration and sign-in process takes tremendous work. The best way to identify the problems is to conduct periodic usability tests, with regular registered users, infrequent users, and first time users. If your tests are like the ones we've conducted, you'll see these mistakes (and probably others) emerge almost instantly.

Eight More Design Mistakes

If you enjoyed this article, you'll want to read the article, 8 More Design Mistakes with Account Sign-in, where Jared Spool continues to discuss account sign-in design problems.

Want to learn how to prevent these mistakes?

At the Web App Summit 2008, Jared Spool, along with the innovators and world-class designers behind today's most successful web apps, will present on today's most pressing topics surrounding great web application design and implementation.

时间: 2024-09-25 23:41:46

帐户登录页面需要避免的设计失误的相关文章

Google推多帐户登录功能 chrom即将默认支持网络应用

马甲帝们的春天到了,之前我们报道过的Google http://www.aliyun.com/zixun/aggregation/18736.html">允许用户同时登录多帐户并且实时切换的功能已经上线.马上进入你的Google-account页面,如果你足够幸运看到了"Multiple-sign-in"这个新的选项,那么你已经可以使用这个功能了.和我一样还看不到这个选项的也不要着急,Google的新玩意从来都是慢慢推广到所有用户的. 点击Multiple-sign-i

组策略设置Win8帐户登录错误上限及锁定时间

为安全起见,一些比较重要的应用如网银系统等会设置登录次数限制,比如在用户登录过程中如果5次密码输入错误就会被冻结或者一段时间内禁止登录等.微软的Windows 8系统中提供了帐户登录次数限制这个安全机制,不过这个功能默认是关闭的,对系统安全和资料隐私有特别要求的用户,可以通过组策略设置开启帐户登入错误次数限制这个功能,并指定登录错误次数上限和系统锁定时间. 在Win8开始屏幕或者传统桌面中按快捷键"Win+R",在运行窗口中输入"gpedit.msc",准备进入Wi

jsp实用户登录页面(如果用户输入用户名或密码三次错误则在规定时间内不能再登录,规定的时间放在txt文本中如【time=10】,用户名密码放在mysql数据库中

问题描述 jsp实用户登录页面(如果用户输入用户名或密码三次错误则在规定时间内不能再登录,规定的时间放在txt文本中如[time=10],用户名密码放在mysql数据库中) 解决方案 解决方案二:该回复于2011-03-21 13:28:54被版主删除解决方案三:该回复于2011-03-21 16:54:46被版主删除

Win10系统取消用户帐户登录密码图解

我们设置密码就是为了防止电脑不被其它人看到隐私了,但是也有一点是在家里电脑肯定不需要密码了,特别是家用电脑了. 1. 我们在电脑桌面按下[Windows]键+[C]键调用出超级菜单了,这个是win10系统有的功能.    2. 在弹开的超级菜单中点击[设置]选项,如下所示.    3. 选择[帐户].   4. 选择[登录选项]选项,如下图所示,在左边的菜单中.    5.选择[更改].    6. 在"更改密码"然后在此输入你登录密码也就是"当前密码"然后点击[下

什么是Microsoft 帐户登录

使用 Microsoft 帐户登录 如果你在设置 Windows 时使用 Microsoft 帐户登录,那就再好不过了! 如果没有,那也没有关系,你可以随时登录. 此外,如果你不确定 Microsoft 帐户是什么,请继续阅读此文. 它是什么 你是否使用过 Outlook.com.Hotmail. Office 365.OneDrive.Skype.Xbox 或者 Windows? 用于登录这些服务的电子邮件地址和密码即是 Microsoft 帐户. 如果没有使用过,则可以轻松地在 Outloo

windows8.1怎么切换到Microsoft(微软)帐户登录?

1. 在"开始"屏幕下,按键盘的[WIN]+[C]组合键运行超级按钮.    2. 选择[设置].    3. 点击[更改电脑设置].    4. 在"电脑设置"中,选择[用户].    5. 点击[切换到Microsoft帐户].    6. 输入Microsoft(微软)帐户名,然后点击[下一步].(若没有Microsoft(微软)帐户,点击左下方的[注册新电子邮件地址])    7. 输入密码后点击[下一步].    8. 点击[完成].    9. 按照以上

Win7系统如何开启系统帐户登录限制

  在Win7系统的本地组策略中,我们可以限制当前电脑帐户的登陆次数.时间等.下面就是具体操作步骤: 1.首先执行命令 gpedit.msc 打开本地组策略编辑器,依次找到计算机配置-Windows设置-安全设置-帐户策略-帐户锁定策略. 2.右击帐户锁定阀值,在属性里我们配置好错误登录次数值(该值得取值范围是0~999),完成后点应用会弹出帐户锁定时间和重置帐户锁定计数器时间,这个可以根据你的实际情况进行修改.

Win8/8.1电脑Microsoft(微软)帐户登录密码忘记找回方法

1. 双击桌面的[Internet Explorer]浏览器图标.(其他浏览器也可以使用)    2. 在地址栏输入"http://www.live.com"并进行搜索.    3. 点击右下方的[无法访问你的帐户].    4. 选择[我忘记了密码],然后点击[下一步].    5. 填写您的"Microsoft帐户",再"输入你看到的字符",然后点击[下一步].    6. 选择获取安全代码的方式,这里以[短信至*********77]为例.

请问.net系统用Notes系统帐户登录的问题

问题描述 用户有老的系统是Notes做的(快10年以前),现在要用.net重做一些功能,但是还是希望保留从邮件中点击链接直接登录的功能,请问下这要怎么实现?Notes是都用自带的LDAP实现单点登录的么?我对Notes没什么概念,还请两个平台都有经验的前辈指点一下 解决方案 解决方案二:Notes是BS还是CS??可以直接调用单点登录的表单..