英文原文：Startup Design Examples of Login Forms and Signup Pages

有大量的处于起步阶段的创业网站运用注册表单来取得早期用户。电子邮件旧事和用户帐号是创业网站衔接新用户的两种首要方法。用户注册表单的一个成功的主要要素是用户界面设计。

凡是，设计师会同意运用其他典范web界面元素如题目、图形、滑动面板等等而疏忽了表单。但本文中我将重点把放在登录和注册表单的设计上。由于登录和注册表单的设计在创业网站上十分典范，所以我选择在这一点上愈加摄取的解说。普通来说，每条准绳可以实用于任何方式的网站中。

信息化注册提醒

为终端用户供给有效的音讯提醒是Start创立表单的最好方法，特别是在表单具有多个输出域，而相互可能发生歧义的时分。这些音讯提醒可所以在顶部闪耀的小便签，或可以暗藏起来的音讯气泡框。设计表示在你付与表单以特质，而界面恰是用户所感触感染到的体验。

Startup Stock Exchange 的注册页面就是一个大量运用该技能的十分棒的例子。当你聚焦在每一个独自的输出域时，你会发明在其右边有响应的提醒信息。每一个输出域都十分通俗，如用户名，邮箱，账户密码等。因为这些信息放在全部页面上其实不鹊巢鸠占，用户对这些提醒可以疾速扫过，一切都很调和天然。 这绝对是你在创立注册页面时想要寻求到达的外观体验。

Desktime 略微有点异乎寻常，它并没有运用我说提到的音讯提醒框。相反，我可使用典范的密码/用户名下拉框或者运用Facebook账号实行衔接。假如有谁不了解该功用，那末Mobile鼠标到问题标签图标上，可以看到一个风趣的弹出对话框，内里说明了怎么运用OAuth实行衔接验证。实际上，你可以按需在任何表单位素上运用相似的弹出框实行内容说明。

有目共睹的用户界面

网页设计的美学要素简直和可用性要素一样主要。很分明，你盼望人们在运用你的表单页面时，不被其它要素所困扰。但这并非说为了用户体验你就要在设计时丢弃美观。实践上我想说的是，经过运用华美设计的色彩和纹理，可以晋升用户体验。

我真的很爱好来自Spacefinity的这个例子，由于它直接放在主页上。该网站是一个什物仓储的在线市场。每个输出字段都设计的十分特殊 – 简直就是平摊在页面上。它盘踞了全部网页结构，绝对能捉住你的留意力。如许做的目标就是尽早捉住网站旅客并诱使他们填写注册表单。运用使人难忘的设计，是令人发生“我很明白我在做甚么”的觉得（即便实在你其实不明白）的绝佳办法。

下面我举一个比照的例子，它就是 Vidyard 的登录页面。我不会说这个表单界面的后果仅来自于华美的自定义CSS设计。可是运用公司logo和从正面偷看的矢量机械人，使这个网页自身的确很能吸引你的留意。它分发出了很好的品牌效应，从更广的角度展现了该网站是干甚么的。

然后要记着，你所犯下的错误都是全部进修进程的一部分。带着你本人的设法和访客们的反应向前冲吧，不关键怕。然后你就可以学会哪一种设计计划会进一步吸惹人们拜访你的网站，哪种计划令人心生讨厌而分开。

Mobile使用的登录

如今有很多新启动的使用仅仅只基于Mobile装备来制造。此中的一些项目将向web过渡，这凡是会呈现自定义的用户界面。可是Mobile使用的登陆表单凡是比其他的要小非常多，另外你凡是也不会在站点上发明注册登陆表单，这是由于Mobile使用普通都请求用户下载程序来注册帐户。

我正在参考Life360的登陆页面并以其为例。假如你曾经有帐户了，那拜访你的个人主页或重置密码会变的相当容易。网站不会支撑比Mobile自身更多的元素和功用。这关于草创的首要基于Mobile智能客户真个使用程序来讲特别关键。

可是为何选择如许呢？好吧，那是由于任何草创的Mobile使用其主题功用都是缭绕着Mobile自身转的。你能发明有人可以经过PC来登录进Instagram，可是提交照片的首要操作仍是要经过手机来完成。因而，回到登录页面，你需求给用户供给经过iOS/Android装备来拜访使用的时机。

OAuth 衔接

我之前有提到过OAuth，并且我感到OAuth是2013互联网技术最大的提高之一。有如斯多的人在运用支撑Twitter和Facebook衔接的网站。如今，我又发明了非常多站点还支撑Google, Instagram，乃至是Github账户验证。

我发明强迫用户只能专一经过OAuth来实行注册并非个好决议。并非每一个人都情愿衔接到他们的个人账户，但是仍是有人十分爱好如许的鸭霸功用，由于这处理了他们必需记密码的懊恼。DogVacay的验证页面就处置地十分好，你不只可以直接经过Facebook来实行注册验证，还可以经过供给邮箱地址来注册新账户。

注册表单原本是暗藏的，除非你点击一个链接来睁开。经过这类方法可以坚持页面跟清新，更轻易一扫而过。

如今值得会商的是经过OAuth实行衔接验证的益处。你可以导入用户的个人相片，用户名，邮箱，和其他的帐户属性。假如经过Facebook注册，Listia的注册页 实践上会赐与用户50点的嘉奖。

注册鼓励自身已不是甚么新颖玩意，可是经过OAuth来实行衔接的注册仍是相当新奇，开展也很敏捷。假如你的目的人群曾经具有了这些盛行的社交收集，那末这类方法就值得思索。同时注册流程也变地十分快捷，并且还不必记密码。

其它翻译版本 (1) 加载中

电子邮件约请

疾速拜访注册和电子邮件告诉是差异很大的两回事。对这些方法而言，固然只需求恳求一次输出（即电子邮箱），但却更难取得完成注册的动力。我的来由是拜访者更感兴味的事体验你的服务，而不是仅仅在他们的收件箱中遭到一封信函。注册应当是一件更使人冲动的进程，由于你可以请求并在几分钟甚或几秒钟以后，立刻经过你的账号来直接取得拜访。

当你盯着从Pokke发送来的约请函的输出框时，你能看到一个绝妙的动画后果。这很好的跟全部页面交融在一同，是一个启动登录页面的很好的例子。可是我感到最大的问题是页面上缺少进一步的互动。假如你的产品还没有终极上线我是可以了解的，不外我仍是会希冀失掉更多。创立一个新的重定向页面或许会好非常多，你可以在上面展现更多产品信息或者beta版的估计发版日期等等。

别的一张应用全布景的Bolt主页运用了大量类似的元素。但是这个站点倒是为Mobile使用设计的。注册表单请求输出电子邮件或德律风号码。由于只要一个输出域所以注册显得特殊容易。可是真实的意图呢？假如用户不能顿时了解产品的本意，他们可能与之当面错过。

测验考试为你的注册表单域注入更多产品或服务的细节。人们想了解的更多，如许才干压服本人我为何要注册，我为何要通知你我的邮箱帐户。所以必定要给你的用户运用该表单的来由。

疾速但高效的设计

最初我想留下的一点是，包管一切这些表单尽量的高效。这其实不意味着你必需移走字段将表单修剪得小一点，而是说要让全部流程疾速不吃力。我偏向于以为在填写表单的时分，更大的输出字段能令人觉得更有成绩。

看一下 TribeHR的注册页 ，你可以看到只要两个必填字段。一个新帐户的子域名，另有用户的 e-mail地址。何等容易的会话！普通典范的注册表单比这个字段多一些。可是坚持一切都容易，有层次，并且便利浏览，将会放慢注册新用户需求的时间。

本文中的一切译文仅用于进修和交换目标，转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协议，假如我们的任务有进犯到您的权益，请实时联络我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务