表单设计用户界面.doc

Internet网站开发技术课程论文 论文题目 表单设计用户界面研究 专业班级 2011级计算机科学与技术 学生姓名 钟扬宽 任课教师 李宁 日 期 2013年5月30日 表单设计用户界面研究摘要： 网页的规划设计，最主要是从用户的需求出发，往往是一个简单而又巧妙的页面更能吸引使用者，表单恰恰是使用它的简单性来设计用户界面，这不仅能满足用户要求，也给维护网站的工作带来了很大的方便，那么，本文就以表单来进行简单而又巧妙的设计用户界面。关键字：表单 用户界面 简易设计 巧妙 1、 表单设计界面的概括 表单 (Form)在VFP中是一种最重要最常见的容器类对象，在表单中可以添加各种对象，比如文本框，这些对象用于输入或输出等操作。在程序运行时，表单是用户与应用程序之间进行交互的窗口，也就是说，在开发VFP程序时，一般都使用表单作为应用程序的界面。可见，使用表单来设计用户是最常用的方式 二、注册表单设计的规则1.当表单结构需要多步时，需要注意的是给出清晰的导航 使用进度标尺来告诉用户当前的位置和整个步骤 强调几个步骤中的逻辑联系，比如标明：step1、step2、step3 用有意义的图片或ICON甚至是标题来解释各个步骤 使用简单的语言或第二人称描述行为动作 逻辑步骤最好限制在3步内用户在注册行为中的提示提示信息（tips）尽量在需要帮助或有前后行为衔接的地方出现 对用户的鼓励应在进程中体现，如每完成一项输入提示一个打勾的图标 尽量避免出现弹出框的警示提醒 ICON的出错提示避免用警告的表达，使用户有挫败感 简单易识别的ICON来标记提示、成功、出错的样式 提交表单时如果有出错，过长的表单最好将出错提醒显示在整表头部，指引用户改正 2. 关于文案 质量重于数量，一针见血地说出亮点，而非平铺罗列 尽力避免有特殊含义的文案，如果有专属名词请一定要解释清楚，避免用户的困惑 尽力思考文案表面的亮点，什么才最吸引用户，有时“最新”的字样不一定是用户最感兴趣的 在我们以往的项目中多项数据和实践强调证明文案真的很重要。 3. 表单的布局 尽量使用对齐的字段、等长的输入框以及一致的视觉样式来减少视觉干扰，尽量控制在一屏内出现3-6个字段和输入框（多用于多步骤的情况），如果有选填和必填时标明差别，为不同概念的信息归类，尽可能地分开选填和必填 。遵循以上的原则设计的用户界面就清晰、简明，效果如图1所示： 图1 三、表单设计用户界面的步骤(以 图1 为例)（一）收集小图标 我们在浏览网页的时候，繁琐的文字很容易使我们厌倦，所以，设计用户界面常常需要用到一些Web常用的小图标(如图2所示)，目的是为了让用户一幕了然，也许用户不清楚文字要表达的意思，但是，使用小图标之后，就可能让用户去了解或联想到其功能作用。 图2 将收集的小图标存放到表单设计用户界面文件夹的根目录下的images中，当然不保存也可以，插入图片时，也会自动生成，只是保存到根目录下的images中会更比较方便查找。（2） 设计基本构架把图1所所示的网页基本样式构架在Dreamweaver设计界面中制作出来，如图3所示。看到这张图片发现该网页设计风格简约，页面布局规范，有章可循，栏目放置有序。让用户看来更比较容易接受。 图3 （3） 编辑代码在Dreamweaver中完善网页最主要还是要在代码框中编辑代码，编辑代码很多时候比视图直接操作更轻快，当构架设计好之后，最后一步就是要控制背景颜色和插入小图标了，代码分别如图4、图5所示： 图4控制背景颜色 图5 插入小图标 4、 小结 表单设计用户最主要是抓住用户的需求方向，能让用户更好的更方便的进行注册，突出界面简单的风格是极其关键的，当然需要配上一些关于css+div进行背景调控，经过这遍小论文，虽然内容简单，但使我深深去碰触