18842388900

网站建设 APP开发 小程序

Article/文章

记录成长点滴 分享您我感悟

您当前位置>首页 > 知识 > 网站建设

手机网站登录界面如何设计-沈阳网站建设手机登录界面设计

发表时间:2019-07-09 14:17:29

文章来源: 保存时您可以修改任意标签的值

标签:网站建设 沈阳网站建设 沈阳网络公司 沈阳网站设计 沈阳网站制作

分享:

浏览次数:0

合格的注册登录页面应具有清晰的操作流程良好的交互细节不错的视觉设计

02a4265655071e00000170073d28e9.jpg

注册APP有四种情况。

 一是不需要注册登录(不需要注册登录也提出来?是不是作死~)

系统附带的工具APP,如经常使用的闹钟,日历,计算器等;一些简单的第三方应用程序:睁眼,音乐等。

这些应用程序的功能相对简单,相对“轻”,所有功能都可以在没有用户信息的情况下使用,因此无需注册登录。

021e715655017100000170072fe82e.jpg@800w_1l

► 二是第三方账号登录

用户无需输入注册登录信息,直接选择第三方帐户即可完成登录。中国常见的第三方账户包括微博,微信,QQ,豆瓣,人人等。常见的外国第三方账户是Facebook,Twitter,谷歌等。

目前,Super APP以外的APP基本上支持第三方账号登录,简化了用户注册和登录的过程,提高了APP的保留率。

0264f45655017600000170078b2397.jpg@800w_1l

► 第三个是邮箱注册

最初的注册基于PC,它基于网页。因此,邮箱的注册自然成为主流,在注册过程中验证邮箱很方便,用户可以直接在PC上完成所有操作。

许多应用仍然保留了注册电子邮件的方式。

027ddc5655017300000170072864a5.jpg@800w_1l

02f0d85655017400000170074c0297.jpg@800w_1l

 四是手机注册

随着移动互联网的出现,人们触摸网络的主要设备逐渐从个人电脑转向移动电话。

再加上手机号码的实名制和全球业务的普及,手机号码也被贴上了标签。

APP基于手机。

因此,使用手机号码注册APP并通过SMS进行验证已逐渐成为主流。

02aec5565501720000017007bd3afa.jpg@800w_1l

02d706565501760000017007e04742.jpg@800w_1l

021790565507800000017007f96961.jpg

APP的卓越性取决于很多因素,良好的交互细节是每个好APP的共同品质。只有从使用场景开始并从用户的角度思考产品,我们才能设计出吸引人的应用程序。

► 用显示/隐藏小icon代替输入两遍密码

为了确保正确输入密码,许多APP要求用户输入密码两次以确定密码输入正确,但这无疑会增加用户的工作量。解决方案是在密码输入框的右侧添加一个小的显示/隐藏图标,以便用户在输入密码后可以选择打开/显示小图标,以确保密码输入正确并减少工作量。用户。

02f824565501720000017007099165.jpg@800w_1l

► 弹出相对应的输入键盘

单击邮箱输入框以使用@调出英语输入键盘。

点击手机号码输入框,弹出九方格数字输入键盘。

单击密码输入框以弹出英文输入键盘。

这是一个小细节,虽然用户可能不知道它在哪里出错,但他可以理解如何使用它。 APP会关注这一点,用户会觉得该应用程序易于使用。这两个APP没有这样做。无论点击哪个输入框,都是九方格中文输入键盘。用户会认为这个应用程序不是很容易使用。

作为设计师,您需要知道用户感觉不易使用的原因,以便改进正确的药物并改善用户体验。

02338456550174000001700795b1b3.jpg@800w_1l

► 对手机号码进行3 4 4的分布。

此规则不仅适用于移动电话号码,还适用于银行帐号,转帐金额等。

这是因为人们的短期记忆是有限的,也就是说,一次只能记住有限的东西。如果你强行记住很长的事情,短期记忆很容易犯错误。

因此,以4或3为单位分组数字有助于用户阅读和编辑数字。

02b87456550171000001700707a496.jpg@800w_1l

► 登录时增加一键清空icon。

有时,登录时会出现输入错误。如果没有这样的清晰图标,我们只能按键盘上的清除按钮,您需要继续按下并知道输入框为空。

一个人只能清空一次,一个人可以清空很长一段时间。

02214756550175000001700768de6a.jpg@800w_1l

► 清晰的错误反馈。

当用户输入错误消息时,众所周知的弹出临时框会提示用户。而不是没有反应,让用户猜测发生了什么。

临时框也有两种形式,一种是左侧,用户需要单击确认才能继续下一步。一个是右侧,在一两秒后自动隐藏。个人更喜欢第二种形式,因为形式相当于强行中断用户的操作,用户需要点击确认才能返回原来的操作流程。

02816c565501740000017007662297.jpg@800w_1l

我相信仍然有很多很好的互动细节,每个人都可以自己建立。让您的设计越来越强大,用户体验越来越强大。

02eb91565506ac0000017007f2dded.jpg

► 紧密

类似的元素按元素的距离分组。

► 对齐

通过对齐,规范元素的格式。

► 简约

注册登录页面的背景尽可能简单,因此主题信息更加突出。

► 对比

放大重要内容,增加色块背景;减少相对较小的内容,降低亮度等,使信息水平清晰。

► 均衡

注册登录页面几乎总是沿着中心线对称,并且信息以平衡的方式放置。否

会导致页面不平衡。

网站建设,沈阳网站建设,沈阳网络公司,沈阳网站设计,沈阳网站制作

相关案例查看更多