《10款制作调查问卷等表单的网站推荐.docx》由会员分享，可在线阅读，更多相关《10款制作调查问卷等表单的网站推荐.docx（14页珍藏版）》请在三一办公上搜索。
1、10款制作调查问卷等表单的网站推荐10款制作调查问卷等表单的网站推荐 近有网友询问有没有支持插入图片的在线表单制作问卷调查的网站，试着Google了一下，发现了几个很有特色的在线表单制作网站，并且也发现了支持插入图片的在线表单制作问卷调查的网站，如果你正在为制作有特色的问卷调查等表单而困惑，不妨看看下面的几个在线表单制作网站是否能满足你。相信我能满足你。 Google文档表单 Google docs提供简单的表单制作功能，基本能满足一般人的口味。如果你的表单没有什么花样，完全可以使用Google文档来制作像问卷调查那样的表单，这里有我之前利用Google文档制作的“新版校内网喜欢度”调查问卷。
2、另外，也可以看看aw童鞋用Google Docs表单服务制作的强大的twitter中文用户调查的调查问卷。当有新用户提交表单或其他管理员修改了表单时，Google会发送邮件提醒，你也可以利用139邮箱或尚邮实现Google表单手机提醒。你还可以设定是否让填写表单的用户查看其他人的填写结果。 wufoo： wufoo是一个操作简单却又功能强大的在线表单制作网站，用户仅仅需要轻松的拖动鼠标就能完成一个有特色的精美表单。使用wufoo可以定制表单主题；可以将制作的表单嵌入到网站或博客，很多博客使用wufoo制作投稿、意见反馈等表单并嵌入到自己博客；可以使用email或rss服务来获取表单提醒(当然你
3、也可以利用139邮箱或尚邮实现手机提醒)并有人性化的统计功能；使用unplugged这个软件可以让wufoo支持离线浏览编辑表单功能，并能在上线后同步修改的本地表单。免费用户最多可以制作3个表单，付费用户还可以制作带用户上传文件功能的表单。 自定义主题。wufoo提供可视化的css修改服务，即使你根本不知道什么是css照样可以设计出个性的精美表单，你可以自定义logo、背景图片，自定义文字颜色，而且，wufoo还提供了多种预定的css效果主题。 多种代码方式。wufoo提供表单链接、博客嵌入、全页面代码和Email等方式供你选择。我用wufoo做的关于shuilog的问卷调查示例。 简单的制作
4、步骤。用户只需轻松拖动鼠标即可制作功能强大的在线表单。 首先，在add a field标签内拖拽相关表单项完成表单布局。file upload项是付费用户可用的，用来让填写表单人员上传文件； 然后，转到field setting标签，点击相应表单项来设定其显示文字、是否是必选项等； 最后，转到form setting选项，设置表单名称、语言、表单描述和IP限制等。 选中“Allow Only One Entry Per IP (?)”即可实现每个IP用户只能填写一次表单，这样可以防止一个用户多次提交而使得制作的调查问卷不真实。 webformfactory Web Form Factory i
5、s an open source web form generator which automatically generates the necessary backend code to tie your form to a database. By generating the backend code for you, WFF saves you time time you could spend doing more interesting stuff. Web Form Factory是一个开源的网络表单生成工具，可将各种 HTML 文件中提取数据库表单，并且导入到 PHP 环境中
6、。 phpform phpform提供25种不同主题的表单，表单制作和wufoo一样使用的ajax技术，支持中文。phpform还可以让免费用户制作带用户上传文件功能的表单。不过，和webformfactory类似，phpform不提供数据统计、邮件提醒等功能，而是需要用户下载并保存到自已的主机，如果没有主机还是使用wufoo吧。 questionform questionform和wufoo类似，支持表单自定义主题、统计、Email和rss提醒，不同之处是免费用户还可以制作有评选星级功能的表单，收费用户甚至提供上传图片、地理位置等很酷的功能。不过，似乎不能设置同一IP只能提交一次的限制。 r
7、esponse-o-matic response-o-matic这个变态的表单服务网站只能让免费用户制作1个问卷调查，功能很垃圾，而且还有广告。 问道：专业的问卷调查平台 问道是国内一家专门提供问卷调查制作的网站，连cctv都使用问道制作调查问卷，问道有很好的统计功能和详细的问卷设置。问道官方有很详细的使用教程。 所有新注册的用户可以免费创建10个问卷， 超过10个需要购买才能继续创建。 每一个问卷可以免费创建30个题目，超过30个题目需要购买后对所有问卷没有数量限制。 每一个问卷可以免费收集500个答卷，超过的话需要联系我们购买，购买后没有数量限制。 支持问卷分页功能，用户可以设置每一个页显
8、示多少题目，但是用户仍然是一次性提交。 单选矩阵题，最多支持10行，10列。 支持问卷分段分割，用户可以增加分割符及说明，达到分段的效果。 支持设置多选题最多可以选择几项，最少选择几项。 支持题目跳转。 支持IP限制。 支持多种代码方式输出。 支持答题人查看结果限制。 formspring：支持插入图片的表单服务 FormSpring也是一个利用AJAX技术构建的表单服务网站，免费用户最多可制作1个表单，与以上表单服务不同的是，formspring可以让免费用户制作含有图片的表单服务。同样支持中文、也有多种嵌入代码方式以及邮件提醒。这里有我用formspring制作的一个关于两张图片的问卷调查
9、。 jotform:支持插入图片、上传文件和验证码的表单服务 上面那几个表单服务在jotform面前太渺小了，jotform允许免费用户创建含有图片、可上传文件、含有验证码和星级评选等表单项的表单。邮件提醒和代码嵌入当然也少不了，更可以修改头部、底部的背景图片，还可以设置用户提交表单后转向的网站。这里有我用jotform制作的一个强大的问卷调查。 视频教程： Formlogix：frontpage式表单服务 formlogix的表单功能比jotforrm还要强大，不过界面有点像frontpage，UI体验不太好，统计功能很好，同样允许免费用户创建含有图片、可上传文件、含有验证码和星级评选等表单
10、项的表单，同样可以修改头部、底部甚至每个表单项的背景图片。 其他 icebrrg 支持文件上传，不支持表单内含有图片。 formassemblyUI不友好，没怎么试用。 推荐 要求不高就用Google表单吧。 要求高点的用wufoo。 要表单内含有图片或文件上传的就用jotforrm。 译稿互联网应用表单设计 这篇文章简单介绍了互联网应用的表单设计布局的原则，其中应用格式塔原则指出并非视觉元素越多越好，每个视觉元素的使用都应该有一定得道理，最后作者指出表单的布局和内容验证要靠用户测试和数据分析获得。 “表单元素应按照逻辑组织，使得用户思维对表单能按相关字段组成的块进行处理。”HTML: 定义指
11、南。 大部分网络应用都要使用大量的表单以进行数据录入和配置。但是不是所有的网络应用的表单都是统一的。表单字段的不同对齐方式，不同的标签，动作调用以及周围的视觉元素都能对用户的行为的不同方面起到正面或负面的作用。 表单布局 如果填写表单的时间需要尽可能短。而且用户对需要填写的数据是非常熟悉的，标签和输入框最好垂直对齐。每个标签和对应的数据框排列在垂直方向上临近的位置，所有的输入框和标签垂直对齐能够节省视线移动的过程和时间，用户只需要在垂直向下一个方向上移动视线。 在这种布局方式中，建议对标签使用加粗字体。可以强调视觉重量感，在整体布局中突出标签。如果不加粗的话，标签会在视觉吸引力上和输入区域相混
12、。 如果表单取得数据并不为用户所熟悉，又或者不好按照过程分组，左对齐比较容易看出表单需要的信息。用户可以上下浏览标签就可以了解需要填写的数据而不会受到输入框的影响。但是，标签和输入框之间的距离通常会被最长的标签撑开，填写表单的时间可能会受到影响。用户需要在列于列之间跳跃寻找标签和输入框之间合适的组合。 还有一种选择就是右对齐标签，这样标签和输入框的对应组合就比较明了了。但是，左侧的参差不齐影响到快速了解所需信息的效率。在西方，习惯从左到右阅读，眼睛更习惯左边有轮廓鲜明的边线。 使用视觉元素 由于“左对齐水平排列标签”的优点，则有可能会尝试去削弱其主要缺点：表单输入框和对应的标签的分散问题。 其
13、中一种办法就是为标签曾加背景色和横隔线为特征：不同的背景色将表单分成垂直标签列和输入框列；横隔线将每个标签和对应的输入框划分成一组。虽然这些方法可能看起来是可取的，但也的确制造一些问题。 通过格式塔可知，另外还有15个视觉元素也被一同加到布局中：中线、每个有背景的方块，每个水平线。这些元素开始分散用户注意力从而使得将焦点放到重要的元素上标签和输入框增加了难度。Edward Tufte曾经指出：“信息包含着有重要影响的差异”。换句话说，所有不能帮助布局的视觉元素都将会伤害到布局。这一点在你需要扫视左列标签时可以表现出来。视线一再受到水平线、边框和背景构成的方块的影响而停顿。 当然也不是说表单布局
14、中绝对不能使用背景颜色和分隔线。当有必要向用户指出组与组之间的关系的时候，细分隔线或者浅背景色可以再视觉上将有关联的数据组合起来。这两个元素都可以有效地帮助吸引用户对表单基本动作的注意力。 基本动作和次级动作 表单的基本动作需要更明显的视觉感受有别于其他的表单元素而且需要与输入框垂直对齐。这能指引用户完成表单。 如果表单含有多个动作，例如“继续”和“返回”，则减弱次级动作的视觉重量感则比较明智。这可以最大程度减少潜在的错误，进一步指导用户完成表单。 尽管有这些指南可以帮助你更好的设计表单位置，但是布局的组合，视觉元素以及所需的内容，仍然需要通过用户测试和数据分析进行验证。 Luke origi
15、nally published this article on his web site, LukeW Interface Designs. You can read the original article here. 互联网表单设计：基于选择的输入 第十二章 基于选择的输入 利用弹性输入框，用户可按照希望的方式回答问题；利用额外输入框，用户可以补充回答问题；而基于选择的输入是根据用户完成的初始问题要求用户继续回答，通常不需要加入其他页面。 听起来很繁琐，请参考Found Bin网站，图12.1。两个初始选项：新用户或再次访问者。根据用户回答，出现一系列问题。输入框取决于用户最初选择，因此称
16、为基于选择的输入。 图 12.1 上： 下： Found Bin网站采用简单的基于选择的输入框，用户选择初始问题后显示接下来的问题。 初始选择之后的输入量取决于所提问题。Found Bin网站只有几个输入框变化。图12.2，eBay网站下载请求表单中，许多问题都取决于初始选择。 图 12.2 上： 下： eBay网站下载请求表单采用了基于选择的输入方式，根据初始选择显示一系列跟进问题。 如果卖家在物品和记录下拉列表中选择Sold，表单会显示额外输入框，可选择日期范围。如果选择不同选项，表格会出现一套不同额外选项。 值得指出的是，大多数情况下，填写额外输入框之后，用户才可以提交基于选择的输入表单
17、。换而言之，基于选择的输入引入了表单额外要求。 eBay和Found Bin网站都采用了基于选择的输入，但两者表现方式不同。Found Bin采用垂直单选按钮，显示初始选项，然后根据选择，在右侧显示相关输入。创建下载申请表单，eBay网站采用下拉菜单显示初始选项，然后根据选择直接在下方显示相关输入。 基于选择的输入似乎属于用户界面设计基本问题，但网上有多种解决方案，说明问题比估计的要复杂得多。事实上，每种基于选择的输入解决方案优缺点都很明显。为了免去研究烦恼，我和总部设在伦敦的可用性公司Etre进行了一系列研究，测试了八种基于选择的输入不同解决方案。 本书之前提到过主、次动作，我们根据眼动和可
18、用性指标测试了23人。参加者随机获取一种设计，并被要求“全面准确填写”。测试方案以我曾经在线发布的列表为基础，所以并没有测试每一种解决方案。如果没有使用你最喜欢的方案，很抱歉！ 页级选择 将过程明确分为两步，可能是解决表单基于选择的输入问题的最简单方法。通常采用两个单独网页。第一页，或称为过程第一步，向用户显示初始选项。用户选择其中一个，出现相关基于选择的输入，并取代用户初始选择。 图 12.3 上： 下： 网页级别的基于选择的输入将跟进问题显示在独立于初始选择的另外网页。 对多数用户而言，初始选择和相关输入之间关系明确，而一旦做出初始选择，两步模式就会去除宝贵情境。这种解决方案比不需要在网页
19、之间移动的即时解决方案速度也慢。 测试中，网页级别选择表现平均，达到平均满意度分数，错误数目较少，眼动参数表现较好，如眼睛固定次数、固定总时间、以及平均固定时间。不过，该解决方案在所有测试方案中完成时间第二长。因此，如果寻找表现平均的安全解决方案，而且不需要关注快速完成时间，网页级别的基于选择的输入会是好办法。 译稿有效网页表单的八条规则 如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了。一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑。明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则。 文章中所有的实例都是用CoffeeCup Web
20、 Form Builder生成的. 1. 保守性的搭建, 并带有目的性的设计表单 我们要面对的现实是没有人喜欢花大把的时间填写表单. 保持表单的短小精悍 并且剔除绝对不必要的或者不会提供实际收效的表单元素. 保证表单的每个部 分都对整体起到了推动作用, 这样用户会感谢你。 你的表单结构应该和表单内的元素一样具有功能性. 当设计表单样式的时候, 要记得, 至少在西方国家, 人们的阅读习惯是从上到下, 从左到右. 他们也经常 用Tab键在表单各个元素之间移动. 你的设计应该通过元素摆放的合理性和标 签的语义性来实现. 当然, 永远不要让你的表单看起来分散或杂乱无章保证 所有的元素都均匀的分隔开,
21、并且排列整齐。 下面是一些标准表单, 你可以用来作为出发点, 设计出更加有创造性的表单: 标签左对齐, 输入字段垂直罗列： 这个表单的特点是标签左对齐, 输入框整齐有序的从上到下排列. 我们的眼 睛能够很容易的捕捉表单元素, 特别是当你问到一些用户不太熟悉的问题时。 因为他们可以很顺利的从上到下阅读问题列表而不被输入框打断, 他们会更 专注于你所问的问题. 但是这个样式会延长填完表单的时间, 因为视线在标 签和输入框之间移动会占据大量的时间。 标签右对齐, 输入字段垂直堆叠： 右对齐的标签能够更容易区分和阅读, 并且剔除掉了标签和输入框之间那些 不合适的空间. 但是, 却使阅读更加困难. 它不
22、那么吸引人, 而且看起来不整齐。 标签顶端对齐： 顶端对齐的标签可以使填写表单更加迅速和容易, 因为眼睛不需要在标签和 输入框之间来回移动. 这种样式也让你把相关的字段放在一起, 节省了空间。 2. 让你的表单适应它的风格 每个表单都应该符合它要表达的形势或情况. 当你在计划着设计表单的时候, 问问自己下面的这些问题: 你打算问什么问题? 为什么问? 你的网页设计在 有表单和没有表单的情况下分别是什么样子? 表单中有没有用户要填的信息, 或者有没有他们想要填的信息? 你的回答会对你的表单样式和内容的设计有 所帮助。 3. 用你所需 当你犹豫不决是否在表单中添加元素的时候, 问问自己是不是可以不
23、需要这 个元素. 如果回答是, 就不要使用。 重置按钮通常是不必要的表单元素. 这个本应消失的历史残留品却依然出现 在表单中, 甚至是将来的表单设计. 想想看, 当你想要修改表单信息的时候, 输入框里面有什么内容其实并不重要, 那么有什么必要清除所有的信息呢? 重置按钮唯一好处是当你不小心清除了刚刚填好的信息, 很恼火的时候, 你不需要重新填写。 4. 在必要的时候才使用简洁的描述 你也许要解释一下在表单中收集相关信息的原因, 特别是用户不愿分享的信息， 比如电话号码或者电子邮件. 这样做不仅消除了用户的疑虑, 也保证了数据的正 确性。 任何描述和评论都要简明扼要. 你也许还要用不同的颜色,
24、字体大小, 或样式来 区分他们. 过犹不及, 毕竟你不希望这些描述索然无味或者明显超过表单的其他 部分. 这是一个提供印刷服务的表单, 很有效的利用了描述来说明表单的作用。 看下图： 5. 主动沟通 保证你的表单中使用以用户为中心的友好语言. 这里有个小窍门可以写出平常 谈话般的文字: 避免和你的用户真正交谈。 如果你想知道别人的名字, 你不会盯着他们的眼睛用呆板的措辞问, 全名. 那 实在是太恐怖了. 如果你要得到积极的回应, 你会笑着说, 你好, 你叫什么名字? 记住试着用更加人性化的措辞来代替全名这个标签, 比如, 你的名字。 6. 把表单分成划分成许多小的部分 在小范围内交换想法和意见
25、是沟通的一种方式. 大家互相介绍自己. 你描述自 己的职业, 其他人发表评论或者提问题. 你重复说过的内容, 或者回答他人的 问题会收到更多的回应. 一次有意义的充实的交谈, 信息是源源不断的, 一来 一回的。 网页表单作为另外一种沟通的方式, 也是同样的道理. 你也许要问许多问题, 但 是那并不意味着你要把他们一股脑的给读者. 试着用水平线, 色块, 有意义的图 片, 或者用标题字把信息分割成为容易阅读的小集合. 如果, 以上的办法都行不通, 就把你的表单分成许多页, 在顶部加上进度条, 如此一来, 用户就能够知道他们还 差多少没有完成。如下图： 7. 使用有意义的, 关联上下文的错误信息
26、你的出错信息应该可以清楚的表明哪里出错, 并使出错的部分突出出来. 毕竟, 没有人喜欢在表单里面搜索被遗漏的字段。 8. 当用户点击提交按钮时, 他们会自以为已经完成了, 打算离开. 基本上他们会说, 这是你要的信息, 再见. 如果是一次真正的交谈, 你会和他们握手, 然后说, 再见, 再离开, 或者通 过其他方式告诉他们谈话结束了. 你的表单也会做同样的事情. 它有没有引导 用户到达某个页面, 告诉他们, 感谢你的提交! 我们不久之后会联系你., 或诸如此类的提示. 而且此时的网页上应该有返回主页的链接。 就这些了! 在设计网页表单的时候要记得这些规则, 你一定会惊讶于表单的质量 的大幅提升以及收获的大量反馈。
