手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >网站退出页及后续登录设计
网站退出页及后续登录设计
摘要:写这个题目的原因是在于前天一个做社区的版主和我诉苦,说由于在社区需要经常切换马甲的缘故,经常会退出再重新登录,但是在现有的页面退出并重新登录...

写这个题目的原因是在于前天一个做社区的版主和我诉苦,说由于在社区需要经常切换马甲的缘故,经常会退出再重新登录,但是在现有的页面退出并重 新登录后,返回到的却是网站的首页,所以很苦恼,问我为什么不能在重新登录后返回到退出前所在页面。有鉴于此,我决定先研究下各大网站的退出页以及后续登 录设计。

淘宝(www.taobao.com):当前停留在A页面,为登录状态。点击“退出”,返回到登录界面,如下图:

网站退出页及后续登录设计1

重新登录后,页面没用返回到淘宝首页,也没用返回到我退出前所在的A页面,而是来到“我的淘宝”页面:

网站退出页及后续登录设计2

豆瓣( www.douban.com):当前停留在A页面,为登录状态。点击“退出”,返回到登录界面:

网站退出页及后续登录设计3

重新登录后,返回到之前的A页面。

大众点评(www.dianping.com):当前停留在A页面,为登录状态。点击“退出”,弹出如下界面:

网站退出页及后续登录设计4

此时会有2个链接可选,默认自动返回首页。返回首页很好理解,这里我们点击“重新登录”。此时进入登录界面:

网站退出页及后续登录设计5

登录后,进入登录成功页面,如下图:

网站退出页及后续登录设计6

此时仍有2个链接可选,“返回首页”以及“回到原来的页面”,这里我点击“回到原来的页面”。

字面理解的话,此时应该返回到退出时所在的页面,可是除了在社区频道操作时能返回退出时所在的页面外,其他情况下都是不可以的,而是直接回到大众点评网的首页(可能也许是bug吧 :))。

安居客(www.anjuke.com):当前停留在A页面,为登录状态。点击“退出”,页面仍停留在当前的A页面,但用户状态为退出状态。

网站退出页及后续登录设计7

比较一下这4个网站的处理方式可以发现,主流的做法都是退出后直接返回到登录页面(大众点评虽不是直接返回到登录页,但也保留此选项),应该是 考虑到大多数用户退出时可能无非2个原因:1是为了不让此帐号继续登录,防止隐私泄露;2是为了换个帐号重新登录,所以回到登录页是个相对稳妥的做法。

但是仔细研究会发现这几个网站也有其差异性:

淘宝网在重新登录后返回到我的会员中心(即“我的淘宝”)页面,至于为什么不返回首页或退出前所在页面原因不清楚,但我觉得淘宝肯定有其自身考虑,估计是他们有统计过用户登录后进入个人中心的比例最高。

大众点评网的做法是在每个页面都会提供若干选项,虽能满足大多数用户的需求,但是过多的选择可能会让用户有所疑惑,因为需要比较每个选项的不同,略显拖沓。

安居客的做法看上去有些怪异,但对于大多数不需要经常更换帐号的用户来说,退出只是改变其登录状态的做法可以减少更多的干扰,此时用户回首页也好、重新登录也好,只要再点击一次即可链接实现。

综上,我可能更倾向于豆瓣的做法,退出——登录页——(登录帐号)——返回到退出前所在页面。用户可在登录页面选择返回首页或者其他操作。

碎玉碎珠的说了一些,网站退出页及后续登录设计是个蛮有意思的活,也希望听到更多好的意见。

作者:程寅

文章来源:iamchengyin.com 转载请注明出处链接。

【网站退出页及后续登录设计】相关文章:

网页设计中的色彩应用

5种方法帮你提高网站的登录体验

针对京东网站改版谈谈网页设计趋势

35例运用矢量插画的网页设计

15例运用插图的网页设计案例赏析

关于网页UI设计的10条适用法则

网站中那些令用户抓狂的细节

网页制作应做到的

11个最好的UI设计

如何准确的向工程师传达动效设计?

精品推荐
分类导航