交互设计细节分析:注册流程与登录按钮设计


  注册&登录是一个网站的门户,它的设计姿态就是对待客人的态度。虽然用户可能每次都只花极少的时间在注册&登录互动,但是这个“瞬间”却举足轻重,用户与注册&登录之间的交互关系承上启下的一个节点。注册&登录所有的细节影响了能否完成产品战略定位所设定的最基本任务去吸纳其所希望的用户的使命。基于很多交互设计前辈的研究,作了一些细节中的细节分析。感谢身边帮助我的朋友们。

  1、注册流程剖析对比:

  1.1、注册和登陆用户体验偏重:


:确保注册信息安全(长远)


:用户注册过程简单迅速(即时)


  1.2、注册流程剖析对比

  ① 财付通: 选择注册方式 > 填写账户详细资料 > 邮箱验证 > 注册完成(可以使用)

  财付通背靠QQ这种超级庞大的用户群体,对超大信息流量的处理技术经验丰富,很自信不担心用户注册过程不顺畅或者失败的情况。对它来说迅速抢占海量用户才是首位,将注册过程集中在一个页面完成,效率最高。

  ② 百付宝: 填写基本注册信息 > 注册完成(不可使用) > 邮箱验证 > 填写账户详细资料(关联银行卡) > 可以使用

  百付宝只需要填写用户名、密码、确认密码、邮箱、验证码即可注册账户,但并不能立刻使用支付,需要一系列验证和账户绑定才能真正使用其支付功能。是产品刚投入市场大量新用户注册情况下分散流量的暂时性策略,减少用户注册过程不顺畅或者失败的情况。但对用户的使用过程来说几重不同分区的操作略显繁杂。

  ③支付宝: 填写基本注册信息 > 手机验证+邮箱验证 > 填写账户详细资料 > 关联银行卡 > 注册完成(可以使用)

  支付宝的流程安全关卡特别严谨,因为它用户非常庞大的用户群体,可以将吸引用户的所有精力投入到产品去。体验支付宝很自信的态度着力于用户长远的信息安全体验。

  ④Tumblr: 填写:邮箱、密码、域名 > 验证码、确认密码 > 邮箱验证 > 注册完成(可以使用)

  Tumblr的轻博客定位本身就较为垂直,希望注册的用户是真的希望以后更多和更持久地使用,所以它的注册流程的特点在确认密码与验证码一起放在第二个注册页面,让用户缓一会再确认密码,将账户密码记得印象更深。

  ⑤需要邀请码的: 填写帐号、邮箱、个人信息 > 等待邀请码 > 验证邀请码 > 注册完成

  需要邀请码的很多都是初期时候内测的网站如前一段时间的乐活网;还有就是很垂直的社区网站,如Pinterest、雪球等,他们需要通过邀请码筛选用户群体,确保用户类型符合预期。

  ⑥使用SNS帐号注册: 选择SNS门户 > SNS帐号登录 > 确认连接 > 注册完成

  使用SNS帐号注册可以迅速引导大量SNS用户来注册,在产品初期迅速占领市场的情况效果会显著,但是对长远来说不利于培养自己独有的用户群体。

  ⑦新浪微博/迅雷网络/华为网盘: 填写基本注册信息(信息要求不同) > 注册完成 > (邮箱验证)

  没有特殊要求的话最普遍的注册流程都是直接填写基本信息和邮箱确认就注册完成,一气呵成,流畅自信。它很可能本身就有海量用户。

  总结:交互流程关联的因素是多方面的,注册&登录需要根据自身和所处环境量身定做,适时调整。

  2、注册&登录表单的整体框架分析:

  2.1、注册&登录表单区域分析:

  注册表单包含7各部分:

  ①视觉聚焦。引导用户填信息。

  ②标签。输入域应填何种信息。

  ③输入提示。提示输入域信息如何填。

  ④输入域。包括文本输入框、密码输入框、多选框、下拉列表、单选框和滑块等。

  ⑤操作区。包括链接、按钮、切换验证码、展开提示或协议。

  ⑥验证。所输信息可用性和给用户的判断和建议反馈。

  ⑦流程指示。让用户知道交互预期。


  登陆框的分区差不多,只是一般流程只需一步,就没有”⑦流程指示”。

时间: 2024-11-03 12:31:02

交互设计细节分析:注册流程与登录按钮设计的相关文章

为移动应用设计快捷的注册流程

  根据2013年的记录,约有80,000,000,000个移动APP被下载,并且预计在未来的四年里这个数字将会翻一番. 虽然APP下载数量在增加,但是用户数量却在减少.如此庞大数量的APP在争夺用户的精力,这势必导致用户对每个APP的使用时间在减少.对于需要新用户注册的移动App,这是个大难题.现在有一种越来越常见的现象:注册疲劳--由于注册流程中糟糕的用户体验,越来越多的用户在未完成注册时就将APP删除.移动端用户希望拥有的是闪电般快速的注册流程,他们不愿就此妥协.那么问题来了,如何设计出一

网站交互细节分析——注册&登录

中介交易 SEO诊断 淘宝客 云主机 技术大厅 注册&登录是一个网站的门户,它的设计姿态就是对待客人的态度.虽然用户可能每次都只花极少的时间在注册&登录互动,但是这个"瞬间"却举足轻重,用户与注册&登录之间的交互关系承上启下的一个节点.注册&登录所有的细节影响了能否完成产品战略定位所设定的最基本任务去吸纳其所希望的用户的使命.基于很多交互设计前辈的研究,作了一些细节中的细节分析.感谢身边帮助我的朋友们. 1.注册流程剖析对比: 1.1.注册和登陆用户体验

用户体验设计:网站的注册流程设计如何照顾用户

文章描述:网站"注册流程"如何"照顾用户"? 一个用户到了某个网站的门口,从跨进门槛到找到自己的座位,这个过程中网站要做的,一是让用户尽快坐稳,该干什么干什么:二是让用户快速熟悉房间,保持新鲜感,至少在坐下之前,主人应该送上杯水或两本杂志,让用户既感觉到主人的热情,又轻松发现了新的网站兴趣点,在座位上骚动起来.网站们是怎么做的呢?记得很久之前听过一个例子,说某家网站的注册流程中,对电子邮箱确认邮件的某句表述稍作修改,使得注册成功率大幅提升,当时对这个网站的崇敬之情就

网页设计参考:出色的30个网页按钮设计实例

如何设计完美"勾引"用户点击的按钮好的按钮设计一定会是醒目且能"勾引"用户眼球的.以下是好的按钮设计必不可少的5个特征: 1.颜色 颜色一定要能与平静的页面相比更加与众不同,因此它要更亮而且有高对比度的颜色. 图1 2.位置 它们应当"座落于"用户期望更容易找到它们的地方.产品旁边.页头.导航的顶部右侧-这些都是醒目且不难找到的地方. 图2 3.文字表达 在按钮上使用什么文字表达给用户是非常重要的.它应当简短并切中要点(不罗嗦),并以动词开始,如

交互设计细节分析——搜索

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 一 推荐字 关于推荐关键词放置位置的问题: 推荐字在框下:普遍认为放在下面好一些,从版面美观度考虑,从给用户的冲击力和干扰程度考虑; 推荐字在框上:有时搜索框上面会放分类等tab,推荐关键字易被认为作分类;但具体放在上面给用户带来的干扰程度,是否会让很多用户很讨厌,笔者认为来搜索的用户普遍目的性较强,会下意识自动过滤掉自己不需要的内容,此时的

设计细节:世界各地的著名汽车网站设计对比

目前全球有许多汽车公司和品牌网站,几乎每个汽车网站上都少不了酷炫的品牌汽车图片,在设计此类网站时大多也会以该汽车的品牌与特征为主题进行设计.但最主要的就是凸显汽车本身的酷炫等效果. 本文收集了世界各地的汽车网站,在细节方面有些网站做得很不错,比如导航条,比如图片处理方式等等,值得设计师参考.   Lamborghini Auckland, New Zealand www.lamborghini.co.nz   Mercedes-Benz NZ www.mercedes-benz.co.nz  

屈婉玲-算法设计与分析课后习题答案

问题描述 算法设计与分析课后习题答案 需要算法设计与分析屈婉玲课后习题答案,希望哪位大神帮帮忙!大恩不言谢 解决方案 算法设计与分析课后习题3.2算法设计与分析课后习题3.5数据结构与算法分析课后习题第四章(1) 解决方案二: http://download.csdn.net/download/xiaomashengjie/6828333 不谢~

实例分析如何让用户不再对繁琐的注册流程望而却步

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 现今我们可以看到注册功能已经是大多数网站的基本功能,很多平台都需要用户首先完成注册的过程才能更加深入的访问,当然不同类型的站点需要用户填写的注册信息也是有所差异的.在某些平台需要填写的注册信息是十分繁琐的,比如电子商务网.求职网等等都需要用户填写大量的信息:地址.电话.邮箱等等,有的甚至需要实名认证才能注册.面对这样繁琐的注册,很多用户都会望

想让人们成为你的用户?先设计好你的注册流程

中介交易 SEO诊断 淘宝客 云主机 技术大厅 编者按:本文作者Nir Eyal是几家初创企业的创始人,同时是旧金山湾区几家公司和孵化中心的顾问.他专注于研究心理学,科技和商务的交叉领域,同时还是斯坦福大学研究生学院的讲师.这篇文章主要通过"欲望发动机"模式的概念,详细讲述设计师应该如何设计产品的注册流程.要让普通的来访者成为你的用户,注册流程的设计并非理所当然. 在你可以改变世界.在你的公司上市或者在拥有数百万计的忠实用户必须使用你的产品之前,你必须让用户在你的产品上注册.不管在哪个