Web表单设计:表单结构
作者：zongbo.yuzb 来源：alibaba 发布时间：2011-04-22 12:32:00
你是否曾为表单设计感到过沮丧或不知所措呢？接下来三篇文章，希望能彻底改变你的看法，真正爱上Web表单设计。首先感谢Luke Wroblewski的帮助，让我有机会细心品味设计表单的乐趣。总体来说，Web表单主宰着结算、注册和数据输入。每天eBay、Taobao上的大量物品主要通过出售物品（Sell Your Item）表单售出；MySpace、Facebook等超过几亿的用户都是通过Web表单加入网站社区的；YouTube、Youku通过上传视频（Upload Your Video）表单收集了大量视频。这一切都给我们创造了很多接触Web表单的机会，Web表单常常是漫长旅途的最后一步，也是最重要的一步。
你会设计表单吗？
以上为Yahoo的注册表单,我们可以大体观察出三个主体元素:标题、数据、动作。它们是组成表单的基本元素，过多的修饰表单或过多无用信息会给用户带来更多的思考与厌恶。有时用户会觉得表单很讨厌，想做的是投票、申请工作、在网上买书、加入小组或从近期购物中拿到折扣等，但表单却给用户带来了麻烦，妨碍了他们。
大多数表单是“由内而外”（Inside Out）而不是“由外而内”（Outside In）设计出来的。举个例子：如果谁想成为网站的会员，网站就会跳出表单要求用户提供用户名，密码，电子邮箱等。这就是“由内而外”的设计，多数用户不会认为享受网站服务与填写讨厌的表单有什么必然关系。同时，“由外而内”的设计意味着以组织或者网站外部人的角度来看待事务。这时候项目成员需要以用户的视角来讨论表单的设计，目标是让用户轻松地完成填写。让表单以某种隐形平衡方式存在，但又能保证系统和用户都获得想要的东西。
在电子商务、社交互动、生产力网站里，我们发现表单阻碍着用户需求和商业目标，表现为：
人们从电子商务网站购买需要的商品，而结算表单阻碍着交易双方。
人们加入社交网站与朋友聊天或分享内容，从增加用户基数与活跃度方面说，阻碍双方的是注册表单和联系表单。
人们希望基于互联网的生产力工具，创造高效协同工作，当公司要增加网站内容，增加了用户的时间，表单再次阻碍了两者。
Web表单设计在支付和注册环节，会起到至关重要的中介作用。2004年人机交互（Computer Human Interaction, CHI)大会有篇论文题目为“创造用户体验商业案例的过程”，作者是eBay用户体验和设计团队。他们搜集可用性数据、客户支持纪录、网站日志和网络惯例，提出表单重新设计的建议。当时这个项目对eBay注册表单产品线产生了积极的影响，并成为评估和资助设计项目的范本。
0
投稿猜你喜欢
- 最近写一个BootStrap页面...因为功能需要所以决定一个页面解决所有问题，然后用jQuery来动态显示功能....然而这样做的话页面会
- 本文实例讲述了Python实现的序列化和反序列化二叉树算法。分享给大家供大家参考，具体如下：题目描述请实现两个函数，分别用来序列化和反序列化
- 问题：有3扇关闭的门，一扇门后面停着汽车，其余门后是山羊，只有主持人知道每扇门后面是什么。参赛者可以选择一扇门，在开启它之前，主持人会开启另
Go令牌Go程序包括各种令牌和令牌可以是一个关键字，一个标识符，常量，字符串文字或符号。例如，下面的Go语句由六个令牌：fmt.Printl- 此方法创建了请求另一个URL的HTML超文本链接。语法string.link( hrefname )下面是参数的详细信息：&nb
- 目录一、前言二、基础命令三、正常显示中文：四、设置图样或子图五、设置x轴或y轴相关属性：六、设置标题：七、设置图例：八、进行标注：九、保存图
- IEBlog公布了开发中的Internet Explorer 8 Beta2版本的最新功能.IE8 Beta2在第一个版本的基础上做出了很大
- picker-view 相关文章：微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch微信小
- 下面这段代码，不会替换ld<sad中间的<，所以内容仍然是正常的 <％ function nohtml(str) dim
- 前言elasticsearch-dsl是基于elasticsearch-py封装实现的，提供了更简便的操作elasticsearch的方法。
- 介绍分面是指事物的多维度属性。例如一本书包含主题、作者、年代等分面。而分面搜索是指通过事物的这些属性不断筛选、过滤搜索结果的方法。可以将分面
- 如下所示：import tkinterfrom tkinter import ttk #导入内部包win=tkinter.Tk()tree=
- 笔者小白在收集印刷体汉字的深度学习训练集的时候，一开始就遇到的了一个十分棘手的问题，就是如何获取神经网络的训练集数据。通过上网搜素，笔者没有
- 1.垂直影像拼接 vconcat# -*- coding: utf-8 -*-import cv2image = cv2.imread(&q
- 解包在英文里叫做 Unpacking，就是将容器里面的元素逐个取出来放在其它地方，好比你父母去菜市场买了一袋苹果回来分别发给家里的每个成员，
- 浏览器的出现互联网的出现是人类信息交流方式的一次划时代的革命，在这场革命中有两个技术对互联网的发展起到了决定性的作用：一个技术带来的人类信息
- 闭包是Python装饰器的基础。要理解闭包，先要了解Python中的变量作用域规则。变量作用域规则首先，在函数中是能访问全局变量的：>
- Python 的虚拟环境用来创建一个相对独立的执行环境，尤其是一些依赖的三方包，最常见的如不同项目依赖同一个但是不同版本的三方包，而且，在虚
- 默认情况下IDE goland 是不支持protobuf协议文件类型".proto"的，为了更快高效的编写proto文件
- k-means算法思想较简单，说的通俗易懂点就是物以类聚，花了一点时间在python中实现k-means算法，k-means算法有本身的缺点
