手机网站登录界面如何设计 手机登录界面设计

作者:网站建设公司 来源:佛山网站建设日期:2020-11-11 浏览:

网站建设 - 建站教程 - 网页设计 - 手机网站登录界面如何设计 手机登录界面设计

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



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,我们只能按键盘中的清楚按钮,需要一直按住知道输入框为空。

一个只需要点一次就能清空,一个需要长按一段时间才能清空,孰优孰劣可想而知。




► 清晰的错误反馈。


当用户输入错误信息时,知名弹出临时框提示用户。而不是不做反应让用户自己去猜到底是怎么回事。

临时框也有两种形式,一种是左边,需要用户点击确认才能进行下一步操作。一种是右边,弹出一两秒后自动隐藏。个人更倾向于第二种形式,因为种形式相当于强制中断了用户的操作,用户需要点击确认才能回到原来的操作流程。




我相信还有很多好的交互细节,大家可以自己平时积累。让你的设计逼格越来越高,用户体验越来越牛逼。






► 紧密

   通过元素的远近将相似元素分组。


► 对齐

   通过对齐,规范元素的排版 。


► 简约

   注册登录页面的背景尽量简约,从而让主体信息更加突出。


► 对比

   将重要的内容放大,增加色块背景;将相对次要的内容缩小,降低明度等从而使       得信息层级清晰。


► 均衡

注册登录页面几乎都是沿着中心线左右对称的,信息是左右均衡摆放的。否

者会导致页面不平衡。



企业网站建设一条龙
找零度飞易网络公司-fslingdu所做php网站建设方案网站设计网站制作北京上海深圳龙岗衢州兰州常州东营南通济宁桂林淮安烟台长春无锡天津昆山苏州合肥洛阳昆明天津唐山泉州惠州万州新乡商丘台州哈尔滨太原摄影海口随州学校商丘广东湖南广西江西海南广州企业中小企业武汉南山罗湖福田虎门肇庆汕尾汕头广州佛山成都杭州济南重庆福州西安厦门昆山沈阳青岛徐州郑州南京南宁长沙大连淄博石家庄南昌温州珠海番禺顺德三水高明中山东莞合肥江门嘉兴西宁大良容桂伦教勒流陈村均安杏坛龙江乐从北滘祖庙石湾南庄等地区企业网站建设(广告)公司提供专业做网站价格规划书及营销型网站制作,网站建设基础知识

网站建设费用

网站制作电话:137 1543 1176

网站开发QQ:378780108

E-mailsale@fslingdu.com如何制作网站QQ :378780108

网站建设服务

网站建设公司零度飞易是一家专业网站设计,网站制作、seo优化,网站推广,网站建设的佛山网络运营公司。零度飞易在家具网站建设小家电网站建设服装网站建设电器网站建设机械网站建设等行业的网站设计、网络运营都得到行业认可,在上海深圳北京广州佛山中山东莞地区有着良好的口碑品牌的网站建设公司。我们的使命是打造创新型的网站建设企业,能轻易地开展“互联网+”业务、实现“互联网+企业”的企业愿景。

Hi,Are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

零度飞易 互联网整合营销

地址:佛山市顺德区大良凤翔商业广场二座670

业务QQ:378780108

策划专线:13715431176

E-mail:sale@fslingdu.com

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务
我需要做购物商城
我需要做系统平台

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

价格预算

1-3万3-5万5-8万8-10万10万以上大型项目需要招标