6.3.2 常见的APP登录界面分析
下面介绍常见APP登录界面。
1.模糊背景
模糊背景的运用可以更好地衬托颜色,不仅让整个网站显得更加人性化,并且在很大程度上烘托出网站所要表现的氛围,为整个视觉提供更好的体验。如图6‑59所示的登录界面,在模糊的背景上面用极简的图标与细线来设计,背景图的色调与按钮的颜色很有心地挑选了同一色系,让界面融洽地结合成一个整体。
图6‑59 模糊背景
2.暗色调背景
如图6‑60所示,当我们一眼看到实例时,明亮的输入框吸引了所有用户的注意力。暗调处理过的背景图使登录的表单成了页面的视觉中心,没有任何东西可以分散用户的注意力。这不仅是优质的感官体验,更是舒适的用户体验。
图6‑60 暗色调背景
3.扁平化的纯色背景
扁平化的纯色背景在APP登录界面中的应用十分多。基本样式也许显得单调无聊,但是如果在色彩上精心搭配,扁平化的登录界面将变得活泼俏皮起来,如图6‑61所示。
图6‑61 扁平化的纯色背景
4.清晰的视觉纵线
人的浏览视线一般呈“L”形,意指从上到下,从左至右。而设计登录界面很注重对用户的引导作用,当一个界面没有过多的强调元素时,那么界面的视觉浏览顺序符合“L”形规律就基本符合用户的心理预期。那么,用户就不用过多思考和寻找,能简单高效地执行完表单项的填写和提交,如图6‑62所示。
图6‑62 清晰的视觉纵线
5.注重用户体验设计
登录和注册表单的使用率非常高,一个表单的设计其实也不是简单的事情,用户体验是必须要考虑的事情。有的喜欢把注册和登录都放在一个页面,有的喜欢用AJAX无刷新效果来展示,花样很多,总之,一切以最佳用户体验为出发点。设计永无止境!哪怕是一个注册表单,也值得再细心研究。如果不重视用户体验,就会导致网站流失大量用户。
■减少用户输入。
一般说来,注册表中每增加一个字段,注册率就会相应地下降。
用户在注册时被要求填写邮箱地址两次或重复输入密码是非常麻烦的,特别是在手机上。其实用户一般都会使用自己的常用邮箱和密码注册所以不那么容易忘记。采用输入一次密码完成注册更符合人们的期望,但是为了防止密码输入和用户的预期密码不同,可以采用允许用户查看明文密码的方式。假设哪天用户忘记密码了可以通过邮箱找回,若多此一举让用户填写两次反而更容易导致用户流失,如图6‑63所示。
图6‑63 减少用户输入
■信息化注册提示。
为终端用户提供有效的信息提示是用户体验设计中的最好方式,尤其是在用户注册填写信息具有多个输入域,而在需要填写的字段互相之间可能会产生歧义的时候,这些消息提示可以减少用户的思考和猜测时间。提示信息的展现形式有多种,可以在页面的顶部闪烁小便签,或是让隐藏起来的消息以气泡框的形跳出。
设计表现赋予注册表单以特质,而界面设计正是用户所感受到的体验。更多的提示可以防止用户因为输入错误而需要进行再次输入,如图6‑64所示。
图6‑64 信息化注册提示