Posts tagged with 表单

  • 互联网表单设计 第十四章 下一步做什么?(3)构建表单 - 2009 九月 07

    构建表单
    您已经消化了本书一些实用指南,希望您能应用到表单中。本书不讨论这些解决方案代码,本章Aaron Gustafson的观点提供了开发网站表单的优良大纲。
    如果想快速创建并运行网站表单,一些在线服务网站提供了优秀工具,帮助你设计、创建并寄存多种类型表单。我没有全部评估过,但Wufoo和Form Assembly网站对我帮助很大。
    如果想更加深入了解表单设计,万维网联盟(W3C)表单工作组有助于了解网络下一代表单技术。特别是W3C的XForms标准明确区分了表单作用和表单标记。
    如果要开发表单,请记住,从使用者角度(外部角度)考虑问题。毕竟,我们不希望表单总是很烂,对不对?

  • 互联网表单设计 第十四章 下一步做什么?(2)变化的表单 - 2009 八月 17

    变化的表单
    短期内,表单无法消失,也许需要开始改变。第十章叙述的个性化默认设置原则,最终能决定特定用户使用不同表单。知道某位用户评论很长?提供大文本输入框。另一位用户评论非常简洁?两行输入框就够了。
    根据表单用户不同,编写变化表单代码,在此之前,应注意如果设计不好,可适应界面会造成混乱。如果使用Microsoft Office 菜单(图14.2),而不知道已使用选项在哪里,就会看到可适应界面的反面。简单而言,如果正常发挥作用,可适应界面能提供更好体验。如果不能,它们会给很多人带来很多困扰。
     
    图14.2  http://www.flickr.com/photos/rosenfeldmedia/2367276428
    Microsoft’s Office 菜单当你不经常使用一些选项时将其隐藏。

  • 互联网表单设计 第十四章 下一步做什么?(1)消失的表单 - 2009 八月 06

    第十四章 下一步做什么?
    作为电子商务、在线沟通、网站应用工具的关键组成部分,网上表单还未涉及方方面面。但我希望,正如本书提到的,如何设计和管理在线表单仍有很大改进空间。我们不断进步,有更多方法能让我们做得更好。
    消失的表单
    第十三章列举了循序渐进的表单例子。人们访问采用这种方法的网站,也许根本不会意识到填写表单。相反,他们觉得是在制作电影或者创建家谱。循序渐进方法关注人们要完成的事情,不关注要填写的输入框,有潜力消灭表单。这属于“从外到内”,而不是“从内到外”的思考方式。
    动态互动、或类似游戏的互动是隐化表单的另一种方式。举个例子,Uzanto公司的Mind Canvas软件(图14.1)利用游戏启发方法(GEMs),数据收集过程变得有趣。使用Mind Canvas参加市场研究的用户非常享受“填写调查”的过程。

    图14.1  http://www.flickr.com/photos/rosenfeldmedia/2367276242
    Mind Canvas调查工具中游戏般的启发方法。
    除了这些交互方法外,技术解决方案也能推动表单消失。Microsoft的Live ID(以前称为Microsoft Passport)系统和OpenID开源项目均为独立登录解决方案,人们只用一个账号就能登录多个网站。虽然这些方法能消除很多重复注册和在线付款表单,但两者尚未成为明确标准。

  • 互联网表单设计 第十三章 循序渐进(3)实用指南 - 2009 七月 29

    实用指南
    * 规划客户对网站服务的最初体验时,考虑以循序渐进的方式避免出现注册表单。
    * 如果要采用循序渐进方案,确保潜在用户能明白如何使用、为何使用你提供的服务。
    * 如果要为潜在客户自动生成账户,确保客户可以访问账户。客户会忽视或者不看账户生成邮件,也不确定他们是否已经拥有账户。
    * 如果只是将注册表单输入框分布到多个页面,不要使用循序渐进方案,因为很可能会降低效率,用户也不会高兴。

  • 互联网表单设计 第十三章 循序渐进(2)参与 - 2009 七月 27

    参与
    将Google Video与另一家在线视频服务网站Jumpcut比较。Jumpcut首页号召人们采取行动:Make a Movie和Try a Demo,图13.2。Jumpcut跳出固定模式,它感兴趣的是告诉你它所提供的服务如何工作,优点在哪里。我们继续往下看。

    图13.2(由上而下)
    http://www.flickr.com/photos/rosenfeldmedia/2366438917
    http://www.flickr.com/photos/rosenfeldmedia/2367275200
    http://www.flickr.com/photos/rosenfeldmedia/2366439049
    http://www.flickr.com/photos/rosenfeldmedia/2367275452
    Jumpcut网站谭家视频的步骤向你介绍了网站提供的服务,即在线视频编辑。
    选择Make a Movie,出现影片名称输入框,以及上传视频文件选项。选择Upload,可以添加图片、音频、及视频。上传后,进入Jumpcut网络视频编辑器,可编辑影片,增加风格,整合音频、视频、及图片。
    目前为止都没有出现注册表单。只有想要发布或者共享影片时,Jumpcuts才会要求填写姓名和电子邮件,便于你和其他人能访问刚刚制作的影片。此过程中,你知道了Jumpcut是做什么的,也不需要填写注册表格。这就是循序渐进。
    来看另一个例子。Geni网站提供家谱创建服务,可以共享给家人和朋友。潜在顾客来到Geni网站首先需要做什么?填写注册表单?不,而是创建家谱。毕竟,那是Geni的服务。
    图13.3,Geni首页清晰表明网站目的。输入姓名和电子邮箱就可以开始创建家谱。下一步,添加父母,他们的兄弟姐妹,或者你的兄弟姐妹,立刻生成家谱图。结束后,Geni会发送一封电子邮件,里面有用户名和密码,你可以在任何时候访问。

    图 13.3(由上而下)
    http://www.flickr.com/photos/rosenfeldmedia/2367275524
    http://www.flickr.com/photos/rosenfeldmedia/2366439355
    http://www.flickr.com/photos/rosenfeldmedia/2366439381
    Geni网站家谱创建过程没有包括明确的注册表单,并让人们第一时间了解到Geni的服务。
    通过循序渐进的过程,你了解了一项网络服务,而且没有明显注册表单要求填写很多信息。Geni采用循序渐进的方法,5个月内带来了5百万份档案。干得不错。
    值得注意的是,网络服务自动创建账户会让一些人感到疑惑,不明白自己是否究竟是否拥有账户。毕竟,他们并没有明确创建账户。因此,如果人们没有看到或者忽略账号信息电子邮件,这些服务需要确保人们能有简便方法访问账号信息。
    TripIt网站是另一个循序渐进的例子。TripIt允许人们只利用常用航班、酒店、租车确认邮件就可以安排旅行行程。第一步,给TripIt发确认电子邮件,告诉网站即将进行的或者之前的旅行。TripIt回复自动创建个人旅途行程的说明(图13.4)。

    图13.4(由上而下)
    http://www.flickr.com/photos/rosenfeldmedia/2366439499
    http://www.flickr.com/photos/rosenfeldmedia/2367275802
    http://www.flickr.com/photos/rosenfeldmedia/2367275864
    http://www.flickr.com/photos/rosenfeldmedia/2367276000
    通过发送旅行确认邮件使用TripIt服务。
    使用TripIt的第一步不是填写注册表单。相反,在使用过程中你了解其服务。TripIt确认电子邮件,收集姓名和电子邮箱地址。如果要修改姓名、电子邮箱或者创建密码,也没有问题。你了解了服务及好处,你会这么做。
    如果研究循序渐进方法是否适合你的网站服务,应考虑系列交互如何向潜在用户说明如何使用、为什么要使用网站服务。如果只是将注册表单输入框分散成单独网页,循序渐进方法并不能很好发挥作用。
    前面我赞扬了Fidelity网站myplan表单使理财计划更加愉悦(图13.5),但是将每个输入框分布到独立网页,同时采用幻灯片形式表现输入框,我并不确定这是能人们了解Fidelity网站功能的最佳方式。

    图13.5(由上而下)
    http://www.flickr.com/photos/rosenfeldmedia/2366439793
    http://www.flickr.com/photos/rosenfeldmedia/2367276076
    http://www.flickr.com/photos/rosenfeldmedia/2367276188
    Fidelity网站myplan表单将一系列输入框分割为单独的滑动式交互。

Leadong Blog is proudly powered by WordPress and the SubtleFlux theme.

Copyright © 2010 Leadong Blog All rights reserved.