UX用户体验设计 ·

香港赛马会信息中心:怎么更好的设计手机app登录界面?

香港赛马会官方中心 www.2np5j.cn 登录是99%以上的手机app都会做的基本功能,那么什么样的手机app登录界面设计是好的呢?

一个登录界面,它内里包含很多细微的东西,除去外观视觉,更多要注意的是交互的操作体验,比如一些动画、一些文案提示等细节等等都要注意,如果你是UI设计师,建议看看这篇文章,文末有案例,也许能帮助你更好的去设计一个用户体验友好的APP登录界面。

下面通过几个关于登录界面的设计指南,让你更好的运用在设计过程中。

1 文本输入框需增加提示

如果用户使用你的服务必须登录,那么输入框中的提示语(如:输入手机号码,输入验证码)必须要增加。

使这些字段清楚可见,并且不要让用户到处寻找,或花更多的步骤进到App。

提示:相比于使用常见的“登录”“登陆”的按钮,可以更富有创造性,并要包含可直接输入区域。确保记住用户的数据,这样他们就不需要每次输入信息。

“注册”和“登陆”不应该放在一起

很多时候,我们看到注册和登陆按钮并排放置,其实这样是会对用户产生反作用的。

这两个动作都包含了相同的动词,并且看起来也很相似,所以他们会混淆用户的选择。用户一思考一犹豫就会离开。所以,任何界面上不应该有使用户“暂?!焙汀八伎肌钡脑?。

如果你想让他们的体验更好,分开这注册和登录这两个区域,并且设计得有差异化。另外,你可以使用不同的动词或者简单解释不同的字段是什么。

在登录和注册部分,增加不同的输入字段

除了动词“登入”之外,另一个另用户感到困惑的是,登录和注册部分通常有相同数量的输入框(用户名,密码,和邮箱)。为了更好的区分,最小化新用户尝试直接登录的机会。应用不同的输入字段。

可以让密码可见

大多数用户的密码出于安全的考虑被打上了马赛克,但用户经常输错密码,就算个程序员,经常敲键盘,在手机上也是会输错密码的,为了避免用户的这种焦虑情况,应该在密码输入框的旁边增加一个“显示密码”的按钮。

让用户知道哪里错了

如果应用监测到一个错误的密码组合,或用户名,但是没有明确的报告给用户哪里错了,用户可能会多次尝试后,很生气的退出应用。

所以你应该考虑回复哪里出错了(例如“你的密码或邮箱不符合”),并且给他们立马回复怎么解决这个问题。

登录时增加邮箱地址或手机号,而不只是用户名

为什么人们登录时很少有人会记住“用户名”?如果使用用户名登录,用户会面临几个问题:用户名必须是一个唯一的,这意味着人们会重复尝试输入一个系统里目前还没有的用户名,或者最终使用其真实姓名。

过了一会儿,用户想出了一个唯一的登录名,但是过了一小会儿又会忘记,因为这个用户名对他没有任何的意义。

所以,为了让用户快速登录,应该提供给用户几个登录选项,并且给他们机会来选择和尝试用户名。

但是,在注册的时候,就需要要求用户使用邮箱地址或手机号来注册。

需要一个“忘记密码”的流程

忘记密码可能发生在所有人身上,这也是为什么,你需要给用户一个恢复密码的选项,所以直接在登录界面加上是最好的。

所要做的就是,在输入框下增加一个“忘记你的密码”的链接,并让系统能给用户的邮箱或手机号发送验证码。

不能没有提醒用户就关停他们的账号

为了避免强迫进入和暴力攻击,许多网页和应用在一系列的错误尝试之后关闭账户。

安全第一,但是你至少要尝试告诉用户,在多少次尝试后,你们会关闭他的账号。你也可以提供更多提示,例如,在试错后的十分钟才可以再次尝试。

登录界面设计灵感

以前我们可能使用了相同的风格或样式来设计登录页,但是,现在每个应用都希望在不影响用户体验的情况下,做出更赞的设计,而且还要与应用的品牌理论一致。所以,我们分享一些app的登录界面设计,希望能给您提供一些设计灵感。

Roostio Login Screen

Job Board – Company Profile / Login

Shopping app

Tailslife: Login

Moody Sign Up/In Screen

Bandio App Login & Sign Up

ZSSK – login and route detail

DailyUI Day001

Sign Up Window – Daily UI #001

 

原文:designyourway? 原作者:Bogdan Sandu

参与评论