交互设计研究:用户注册和用户登录的交互细节设计

文章描述:交互细节分析——注册&登录.

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

1、注册流程剖析对比:

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

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

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

1.2、注册流程剖析对比

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

注册表单包含7各部分:

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

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

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

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

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

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

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

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

[1] [2] [3] [4] [5] [6]  下一页

时间: 2024-08-02 10:30:35

交互设计研究:用户注册和用户登录的交互细节设计的相关文章

以“社会化设计”为中心 增强用户间的交互体验

社交媒体应该是用户体验的重要部分,而很多网站将其作为附属物被随意添加到某一个网页中.如何在产品设计中更好地利用社交媒体,提高用户体验,从而赢取更高的商业价值呢?英国网页设计公司Headscape创始人Paul Boag针对该问题发表了一篇博文<Social Media Is A Part Of The User Experience>,CSDN对该文进行了编译,内容如下: 一般,我们都把社交媒体归为市场人员的工作范围.确实,社交媒体并非我们的职责范围--我们构建网站,但不会参与市场活动.这个观

如何打造一流的用户登录体验-密码框设计

在注册和登录表单页面中,密码屏蔽早已司空见惯,它可以防止用户密码的外泄.虽然这项出于安全性考虑的设计实践已经无从质疑,但是从另一角度去考虑的话,这种方式的交互设计却是不友好的,毕竟用户在登录网页时,希望毫无障碍的填写内容并提交数据,但密码屏蔽却反其道而行之. 利于登录,不利于注册 登录页面的使用率比注册页面要高很多.毕竟如果想创建一个帐户,用户只需要注册一次,但注册完后,就会经常和登录打交道了.这样一来,用户会经常在公共场合输入密码,比如想给朋友们展示下社交网站上的信息,或者想分享一些网站上的东

拒绝平庸:浅谈用户登录页面的设计表现形式

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,"门面'就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的"门面". 现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情

【Qt编程】基于Qt的词典开发系列&amp;lt;八&amp;gt;--用户登录及API调用的实现

在上一篇文章<调用网络API>中,我只讲述了如何直观的使用API接口以及调用API后返回的结果,本文则从程序实现的角度来实现API的调用,当然本程序的实现也是借助于扇贝网的API接口文档http://www.shanbay.com/help/developer/api/. 由API文档可知,要想调用其API,必须先注册.因此,我就注册了,账户名为nineheadedbird, 密码为123456.显然,我们要查词,首先必须得登录该账户.如果用浏览器,那就很简单,只需单纯的输入用户名和密码就可以

php+mysql 用户登录-php+mysql、用户登录界面,

问题描述 php+mysql.用户登录界面, php+mysql设计一个用户登录界面,能登陆注册,有验证码,有数据库的建立和代码的详细步骤请给个详细的数据库的建立和正确的代码,我是新手,数据库表的建立和代码始终连接不上,请指教 解决方案 CSdn资源下载找找,里面很多

B2C网站用户体验细节设计参考

最近在使用Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com的时候,发现一些用户使用细节的小问题.针对这些问题,网页教学网体验了前面四个网站的处理方式,觉得还是有可以借鉴的东西. 针对suggestion的情感化设计细节处理: EBAY.COM 当用户觉得不想使用suggestion,或认为suggestion会给他带来干扰的时候,用户可以选择关闭suggestion.( suggestion有的时候可能会切断用户的心流,对用户的心智模型造成影响)

用户体验和交互设计:做商业项目的产品设计体会

文章描述:做商业产品的一点体会. 6月9日,入职一周年,所以想写点什么纪念一下. 很多人问我是不是做电子商务或社会化网络的,呵呵,还真不是,而且完全不搭边.我是做商业产品的,做的是平台项目,性质偏向于整合和贯通. 所以常羡慕做用户产品的同学,能更多的关注用户体验.交互设计,有机会使用自己设计的产品,可以听到周围最真实的反馈.商业产品则功利和直接许多,关注的也不大相同,今天就简单的说说工作体会吧. 1. 做什么比不做什么更重要 商业产品的目标很明确,要么帮公司赚钱,要么帮公司省钱,或者更快更好地赚

网站制作流程及界面交互设计研究探讨

交互|设计 很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者,具有一定平面设计水平的人,对HTML不是很了解,他们可能只是想做一个个人主页而已,所以整体还是趋向于传统的表格布局,这里有很多都是一些我个人刚开学时自己摸索的经验,所以可能不是很专业,但是绝对是比较容易入门的,我一直有这种思想,你只有塌进来了,你才可能往更高的地方爬,我想当初如果没有这段的学习,现在我也不会明白什么W3C,什么CSS,什么ASP,什么XML,

交互设计最重要的是态度:通过交互来引导用户

文章简介:我不只是交互. 从事交互有很多想法观点一直在脑中趁着这个分享的机会大概总结下,以下我说的"谬论"不一定对,很多东西个人也一直在摸索思考总结中,现在写出来抛砖引玉,极力欢迎各种不同的观点一起交流哈哈. 首先谈一下日常工作中交互方面的点滴: 交互体验的一些参照原则: 操作前,结果可预知. 让用户在操作前就大概能预测到自己可以有哪些操作,自己的操作会得到什么样子的结果,会提前对产品有个心理预测,例如迅雷XMP播放器,用户只要一启动就会知道可以使用播放器来播放本地影片,播放在线影片.