交互那些事儿—登录注册模块(一)

登录的必要性

登录就好比APP大门外的守卫,如果你真有公事要办,那么进门查岗和登记是有必要的,可是你要是憋了泡尿,只想进去上个厕所,此时守卫还要你出示证件,你恨不得直接撒他身上。目前来说,让用户登录的目的基本上有两种:一是需要账号获取用户数据并且使用一些基本功能,如跟帖、评论等(如facebook、新浪微博、网易新闻等);二是需要将数据同步到不同设备和平台(如印象笔记)。

当一个产品成熟了之后,登录是必不可少的功能,那么,此时登录出现的时机就很重要。

登录出现的时机

关于究竟是在应用启动时就显示登陆页面还是在用户需要执行某项操作时才出现,这应该视应用自身属性所决定。像对于微信、支付宝等这样具有高度个人化的产品,将注册登录放置在应用启动页,对于用户来讲是容易接受的,因为产品本身就具有个人化的属性。而像微博、足记等具有资讯或者说是公共展示的功能,如果在用户打开应用,看到的直接是登录界面,这样在无法了解产品功能的情况下就强制用户登录,就会有潜在用户流失的风险。所以对于具有公共属性的应用,可以通过开放部分公共属性功能,让用户对产品的内容和定位有清晰了解与认可后,当用户需要使用个性化属性功能(如发布帖子、评论、关注、点赞等)时,在引导用户进行注册登录,这样的体验要好很多。

登录界面的几种形式

1、登录表单应该尽可能少的输入:用户名、密码、操作按钮、密码帮助以及注册选项,一些应用将这些输入框全部设计在同一个页面上。

2、在首页显示登录和注册选项,然后引导用户去填写表单。要注意的是,在用户选择注册或登录后,应该让第一个输入框自动获得焦点,避免用户做额外的点击操作以打开键盘。

安卓版的印象笔记,登陆注册位于启动页的右上角,通过手势滑动呼出登陆、注册页面

3、将注册和登录选项放在引导页上,通过在每一页上固定显示这些选项,让新用户一旦决定使用应用就可以立刻注册,同时老用户也一样可以方便登录。

4、标签页是另一种既呈现两个选项又能将导航最小化的可行模式。

                       

5、笔者近期发现的,当打应用开豆瓣小组,应用首屏的下方有一栏显示登录、注册选项,用户可以在此状态下在应用内任意浏览。这样的好处是能让用户很直观的了解应用功能,并能随时提醒用户是否要注册、登录。

这些模式中的任何一种都可以加上第三方登陆选项.第三方帐号登陆的好处是你的手机中已经有一些现成的登陆信息,你只要获取授权就可以,不用输入任何用户名和密码,有些权限高的甚至可以将其他app中的昵称头像等一并拿来。那么,登陆页面到底要怎么布局?如何在突出自己账号体系的同时展示第三方登陆按钮?答案是,将用户最想要的信息呈现在最重要的位置。

该不该显示密码

密码向来充斥着实用性的问题。对于移动应用来说,过度复杂的安全性要求(最低字符数、标点等等)以及本身输入框的使用不够简便等问题,使得密码的输入变得更加让用户反感。而遮蔽密码会让本就困难的输入变得难上加难,同时对于提高安全性裨益甚小。

如今登录表单发展出了一种新技术——明文显示已输入的密码。虽然我们自信这样能有效提高实用性与操作的便捷性,但也不无忧虑,不管怎么说,多年以来的登陆模式已经给了人们“遮蔽密码=安全”这一思维定式。但是这项技术目前已获得可用性测试与现场使用效果的有力支撑。

LinkedIn、Adobe和Twitter则可以让用户通过点击一个睁眼/闭眼图标选择是否因此密码。虽然这一类视觉符号可能没有文字那么直白,但是对于在全球范围内经营的公司来说,这样就不用翻译成长度不等的多国语言文案了,所以说具有本地化方面的好处。

一个好的设计并不是完全照搬PC端的功能和设计,而是要考虑适合移动端应用的场景,如在移动端使用两遍验证密码是没有必要的,无疑增加了移动端输入的成本。苹果iOS系统的输入键盘会在点按下后变大,这本身就能让用户感知输入的正确性,同时在输入密码的时候先显示输入的字母再快速转换成隐藏的黑点,也能帮助用户检查输入的正确性;而一些体验更优雅的APP则会为用户提供显示密码的功能,默认不显示,当用户需要确认密码是否输入正确的时候再点击显示,这样即避免了偷窥,又防止了输错,也减少了两次输入的成本。一些APP甚至在此功能上做了很好玩的隐喻,例如tumblr用睁眼和闭眼的icon来表示显示和隐藏密码,总之一切都向着更美好的细节体验进发!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 207,113评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,644评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,340评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,449评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,445评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,166评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,442评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,105评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,601评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,066评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,161评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,792评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,351评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,352评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,584评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,618评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,916评论 2 344

推荐阅读更多精彩内容