主要内容
登录、注册的表单 最后更新: | 文章数: 47
一个网站用户注册功能是必不可少的，但有些网站的注册表单中选项之多，让人望而却步。在信息发达的今天，对于用户来说在一个网站上所花费的时间有限。在注册表单中，我们总想让用户填写更多更详细的信息，想了解用户更多的需求，但实际效果恰恰相反。
-
47. 注册表单的设计探讨 2010-09-02 08:56
最 近读了三本书，全部关于Form设计。如果你觉得Form设计怎么可能写成书，而且没有一行代码，我很理解。两年前当我在Amazon上看到那本Web Form Design时，也是同样的惊讶。学过HCI再回头看终于也能理解了，不过他人的研究还是“刺激”了我，往往在看到他们对细节的关注程度，才会深刻的感到 自己做事的粗浅与浮躁。 &nb ... ...
-
46. To Sign-up or not to S... 2010-09-02 08:54
作为Form的应用，注册是最基本而广泛的形式之一。随着对Form设计相关内容的阅读，收集了105个网站的注册Form，从几个方面进行了一些粗略的数据收集，也记录了一些出现的问题，初衷是为了将书中的内容，与实际生活中的设计对比，这里将一些分析数据，有问题的设计等记录在这里，作为一个学习积累的过程。 Smashing Magazine在两年前做过一份关于注册Form的调查（中文译本：Web表单 ... ...
-
45. Web表单设计之注册表单 2010-07-26 23:15
必须面对的问题有：用户不喜欢提交表单。然我们的目的是让用户愿意提交表单。 下面是一个关于web表单设计的调查报告，这个结果来源于100个令人瞩目的网站。 注册表单设计调查 1.表单的安置 1.1注册表单链接的标题是怎么样的？ 当用户想要加入某个时，他们会试图寻找“sign-up”，“register&rd ... ...
-
44. 网站注册那些事儿 2010-01-05 22:38
前几天光耀童鞋喷了一篇《谈网站注册、登录过程》，今天我们在与小爬童鞋梳理购买流程的时候也谈到了这部分内容。其实注册作为一个网站基本功能再普通不过，但提供不同产品服务的网站对于注册的要求不尽相同，也不是每个网站都有一个体验良好的注册流程。本座在这里简单聊下在不考虑运营指标和商业目的的前提下，基本的注册功能如何设计。 注册页面的信息架构 注册页面的信息架构力求清晰简洁，注册 ... ...
-
43. 谈网站注册、登录过程 2010-01-04 21:30
最近在做网站的注册、登陆、购买、支付等几个重要环节的流程优化和交互稿。这几个环节是与网站信息架构有关且对整个网站至关重要的。我这里讨论注册和登陆两个过程。Billy在这里讲注册的交互细节，推荐阅读。 >>注册过程 1. 尽量简化用户注册时填写的信息。 关于注册的基本逻辑是用户需要填的信息越少，注册转化率越高。如果需要得到更多用户的信息，可以在用户使用网站的过程中逐步获得。比如购 ... ...
-
42. 账户注册的8个小贴士 2009-12-10 00:15
几年前我在排名前87的在线零售站点上都注册了账户。我发现现在是时候重新审视这个问题了，自从大多数的电子商务站点使用账户注册以来，我在每个登记过程中发现至少有一处是可以提高的。 帐户注册的8个小贴士 几年前我在排名前87的在线零售站点上都注册了帐户。我发现现在是时候重新审视这个问题了，自从大多数的电子商务站点使用帐户注册以来，我在每个登记过程中发现至少有一处是可以提高的。 注 ... ...
-
41. 互联网表单设计之消失的表单 2009-08-07 00:27
第十四章 下一步做什么？ 作为电子商务、在线沟通、网站应用工具的关键组成部分，网上表单还未涉及方方面面。但我希望，正如本书提到的，如何设计和管理在线表单仍有很大改进空间。我们不断进步，有更多方法能让我们做得更好。 消失的表单 第十三章列举了循序渐进的表单例子。人们访问采用这种方法的网站，也许根本不会意识到填写表单。相反，他们觉得是在制作电影或者创建家谱。循序渐进方法关注人们 ... ...
-
40. 表单设计之基于选择的输入（9） 2009-07-14 23:05
实用指南 我警告过了，基于选择的输入项要考虑很多方面问题，对吗？研究了海量数据，我们学到了什么？ * 如果每个初始选择的额外输入项数量很大，网页级别方式的基于选择的输入项是最佳方案。表单需要两个单独网页，但动态隐藏和显示额外输入项不会迷惑用户，用户也不会怀疑选择是否互斥。 * 垂直和水平选项卡在综合可用性、满意度和眼动指标方面表现都不错，但存在选择互斥问题。哪种方案能解决问 ... ...
-
39. 和“登录”有关的事儿 2009-07-12 01:57
关于“登录”和“注册”的问题已经被很多设计师和交互设计上写过无数遍了，今天我在登录纳米盘网站时受到打击了所以写下此文。 事情是这样的： 当初租用虚拟主机的时候，为了减轻电子杂志下载时的流量和减少存放杂志所占用的空间，就将电子杂志和其他几个共享的文件放在了纳米盘网站。而纳米盘网站之前有个规定就是每个月至少要登录两次，于是今天想起来了就去登录一下 ... ...
-
38. 互联网表单设计之组显示 2009-07-12 01:55
组显示 为了弥补显示非活动方案中初始选项的无关性，可采用可视化分组绑定初始选项下的每套基于选择的输入方法，如图12.12。 图12.12 http://www.flickr.com/photos/rosenfeldmedia/2367272206 基于选择的输入组显示将所有跟进问题以初始选择的补充方式显示。 不过此方法中，很多额外输入的视觉重量迅速降低了初始选项 ... ...
-
37. 登陆框的密码遮盖问题以及其他 2009-07-12 01:34
几天前看到的这个关于密码遮盖（Password Masking) 问题的讨论，顺着链接有找到了一些讨论来看，继而发现相关文章已经有人翻译了(refer)，但中文技术社区好像很少见到讨论(也可能是我孤陋寡闻)。 这是个令人印象深刻的话题，因为挑战的是习惯性的设计方式。放眼看去，所有需要输入密码才可登录的网站都是遮盖密码的。密码遮盖带来的坏处是显而易见--用户的输入成了盲区，不知道自己输入的是 ... ...
-
36. 表单设计多余输入的去除问题 2009-06-12 01:26
第十章 多余输入 任何向人们提出的问题，人们都需要解析，做出反应，在表单提供的地方输入答案。小心！如果并非绝对必要，去掉可以去掉的问题，或者在更恰当时间或位置提出问题，或者自动推断答案。问题越少，就能越快填完表单。 去除问题 2002年，eBay重新设计了注册表单，设计团队仔细考虑了表单每个问题，找出了不是绝对必要的问题。去除的问题中有些会使潜在客户离开：家庭年收入，性别， ... ...
-
35. 互联网应用表单设计 2009-06-02 01:44
原文作者：Luke Wroblewski原文链接：Web Application Form Design译者：丹青 “表单元素应按照逻辑组织，使得用户思维对表单能按相关字段组成的块进行处理。”——HTML: 定义指南。 大部分网络应用都要使用大量的表单以进行数据录入和配置。但是不是所有的网络应用的表单都是统一的。表单字段的不同对齐方式，不同 ... ...
-
34. 有效网页表单的八条规则(译). 2009-05-31 00:51
有效网页表单的八条规则 如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了。 一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑。 明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则。 文章中所有的实例都是用CoffeeCup Web Form Builder生成的. 1. 保守性的搭建 ... ...
-
33. 对一个表单设计方案的回复 2009-05-16 16:38
1. 从信息逻辑上来说，需要突出的是错误发生地而不是反馈提示本身。 “这个问题出在哪儿？”对用户来说最重要，怎么解决其实是第二重要的。现在网站们通常的做法都是以反馈本身标识发生地，这是跑偏了。底色方案倒是个不错的思路，但对错误发生地的标识还是不够明显，提示干扰太厉害，我不能第一眼辨识出重点。 2.&nb ... ...
-
32. 会员注册页面的交互细节 2009-05-11 21:01
核心提要: ·注册页面主体宽度小于800像素，利于用户聚焦操作。 ·注册步骤引导使用文字，不要用图片。 ·密码强度提示需提前让用户了解强弱极限度，辅助提示如何设置高强度密码。 ·操作提示语尽量少且简短，并用浅颜色弱化。操作提示语与注册字断垂直排列比平行排列更好。 ·警告语在填写出错后即时触发，不填错不触发。 ·用户 ... ...
-
31. 互联网表单设计 - 自动即时帮助 2009-05-05 23:01
自动即时帮助 自动即时帮助系统在最合适的时间、地点显示信息。例如，点击或用Tab键激活输入框，相关帮助文字就出现在输入框旁边或下方。图7.4，Wufoo网站采用了这种行为。 图7.4 http://www.flickr.com/photos/rosenfeldmedia/2367268378 人们填写Wufoo网站输入框时，帮助文字自动出现。 为确保用户能预计帮 ... ...
-
30. 标签水平右对齐更适合中文网站 2009-04-29 15:33
找了国内30个比较著名的网站的注册表单做样本，对标签和输入区对齐方式做了统计，得到了一个结论：标签水平右对齐更适合中文网站，或者说右对齐更适合中文的表现。设计师们闲下来后最大的喜好莫过于看看国外网站的流行趋势，感叹一下这个精致，那个大气，然后就开始往自己的设计里融入新元素。 不过想必大家都遇到过同样的情况，“用英文咋看咋漂亮，一换中文那种味道就表现不出来了…&rd ... ...
-
29. 一个提高了近10%转化率的改进 2008-11-12 21:14
今天看了篇关于Web Form Design的成功案例，虽然讲的事情很简单，但总结了一些方法，翻译过来做个原始积累吧，以后写东西举例子时也好有个典型可以引用。下面是译文： 如果回顾一下Sampa的注册表单，到现在它已经经历过4-5个不同的版本了。一度我们要询问您15个问题。在那之后，我们先是与当地的一位用户体验专家对此进行一些简化，而后又通过与一家波特兰用户体验公司的合作，将其变的更简 ... ...
-
28. 设计表单的标签和输入区 2009-04-23 06:00
重读LukeW的《Web Form Design:Filling in the Blanks》感触很深，除佩服LukeW的钻研精神外，更多的是学习他对设计细节的执着和理解。我把对本书的理解，与工作生活中遇到的实际问题结合起来，作为今后设计工作的指导和规范。 有一些元素，看着很简单，设计起来却很头疼。往往这样的元素都具有一个共同的特点——变化多，表单的设计就是如此。你 ... ...
