浅谈web登录

web登录是网站上经常会遇到的功能,虽然看似简单。但要做好易用性和引导性,还需要在设计和交互上达到平衡。
这里将要探讨登录流程中的页面跳转模式、登录类型、以及登录流程中的各种细节优化。

一、登录页面的两种跳转模式:

1、独立页面登录
这种登录方式的优点是比较正式与美观,可以将网站更多的信息展示给当前用户,包括大图所展示的品牌形象,并可以提供更多的链接选择(如:导航链接、多语言切换等等),当用户在登录过程中临时起意需要放弃当前操作时,可以方便跳转,(虽然并不是常见操作,且不推荐,却仍为用户提供便利性)。

但这种方式也有一定的缺点,对于浏览实时性比较强的网站,页面的跳转会破坏其操作的连贯性。并且众多强迫症患者还会有一种,登录完成后是否还能回到现有页面的疑虑。事实上这种情况也确实存在。

2、当前页面弹出窗口登录(模态窗口)
这种方式的好处在于避免页面跳转对操作连贯性的破坏,把登录对用户造成的影响降至最低。

PS:所谓的模态窗口,是指在用户想要对对话框以外的应用程序进行操作时,必须首先对该对话框进行响应。如单击“确定”“取消”按钮等将该对话框关闭。

关于两种登录模式的选择,主要看用户在使用登录模块时的情境。例如,未登录状态,若直接点击“登录”按钮或“个人中心”,没有涉及到其他功能的使用,便跳转至独立页面。而当需要进行某项操作,必须登录后才可进行时,建议使用弹出窗口,以保持操作的连贯性。

淘宝、豆瓣均为此模式。点击“登录”按钮时,跳转至独立页面;而点击“立即购买”或“收藏”“评论”等功能性按钮时,显示弹出层登录窗口。

二、登录的两种类型:
关于登录的类型,一般有两种,一种是邮件/用户名/手机号登录,另一种是第三方登录。

1、邮件/用户名/手机号登录
这是一种比较常用和传统的登录方式,输入用户名/邮箱/手机号和密码便可直接登录。值得一提的是,之前的大部分网站仅支持用户名登录,而不支持使用邮箱或手机号登录。但这种方式存在的问题就是注册时,有可能会因为用户名已被其他用户注册的限制而进行强制更改,导致注册的网站越多,越容易忘记用户名。

但邮件地址和手机号由于受到真实资料及数量上的限制,基本不会出现这种情况。所以,现在越来越多的网站都开始支持多种帐号形式登录的方式。

2、第三方登录

这种登录方式是指通过其他的社交帐号来进行授权登录的一种方式,目前这种方式在很多网站上都有采用。其优点是简单快速,降低用户注册门槛及用户流失数量。尤其是对于中小型的非常用网站,或仅想尝试当前功能的用户来说,减小了其登录成本。但这种方式也有一些致命的缺点。例如,当第三方的帐号被封号或被盗时,其他使用该帐号进行登录的网站基本都不可用了。

这里要说到,目前有某些网站,支持第三方登录,但是登录成功后,还需要单独填写非重复的用户名以及密码。这种重复填写资料的行为更容易让用户产生抵触心理。

以上两种方式各有利弊,目前而言,对于需要搜集用户详细资料的网站,例如电商网站,更适合于单独用户注册模式。如果使用第三方登录,进而还需要再填写其他资料的行为反而更加麻烦。而对于一般性的网站,简单的用户资料授权就已经足够了,使用第三方登录更为方便,也利于帐号的记忆与管理。

三、登录过程中的优化:

1、未登录时进行的操作,在登录后,此操作自动生效。
例如,淘宝在未登录时进行“收藏”或“购买”,登录后会自动收藏或加入购物车,无需再重复登录前操作。这是一种比较人性化的交互行为,因为在登录前有此操作,并且为此功能进行了登录,说明这已经是一个明确的用户行为,基本不存在误操作的可能性。所以在进行登录后,自动完成此操作会更为便捷。当然,在自动完成登录前操作时,有一个直观可视化的交互动效,便能让用户更加清晰的理解当前操作已自动完成。浏览几个其他网站,如简书、豆瓣、behance、均无此功能。

2、适时提供登录需求
当用户浏览页面时,遇到必须登录才能够继续进行的操作时, 无疑是一个扫兴的行为。提高体验的途径,就是将登录或注册行为放置至最后一步才进行。

例如,在知乎的顶部以未登录身份点击“话题”栏目,则会弹出登录提示框。虽然这个是用于已登录用户查看自己感兴趣的“话题”,但却会对未登录用户产生一定的阻碍。对于未登录用户来说,点击“话题”按钮后,直接跳转至“话题广场”不是一种更好的选择么?当用户找到自己感兴趣的话题,需要关注此话题时,再弹出“登录”或者“注册”的提示。这样,也给用户一个更为充分的理由。

另外,纵观目前大部分电商网站,基本上都支持未登录就可将商品放入购物车的操作行为。这个相比以前的体验,也基本做到了尽量在最后一步才让用户选择登录的原则。但仔细想想,这其实是可以再进一步去完善的。目前的电商网站数量繁多,在某个网站只有一次购物经历的机会将大大增加。当用户没有做好去注册成为会员的准备时,为何不在加入购物车后,支持用户登录/注册的同时,也支持未登录直接付款并填写购买人手机与收货地址信息的功能呢。这个对于临时购买的用户来说,无异于会是比较顺畅的操作体验。也许当第一次购买流程顺利完成后,用户的注册行为会更有诚意,而不是被迫进行。

登录注册虽然是一个很常见的功能,但却是影响着整个网站体验的重要一环。当新用户的登录注册体验受阻时,再精彩的内容也难以让用户回头了。

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

推荐阅读更多精彩内容

  • 社交红利阅读笔记 书名:社交红利(修订升级版) 作者:徐志斌 出版社:中信出版社 正文前笔记: 推荐序1摘要 社交...
    凫水阅读 8,896评论 4 26
  • 精致的质感表现iCloud 是苹果公司所提供的云端同步服务,用户有 5GB 的免费存储空间。 负责 Macinto...
    王钰峰阅读 569评论 0 0
  • 在电子世界里有一个叫腾讯还有一个叫360他们,都特别有用。 腾讯和360去喝酒360把腾讯灌醉,然后带回家把腾讯的...
    曦月子阅读 223评论 0 0
  • 微写作31 坚持了一个月,疲惫过,厌倦过,应付过,偷懒过,却没想放弃过。没有人监督,亦没有多少人关注,只是为了兑现...
    董余兰阅读 531评论 0 1
  • 我还要你怎样? 我无法回答,我不知道 你说,四年了,一路走来磕磕绊绊,有苦有甜,但总归感到幸福 可我觉得我太差劲了...
    昂贵的代价阅读 248评论 0 0