2023-11-25 分类: 网站建设
一个合格的注册登录页面。应该是具有清晰的操作流程。良好的交互细节和不错的视觉设计。
App的注册登录有四种情况。
►一是不需要注册登录(不需要注册登录也提出来?是不是作死~)
系统自带的工具类App。像经常使用的闹钟、日历、计算器等等;一些简单的第三方App:开眼。乐流。榫卯等。
这些App的特点都是功能相对单一。比较『轻』。不需要用户信息就能使用所有功能。所以就不需要注册登录这个环节。
►二是第三方账号登录
用户不需要输入注册登录信息。直接选择一种第三方账号就能完成登录。国内常见的第三方账号有微博、微信、QQ、豆瓣、人人等。国外常见的第三方账号有Facebook。Twitter。Google等。
现在国内除了超级App之外的App基本都支持第三方账号登录。这样能简化用户注册登录的流程。提高App的留存率。
►三是邮箱注册
开始的时候注册登录是基于pC的。也就是基于网页。所以邮箱注册自然而然成为主流。而且注册过程中需要验证邮箱也很方便。用户直接在pC就可以完成所有操作。
现在很多App依然保持着邮箱注册的方式。
►四是手机注册
随着移动互联网的到来。人们触网的主要设备已经从pC逐渐转移到手机。
加上手机号码的实名制、全球通业务的普及。使得手机号码也具有了标示性。
并且App是基于手机的。
所以用手机号码注册App。等通过短信的方式验证。也逐渐成为了主流。
App的优秀与否。由很多因素决定。而良好的交互细节是每一个优秀App的共同品质。只有从使用场景出发。并从用户的视角来思考产品。才能设计出打动人心的App。
►用显示/隐藏小icon代替输入两遍密码
为了确保密码输入正确。很多App需要用户输入两遍密码来确定密码输入无误。但这无疑增加了用户的工作量。解决方式便是在密码输入框右边增加一个显示/隐藏小icon。让用户在输入完一遍密码后可以选择点开显示/隐藏小icon来确保密码输入无误。减少用户的工作量。
►弹出相对应的输入键盘
点开邮箱输入框。弹出带有@的英文输入键盘。
点开手机号输入框。弹出九宫格数字输入键盘。
点开密码输入框。弹出英文输入键盘。
这是很小的细节。虽然用户可能不知道哪里不对。但是他能体会到好不好用。一个App注意了这点。那用户就会觉得这个App好用。而两一个App没有做到这点。无论点击哪个输入框弹出的都是九宫格中文输入键盘。用户就会觉得这个App不太好用。
作为设计师。要知道用户觉得不好用的原因是什么。这样才能对症下药。改善用户体验。
►对手机号码进行3 4 4的分布。
这个规则不仅适用于手机号码。包括银行账号、转账金额等等。
这是因为人的短期记忆是有限的。即一次只能记住有限的东西。如果强制记住很长的东西。短期记忆就很容易出错。
所以将数字以4或者3为单位分组。有利于用户阅读和编辑数字。
►登录时增加一键清空icon。
在登录的时候偶尔会出现输入错误。如果没有这个清除的icon。我们只能按键盘中的清楚按钮。需要一直按住知道输入框为空。
一个只需要点一次就能清空。一个需要长按一段时间才能清空。孰优孰劣可想而知。
►清晰的错误反馈。
当用户输入错误信息时。知名弹出临时框提示用户。而不是不做反应让用户自己去猜到底是怎么回事。
临时框也有两种形式。一种是左边。需要用户点击确认才能进行下一步操作。一种是右边。弹出一两秒后自动隐藏。个人更倾向于第二种形式。因为种形式相当于强制中断了用户的操作。用户需要点击确认才能回到原来的操作流程。
我相信还有很多好的交互细节。大家可以自己平时积累。让你的设计逼格越来越高。用户体验越来越牛逼。
►紧密
通过元素的远近将相似元素分组。
►对齐
通过对齐。规范元素的排版 。
►简约
注册登录页面的背景尽量简约。从而让主体信息更加突出。
►对比
将重要的内容放大。增加色块背景;将相对次要的内容缩小。降低明度等从而使 得信息层级清晰。
►均衡
注册登录页面几乎都是沿着中心线左右对称的。信息是左右均衡摆放的。否
者会导致页面不平衡。
分享题目:手机网站登录界面如何设计-网站建设手机登录界面设计
转载来源:https://www.cdcxhl.com/news19/296569.html
成都网站建设公司_创新互联,为您提供虚拟主机、网站内链、服务器托管、企业建站、自适应网站、软件开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容