• 三大电商注册登录表单分析


    摘要:

        最近看了本书《web表单设计-创建高可用性的网页表单》,就拿些例子来分析实践下学到的知识。

    亚马逊

    1 登录or注册选项

    评价:表单设计很棒,突出显示登录。分割线将账户相关内容分为两大块,有点疑问就是没登陆或者注册,为什么需要下面一大坨东西(指"我的账户"……"我的应用程序和设备")呢?

    2 登录

    评价:页首告诉用户在做什么,下面用红色区分表单块,感觉很开心。

    因为前面强烈突出显示"登录",此处登录界面也提供了容错,让用户在登录页面也能注册并提供了注册页面转向,感觉非常开心。

    但下面"非邮箱注册的用户名,请您直接使用用户名登录"说的不伦不类的,很别扭,布局改到左边提示,内容改为"注册邮箱完整名,非用户名,示例:xiaohuamao@gmail.com",会不会更好呢?

    另外对齐的问题,我是一个新客户和上面注册邮箱输入框明显不对齐,如果对齐是否整洁性更好呢?

    3 注册

    评价:因为测试新用户名,一不留神写了老用户名,页面非常醒目的告诉我"用户名已存在"这个事实,在意料之中。

    4 注册-2

    评价:从上一步用户名验证通过后,就进入用户详细信息填写阶段,表单自动填充了Email地址,内容是上一步的用户名,有点奇怪。可能我还是没理解那句别扭的话,到底是填用户名,还是邮箱完整名,不过这里我重新填写了email地址,还是很快速的注册成功了。

    总体评价:

        操作很流畅,注册登录毫无压力。另外可能国内外思维有点不同吧,整个注册登录流程虽然很别扭,但是设计补充了流程的缺陷。

    ebay

    1 登录or注册选项

    评价:页首提供了登录或注册的选择框,颜色区分,很醒目。感觉字号有点太小了,这点还是喜欢亚马逊的大大的醒目的登录框。

    2 登录

    评价:登录框很简洁,必要时提供帮助。

    3 注册

    评价:输入框的说明名字没有放在旁边,而是放在输入框上面,利于用户读取习惯。

    淘宝

    1 登录or注册选项

    2 登录

    评价:密码输入框和整个页面风格不符,可能是安全控件的问题吧。输入框的说明名字没有放在旁边,而是放在输入框上面,利于用户读取习惯。左边加入了广告,只能说商业气氛很浓郁。

    3 注册

    评价:淘宝注册流程非常冗长,好在提供了进度条,能知道当前进行到哪一步。其他我都不想说啥了,如果我想买东西,还得在注册上停留这么久,都觉得是坑娘的节奏。不过旁边提示的手机快速注册还是挺不错的,告诉心急的用户一个快速的方法,赞一个。

    其次注册表单方面,看到万恶的验证码,新奇的发现有个语音提示,很不错,有时候注册就会卡在验证码,因为太小了啊!!!!

    4 注册-2

    评价:这图主要看表单提示项。发现登录密码不符合规则,是不能进行二次输入的,非常棒,能够给某些心急的用户一个提醒。其他同上吧。

    5 注册-3

    评价:密码提示方面,上面提示icon是一个小灯泡,下面因为检测到用户输错,提示icon编程,非常棒,区分用户级别。上面单纯提示,可看可不看,下面用醒目颜色,提示用户一定要看。

    6 注册-4

    评价:验证账户遇到一个问题,就是手机号已经注册怎么办?下面有提示"使用邮箱注册"。虽然发现手机号已注册有点挫败感,不过是意料之中。设想如果真实用户发现明明没注册过该网站账户,怎么就被验证过了呢?这也变相提示用户,请查证手机号是否填错。

    7 注册-5

    评价:进入邮箱验证,发现手机验证转向放在了上面,非常棒。

    8 注册-6

    评价:邮箱激活,建议去邮箱激活能够新开一个标签页,因为我验证完后,就想直接在这个页面登陆呢。如果转向了,回来会很麻烦。

    评价:手机验证完后,还有个手机验证。这就不懂了,怎么邮箱验证后,还要手机验证呢?画蛇添足,很不喜欢。出于什么目的呢,我只能想到依靠于手机号这种与人强联系的ID,能够有效避免注册攻击。

    总体评价:

    注册过程太冗长,不喜欢= =1

    计划、执行、每天高效的活着学着
  • 相关阅读:
    svn: E120106: ra_serf: The server sent a truncated HTTP response body.
    HTTP method POST is not supported by this URL解决
    TinyOS文件结构清单解析
    Crush Course 神话学笔记
    Django 入门
    Crush Course 心理学笔记
    网络相关知识汇总链接
    9.21 小程序开发培训讲座
    论文简读之LAIA
    Android studio 的那些坑
  • 原文地址:https://www.cnblogs.com/huxiaoyun90/p/3186460.html
Copyright © 2020-2023  润新知