《社交网站界面设计(原书第2版)》——3.2 注册

3.2 注册

是什么
用户想访问某个需要创建或者保存个人信息的网站或应用。用户想为网站的社区贡献内容,并且想将这些内容归档保存以便后续使用(参见图3-1和图3-2)。

图3-1:Facebook的注册界面收集了足以提供价值的信息

何时使用
网站的功能要求留下个人信息或隐私信息,并且隐私和安全非常重要。
财务往来要求记录计费、物流和交易信息。
用户想参与线上活动(评论留言、写博客、发帖子、发照片、建立自己的人际网)并且这种参与活动需要身份确认并且/或者与用户创建社区的目的、声誉、创建个人信息或知识库有关。
如何使用
只收集用户登录网站最必要的信息,如图3-3所示。通常只需要一个电子邮件地址(供登录时使用)和密码。甚至你需要考虑一下是否有必要注册。
为了获得更佳的用户体验时才会收集其他信息。你可以问问自己,你要收集的数据是否在网站的其他地方、其他时刻可能被用到(见图3-3)。

图3-3:Pack在要求你注册前就为你的狗狗开启信息创建过程了。直到第3个界面才要求你创建一系列认证证书。这个过程完成时,你已经创建了一个个人账户,你的狗狗也有了自定义的资料
解释你所收集的每条信息会对用户有什么好处。例如:
○ 邮政编码或者其他地址信息可以帮你找到附近的餐厅和商店。
○ 手机号码可以接收网站向手机发送的内容,也可以用该手机向网站发布内容。
尽量在用户浏览网站的最后可能的时刻再要求用户注册,例如:当用户想保存他们创建的视频时再要求其注册。
在移动体验中使用屏幕键盘时,应使用自定义键盘来给用户提供额外的安全以及更简单的输入信息方式。例如,当要求电子邮件地址时,要提供@和.符号,如图3-4所示。

在注册之后,让用户继续回到原来的任务中。如果他们是通过随意浏览或搜索引擎而进入网站的,那么注册后要跳转到最可能鼓励他们开始使用该网站的那个页面。
避免简单地将注册时的各种输入框分页呈现、逐步收集。这种方式很可能会降低效率,并且会让用户反感注1。
允许通过电子邮件地址的使用来创建唯一的标识符,邮件地址是验证用户的唯一信息。
不用强迫用户创建一个与电子邮件地址不同的用户名,除非该用户是网站早期的试用者,否则随着时间的流逝,他想用的账户名(通常是他自己的名字)已经被占用的概率就会越来越高(参见图3-5)。最乐观的情况就是:这样做只是会让你的用户感到不快;而最糟的情况就是:你的用户会弃你的网站而去,并且会心生敌意。

允许用户使用与别人相同的昵称进行反馈并在用户和系统之间进行互动。
要清楚标明哪些元素是用户名和密码所需要的。是否需要包含大写字母和数字?是否区分字母的大小写?是否有最少6个字符、最多15个字符的限制?要提前告知用户,而不是以错误提示的形式提供这些信息。杰拉德·斯布尔(Jared Spool)称这种设计为防御性设计。提前描述清楚某一行为的期望和结果,可以有效预防任务中断并能确保更成功的注册过程体验。
当用户填写完表单时要给予反馈,如图3-6所示。在该示例中,当输入框中的数据填写正确(例如,一个完全可识别的电子邮件地址)时会在后面显示对钩,或者通过密码强度检测来指示密码的安全程度。

图3-6:当部分信息被正确填写时,Twitter的注册表单就会显示绿色的对钩。由于系统要求唯一的用户名,因此系统还会根据在第一个输入框中输入的真实姓名来提供可选的用户名(http://www.twitter.com)
当用户输入密码时,使用短暂的延迟来将他们刚刚输入的字符转换为星号显示。另一种做法是在注册过程中用纯文本形式显示密码以供用户验证,并且只在登录过程中隐藏它。
在点击“提交”按钮前,要在同一行提供与上下文有关的出错信息来验证日期和数据格式,或者检查用户名是否可用(参见图3-7)。这样做既可以缓解用户的愤怒情绪,又可以尽量避免用户放弃注册任务。

图3-7:当输入框中填写的某些信息不正确时,StumbleUpon的注册表单会在同一行提供出错信息。该注册表单使用错误提示来提醒用户填写的信息不正确,并在用户输入信息时提供提示信息来提醒用户可用的数据或者格式
请确保密码所要求的安全等级与用户所创建或保存的数据安全级别相匹配。保存菜谱和在银行付款的安全级别其差别是很大的,因此,用户对网站的安全性和所用密码类型的期望也大不相同,你应该做出相应的调整。
只在非常必要的情况下使用验证码。验证码是为了“证明”注册该服务的人是“人”而不是“机器”。不幸的是,有些邪恶的家伙们会通过雇佣廉价劳动力来读取验证码,这样他们就能轻松绕过验证码创建账户,用以发送垃圾邮件或进行其他类型的攻击。由于验证码还需要实现可达性方面的应变方法,而且通常都难以读取,因此你一定要确保是否有必要使用它。
在移动体验中,当显示多个输入框时要包含“下一个”“上一个”“完成”,或者特殊的键盘,这样用户就可以在不离开键盘区域的情况下,直接从一个输入框移动到另一个。
如果你需要二级认证(也称为二元认证、两步验证或者多重因素验证),当你需要一个二级认证问题或者PIN时,应立刻告知用户。确保他们知道这个安全体系如何保证他们的信息安全。
你也可以考虑跳过整个注册表单并且允许用户使用OAuth启用的服务,例如谷歌、Microsoft、Twitter或者Facebook Connect注册。
为何使用
如果在用户执行某项任务的过程中要求其“注册”,就会中断用户原有的操作。当需要存储个人信息或用户产生的内容时,这种中断是必要且可被接受的,但这并不意味着网站可以利用这种手段来收集用户的生活细节和他的子女信息。
为了获得更好的用户体验,用户很乐意提供他们认为必要的信息。如果除了唯一标识符和密码外还需要其他信息,必须清楚说明为什么需要这些信息以及提供这些信息后会为用户带来哪些好处。注册过程就是跟用户讨价还价的过程,如果你没有清楚地说明其价值或者其价值看上去不够大,他们将会放弃注册并离开你的网站(参见图3-8)。
可达性
注册表单应该很容易通过键盘来导航,只要点击“返回”键即可触发“提交”按钮。

图3-8:Pinterest的注册界面非常简单,并提供了为什么注册有价值的相关信息(例如,有300多亿Pins等待探索)
相关模式
登录
PIN
二元认证
指纹或Bio指纹
登录连续性
退出
服务条款

时间: 2024-10-03 09:03:16

《社交网站界面设计(原书第2版)》——3.2 注册的相关文章

《社交网站界面设计(原书第2版)》——第2章 2.0社交的核心

第2章 2.0社交的核心 与其说网络是一种技术创新,不如说它是一种社交创新.我设计的是一种社会效应(帮助人们一起工作)而不是一种高科技玩具.--蒂姆·博纳斯-李 ,<编织万维网>(1999年)在<建筑的永恒之道>一书中,克里斯多佛·亚历山大(Christopher Alexander)在某种程度上解释了模式语言的目的,他说他们所宣扬的就是要用"无名特质"来构建物理空间.有些东西(往往是些不可名状的)会让建筑空间变得非常吸引人.温暖.人性化.舒适.健康.有活力.通

《社交网站界面设计(原书第2版)》——导读

前言 什么更新本书我们撰写并更新本书,是因为我们需要这样的一本书,而且市场上还没有此类书籍.我们自己的模式集.记录,以及对社交用户体验界面设计模式的梳理,已经变得足够复杂,需要一本书才能阐释清楚.本书的撰写基于我们几年前在Yahoo!的工作成果,也涵盖了整个社交设计社区的贡献.我们希冀提出一个庞大的宏观平台,用来组织和讨论这些交互模式,并建立探讨社交设计的共同语言和惯例.我们撰写本书,是因为当今世界上的每一个网络设计师和开发者都需要在工作中考虑社交特性.我们希望能够为他们提供帮助.我们更新本书,

《社交网站界面设计(原书第2版)》——1.6 模式:用作原型的模型或者原型

1.6 模式:用作原型的模型或者原型 刚开始使用交互设计模式时,我们是这么定义模式的: 在特定环境下,某个已知问题通用的且成功的交互设计组件和设计方案. 模式就像建筑中的砖块,是用户体验和描述交互过程最基本的组成部分.我们可以将它们与其他模式或其他界面组件和内容结合起来,共同创建一个交互式用户体验.它们在技术和视觉上并不固定,也就是说,我们不能规定某一模式的具体技术方案和视觉设计效果.用户体验设计模式为设计师如何解决某一特定情况下的具体问题提供了指南,因为从某种程度上讲,这一处理方式经实践多次证

《社交网站界面设计(原书第2版)》——1.1 社交产品的一点渊源

1.1 社交产品的一点渊源 社交产品最早始于BBS,其中最有名的当属1985年的The Well,<连线>杂志将其评为1997年度"全球最具影响力的在线社区"注1,其出现要比万维网和浏览器早好几年. The Well The Well创立于1985年,最初是在Digital Equipment Corporation公司的VAX系统和一系列调制解调器上运行的.它是由史都华·布兰德(Steward Brand)和拉里·布里昂(Larry Brilliant)构思成型的,布兰德

《社交网站界面设计(原书第2版)》——2.2 社交网站要有意设计得不够完善

2.2 社交网站要有意设计得不够完善 设计网络社交环境和设计传统媒体.内容广播式网站的一个主要区别是:在线社交社区不可能在事前就设计得非常完善.或者说,它不应该提前设计完善.我们必须给社交应用程序的用户机会,让他们亲自"完善"设计.这一原则源自一些熟悉的概念:自定义.皮肤.用户自定义标签,以及它们可能引发的新兴的分众分类(folksonomies)等.你可以将该过程称为"元设计".我们为用户提供的是"渔具"和教他们如何钓鱼的指导,而不是"

《社交网站界面设计(原书第2版)》——2.3 沿着脚印铺路

2.3 沿着脚印铺路 我们从建筑学中学到的,并且早期一直被网络从业者所倡导的一个口号是"沿着脚印铺路",其根本含义是看看哪里有现成的做法,然后将其标准化.比起创造某种无视历史.传统.人性.几何学.人体工效学和常识的"理想化的路径结构",这种做法要有效得多.这一原则有时在校园内体现得比较明显:即使在草坪上竖起了"请勿踩踏"的牌子,也无济于事(人们还是我行我素,习惯成自然).在设计社交界面时,该做法有两种应用.首先是简单地做人类学功课,并研究一些你的

《社交网站界面设计(原书第2版)》——2.19 把握道德尺度

2.19 把握道德尺度 当你为人们设计体验,或设计让人们自己创造他们自己的体验框架时,总会有道德方面的考量. 当你开展商务活动时,是否有明确或默许的承诺? 你是否承诺保证用户的安全,保证他们的信息不会泄露并尊重他们的隐私权? 你是否会为了网站聚集人气并快速建立自己的社交图而昧着良心欺骗用户呢?巴尔扎克曾经说过:"巨额的财富往往没有明确的来源,其秘密就是人们常常会忘记曾经犯下的罪行,之所以会忘记,是因为它们的处理手法都很巧妙."许多当前成功的社交网站都有"不可见人"的

《社交网站界面设计(原书第2版)》——1.2 能详细介绍一下什么是社交媒体吗

1.2 能详细介绍一下什么是社交媒体吗 "社交媒体"这个术语大约是在2002年随着博客的诞生而进入人们视野的.博客与RSS(newsfeeds.feedreaders)的结合(有时是在同一个应用中,例如Dave Winder的Radio Userland软件中)产生了一个可以相互应答的.多对多的对话系统,它不断壮大,然后又分解成很多更小的.相互重叠而又不同的子社区.在这种情况下,博文就是媒体,但至此之后(就像现在)很多博客都包含链接到可能来自传统主流媒体(或者MSM,因为一些政治博主比

《社交网站界面设计(原书第2版)》——2.18 反模式:“苍蝇王”

2.18 反模式:"苍蝇王" 即使是最成功的社交网站也可能会出现欺凌.骚扰和辱骂等问题.在威廉·戈尔丁(William Golding)的<苍蝇王>这部小说中,一群英国男孩子被搁浅到一个荒岛上,并逐渐恢复到恐惧.仇恨和害人的野蛮文明.当在线社交体验没有可以引导的社会规范.没有问责和对弱势群体的保护措施时,就会有发展成为不文明行为的不良倾向.例如,YouTube一直受害于其无人监管的评论方法.人们一直觉得YouTube的评论类似于开放运行的排污系统,就好像是无人监管的评论被追

《社交网站界面设计(原书第2版)》——2.8 像人一样会话

2.8 像人一样会话 (这一小节原本取名为"用人类的声音说话",但后来我又根据自己的想法做了修改.我在想,实际上,是谁在说话呢? 我认为"像人一样说话!"更贴切.) 当我们开始把个人网站.艺术项目和其他创意或20世纪90年代的非正式对象放在一起时,互联网的非正式氛围是显而易见了.但十几年后,随着各种商业活动在网上的开展,很多面向商业的网站重新开创了一套遥远.单调.近乎机械化的商务套话--可以在企业年度报告和目录文案中找到. 即使这样,明智的企业家们更看重以平易近人的