美的邮箱登陆系统(美的电子邮箱登录系统)

【起点学院】产品经理实战训练营，北京、上海、广州、深圳、成都、杭州同时开课！

无论网页还是手机app的设计，在小而美和复杂的功能之间找到一个平衡点是非常重要的。本文对手机APP表单的设计进行分析，看看设计师如何在设计和交互体验之间取得小而美的平衡。

一.极致的减法

这是一款不同于常规设计思路的登录框产品，并不是通常意义上的登录窗口。它只保留了用户名的输入，按回车键即可确定，跳出了登录界面设计中的条条框框，配色也足够醒目简洁。

二。明显的用户界面模糊的背景

最近模糊背景的使用如雨后春笋，因为模糊背景的使用不仅让整个网站更加人性化，也在很大程度上烘托了网站想要表现的氛围。下面的案例是一个迷人的登录界面，在模糊的背景上用最小的图标和细线设计。背景图的颜色和按钮的颜色都是在同一个色系中精心挑选的，让界面和谐地融为一体。

深色背景

当我们之一次看到下面的案例时，明亮的输入框吸引了所有的注意力。深色的背景图片使得登录表单成为页面的视觉中心，没有任何东西可以分散用户的注意力。这不仅是优质的感官体验，更是舒适的用户体验。

平面纯色背景

以下案例中的扁平化设计让我着迷。基本的风格应该是枯燥的，但如果仔细搭配颜色，扁平的登录界面会变得活泼俏皮。

3.清晰的视野。垂直线人的视觉浏览一般是“L”型，意思是从上到下，从左到右。而表单界面的设计非常注重用户的引导作用。当一个界面没有过多强调的元素时，表单的视觉浏览顺序符合L型规律，基本符合用户的心理预期。然后，用户可以简单高效地完成表单项的填写和提交，而无需过多的思考和搜索。

4.注重用户体验设计。登录和注册表单的使用率非常高。一个表单的设计其实不是一件简单的事情，用户体验是必须要考虑的事情。有的喜欢把注册和登录放在一个页面上，有的喜欢用AJAX显示，没有刷新效果。反正有很多招数。简而言之，一切以更佳用户体验为前提。设计永无止境！即使是报名表，也值得仔细研究。如果不注重用户体验，会造成网站大量用户流失。

减少用户输入

一般来说，注册表中每增加一个字段，注册率就会相应降低。

用户注册时两次填写邮箱地址或者重复输入密码，非常麻烦，尤其是在手机上。其实用户一般都是用自己常用的邮箱和密码注册的，所以不那么容易忘记。一次输入密码完成注册更符合人们的预期，但为了防止输入的密码与用户预期的密码不同，可以允许用户查看明文密码。假设有一天用户忘记了密码，可以通过邮箱找回。两次填写更容易导致用户流失。

信息注册提示

为最终用户提供有效的信息提示是用户体验设计中更好的方式，尤其是当用户的注册信息有多个输入字段，并且要填写的字段可能相互有歧义时，这些信息提示可以减少用户的思考和猜测时间。信息呈现的形式有很多种，比如在页面顶部闪现一条注释，或者让隐藏的消息跳出气泡框。

设计表现赋予注册表单特色，界面设计是用户感受到的体验。更多的提示可以避免用户因为输入错误而不得不重新输入。

减少用户的强制操作。

用户登录或注册时是否经过身份验证？我觉得如果安全没有大问题的话，尽量不要乘坐。只有当用户犯了一定数量的错误时，验证码才会出现。(并不是一开始就有验证码，也不是用户输入错误太多就禁止登录)。但似乎你的技术伙伴大部分时候都会告诉你“安全性”有很大问题，所以很多时候我们不能“为了细节的良好体验而放纵系统的安全挫败感”…

密码输入错误记忆当用户之一次输入错误密码时，系统判断错误后会同时保存用户输入的错误密码。当用户再次输入这个错误的密码时，系统会在客户端自动提示“密码错误”。这样就减少了用户的误操作和提交给服务器的任务。因为:密码输入显示是*，所以不能直接看到你的确切输入结果。在很多情况下，用户确实记错了或者输入错了。

AnyForWeb总是问自己:当我们为客户构建更有吸引力的Web表单时，我有耐心填写表单吗？什么能让用户更容易使用表单？我们不可能总是找到这些问题的完美答案，但如果我们不断思考这些问题，从用户的角度去体验我们的设计，那么我们相信至少方向是对的。简而言之，登录注册就是“一扇门”，一扇让产品和用户真正沟通的门，让产品向用户展现更多价值。

所以这扇门一定要足够宽，门槛足够低，永远开着，记得每次进出…

作者:莫莫莫

来源:原型(微信微信官方账号:yuanxingpai2015)