本科学生设计性实验报告
项目组长＿齐灵＿学号＿0093230 ＿
成员
专业＿旅游与城市管理学院＿＿
班级＿09城市规划＿＿
实验项目名称＿表单应用实例设计＿＿
指导教师及职称＿何尤刚＿副教授＿
开课学期2010 至2011 学年第一＿学期上课时间2010 年月日
二、实验结果与分析
iOS7 人机界面设计指南 苹果在WWDC 2013大会上发布了iOS 7，新系统一改5年来的拟物路线，在乔纳森?艾维的主导下，加入了更多的“扁平化”和“极简”现代设计元素。 iOS7系统界面和按钮平面化突显，内置应用图标、解锁画面、主屏幕、通知中心等界面更多地采用极简元素和新的调色方案，苹果核心复杂立体的真实“拟物”风格完全已被削弱，包括之前的皮革、阴影、木质等设计元素也进行了大大弱化，系统界面更简单、更干净了。 开发者该如何设计应用才能和iOS 7系统风格相匹配呢？为此，苹果推出了《iOS 人机界面指南》。由腾讯ISUX的“弟妇城”同学翻译如下。 iOS7 的革新关键词如下： ?遵从：新UI更好的帮助用户理解内容并与之互动，但却不会分散用户对内容本身的注意力 ?清晰：各种大小的文字易读，图标醒目，去除了多余的修饰，重点突出，很好地突显了设计理念 ?深度：视觉层次和生动的交互动作赋予UI新的活力，不但帮助用户更好的理解新UI 的操作并让用户在使用过程中感到惊喜
无论你是重新设计一个现有的app或是重新开发一个，尝试一下苹果重新设计系统内置app 的方式： ?首先，去除了UI元素让app的核心功能呈现的更加直接并强调其相关性。 ?其次，直接使用iOS7的系统主题让其成为app的UI，这样能给用户统一的视觉感受。?纵观全局，以内容和功能为核心来指导设计，从前的设计模式可以先放到一边。 以内容为核心 虽然明快美观的UI和流畅的动态效果是iOS7体验的亮点，但内容始终是iOS7的核心。 这里有一些方法，以确保您的设计能够提升您的app功能体验并关注内容本身。
充分利用整个屏幕。无需使用边框、底图等等多余的UI元素，让内容扩展到屏幕边缘。 天气app是最好的例子：漂亮的天气图片充满全屏，告知用户天气情况，同时也很好的呈现了如每个时段气温等等的其他重要信息。
智能表单系统概述文件 一、前言 随着软件应用在各行各业的深入，很多企业的业务越来越依赖IT系统。但是传统意义上的软件开发，费时费力，而且风险高，即使是通用的软件也有适用性和扩展性的问题，这极大制约了企业的软件应用。智能表单系统是一个支持快速开发的软件平台，它能提供简单快捷的软件定制开发，应用它的企业用户可以在无任何编程经验的情况下，随时随意的定制任何复杂的业务模块，支持复杂灵活的业务需求。二、系统功能简介 1.系统模块拓扑图： 智能表单系统 表单设计器工作流设计器统计报表 系统应用支持 2.系统功能模块描述： 功能模块描述 表单设计器表单设计方式为所见即所得方式，提供用户自定义样式设计。表单存储为XML文 件。可迁移性强。还可对已保存的表单进行修改，且不影响已经收集的数据。 工作流程设 计器采用国际标准的流程引擎。用户可自定义工作流，通过节点和连线来自定义流程。 可配置流程与动态表单关联。用户还可根据业务需求的变化来修改流程。 系统应用支 持系统提供和集成流程引擎、表单引擎、分析引擎等，来支持完整的业务过程应用。可驱动业务流程扭转，为用户提供代办任务，为用户分配权限保证过程的安全、业务查询统计应用和移动设备终端使用支持。 报表统计用户可通过选择数据库数据来进行一定函数的统计，提供可视化数据拖拽,并以报 表的形式和多图形化来展示，以便数据的分析。 三、系统特色 1.控件权限控制。可以让多用户填写一张表单，以及控制整张表单的填写权限。 2.采用Flex4.5新技术。摒弃传统表单设计器外观的呆板与粗糙，提供精美的可视化界面，通过 使用flex实现可拖拽设计，实现控件自适应网格的布局，及高操作性的仿Excel表格控件，以及Flex强大的表现力与图形化能力以及运算能力，为用户提供视觉上与操作上的享受。 3.表单版本控制：用户可对已设计的表单进行版本控制，针对控件启用禁用，并将禁用的控件集
量化，从而突出内容。 深度（Depth） 清楚的视觉层和生动的动效表达了层次结构，赋予了活力，并有助于理解。 易于发现的且可触发的界面元素能提升体验愉悦感，让用户在成功触发相应功能或者获得更多内容的同时还能掌控当前位置的来龙去脉。当用户浏览内容上时，流畅的过渡提供一种纵深感。 要想扩大影响力和涉及范围，在设计你的独特应用时，请熟记以下几点原则： 美学完整性（Aesthetic Integrity） 美学完整性代表了一款应用的视觉表象和交互行为与其功能整合的优良程度。例如，一款协助用户完成重要任务的应用应该使用不易察觉且不引人注目的图形、标准化控件和可预知的交互行为从而让用户保持专注。反之而言，一款沉浸式体验的应用（比如游戏），就需要吸引人的视觉表象，在鼓励用户探索的同时带来无穷的乐趣和刺激。 一致性(Consistency) 一款内部一致的应用能够贯彻相同的标准和规范：使用系统提供的界面元素、风格统一（众所周知）的图标、标准的字体样式和一致的措辞。应用所包含的特征和交互行为是符合用户心理预期的。 直接操作(Direct Manipulation) 对屏幕上的对象直接操作（而不是通过一堆控件）能够提升用户的参与度并有助于理解。直接操作指包括用户旋转设备或者使用手势控制屏幕上的对象。通过直接操作，他们的交互行为能够得到即时可视的反馈。 反馈(Feedback) 反馈认证交互行为，呈现结果，并通知用户。系统自带的iOS应用对每一个用户行为都提供了明确的反馈。可交互的元素被点击时会被临时高亮，进度指示器（progress indicator）显示了需要长时间运转的操作的进度，动效和声音加强了对行为结果的提示。 隐喻(Metaphors) 当一个应用的虚拟对象和行为与用户熟悉的体验相似时——无论这种体验是来源于现实生活或是数字世界，用户就能更快速地学会使这款应用。隐喻在iOS中能够起作用是因为用户与屏幕进行物理上的交互。他们通过将视图移出屏幕来显示下方的内容，他们拖曳（drag）和滑动(swipe)对象，他们拨动(toggle)开关，移动(move)滑块，滚动(scroll)数值选择器，他们甚至通过轻扫(flick)来翻阅书籍和杂志。
自定义表单设计思路 为了满足与现有工作流系统的耦合，在对现有工作流进行适当修改的基础上，定制表单系统(包括与工作流相关的)的设计计划如下: 1。基本功能模块:部门、角色、人员信息、团队和组、职位(所有这些都可能是潜在的流程参与者) 在现有基础上适当扩展。 2。权限管理:在操作权限中增加字段权限和记录权限，即表单权限、记录权限和字段权限。 3。表单的基本信息:表单对应的表实体和实体属性的定义； 4。可视化表单定制工具:实现基于网络的图形表单设计器，努力实现可拖动控件， 不需要安装任何客户端控件；困难在于数据绑定，即页面元素到数据表字段的映射。此外，动态数据存储结构、表间数据校验和计算、主从表建立等问题也是难点。因此，相应的样式库、脚本库、函数库、模板库等。应该建立。 5。除了可视化的表单定制工具外，还应具有表单加载、表单分析、表单数据处理和表单存储功能；6.设计起点:努力为未来的系统实现准备 (即系统的运行已经是过程驱动或服务驱动的)，以面向服务或面向过程的方式构建系统，使未来的系统维护不会停留在代码级维护水平。 7。设计目标:我们开发的定制表单系统是实现工作流和定制表单松
耦合的好方法。它使用 自定义表单，能够有效地将工作流与工作流过程定义方法和工作流系统结构结合起来。8.整个表单系统的设计采用分层建模的方法进行设计和开发，分为 数据层建模、业务层建模和表示层建模 9。采用基于描述的方法来提高表单的可维护性、可扩展性和灵活性。表单数据模型、业务模型和表示模型是否用XML 描述，需要讨论后确定(设计的表单以XML的形式保存在数据库的指定表中)； 10。最初假设我们开发的自定义表单系统是基于XForms标准，而不是传统的HTML表单标准 。表单数据、行为和表示的分类也需要在设计者表单模板+数据中得到反映，设计者表单模板+数据本质上是以XML为中心的，实现了表单数据模型和表示层(表单格式)的分离创建表单的一般步骤如下: 步骤1:定义表单的基本信息； 的第二步是建立表单设计者的数学模型。表单设计引擎是整个表单设计的核心。步骤3:通过表单设计者定义表单样式和所有字段细节；第4步:定义表单上的各种基本操作(仅用于添加、删除、修改、检查等基本操作)在明确工作流控制数据、工作流相关数据和工作流业务数据的前提下，流程配置主要包括以下步骤: 第一步:创建流程角色； 步骤2:为创建的系统用户分配角色；步骤3:创建一个过程(建立一个
人机界面设计（含案例分析） 家电（冰箱）Haier/海尔 BCD-231WDBB 场所：冰箱是家用厨房内最为常见的家电产品之一。在公共空间比 如餐厅，酒店也都有配备。 作用：冰箱使食物或其他物品保持冷态，具有储藏，冷冻的功能。 人机界面分析： 把手： ①位置：把手设计符合大众身高结构，一般根据实际冰箱高度设 计，比如此冰箱总高1722mm，三门设计，把手分别在550mm左 右、950mm左右、1300mm左右。 ②形状：此冰箱把手属于隐藏式把手设计，使机器整体统一美观。 把手形状呈长方形凹槽，适用于大多数家庭成员的高度差异。 ③功能：此把手设计即运用手部动作，通过抓、拉来实施对冰 箱门的控制。外观大方，开门方便，不积灰尘，容易清理。 存储空间： ①位置：此冰箱为三门设计，区分两个不同的存储空间，分别 是冷藏室和冷冻室。上门与下门等比例分布，中门5°C--- 18°C全温区变温。 ②形状：三个存储空间均为长方形，中间有长方形隔板分割， 阶梯式分割方式，适用于不同食材的存放。冷冻室采用抽屉设 计，极大拓展了冷冻空间，抽屉装饰有仿金属材质亮银色饰 条，质感强，坚固耐用。 ③功能：冷藏室主要储存新鲜的食物或是烹饪过的食物，海鲜肉类在放入 冷藏室24小时低温排毒后放入冷冻室保存。冷冻室一般保存海鲜肉类等需 要保存较长时间不使用的食物。 显示部分、按钮： ①位置：显示部分、按钮一般在人眼可以看见，手可以触及的范围内。此 冰箱在面板中间高约1650mm的位置。 ②形状：此冰箱显示按钮部分为竖立的长方形，与整体机器相统一，整体 感强。从上到下分为四个区域，用黑色实线区分，分别是温区选择、温度 调节、功能选择和设定。上面三个区域为LED灯的液晶显示，设定按钮呈圆形，触摸式按钮，反应灵敏好操作。
中国地质大学研究生院 硕士研究生入学考试《工业设计专业基础》考试大纲一、试卷结构 （一）内容比例 产品开发综合表达约50分 工业设计相关主干课约65分 人机工程学约35分 全卷 150分 （二）题型比例 简答题和论述题约66% 设计综合表达约33% 二、考试内容及要求 产品设计 考试内容 1. 企业的产品设计战略； 2. 产品设计的要素； 3. 产品设计的流程与方法； 4. 产品功能定位与实现； 5. 产品设计中的语意传达； 考试要求 1. 能够通过自己的理解，掌握产品设计发展的脉络。 2. 熟悉产品开发的定位与产品设计的类型 3. 能够清晰地理解产品设计与企业、科技、文化之间的关系； 4. 熟悉产品设计的一般流程与方法，了解产品设计创新和产品开发中的管理； 参考书目 1.杨裕富著，《创意活力：产品设计方法论》，吉林科学技术出版社 2.《工业产品设计方法》，李煜陈洪，清华大学出版社 3.《产品设计》，刘永翔，机械工业出版社 4.《设计中的设计》，[日] 原研哉著；朱锷译，山东人民出版社 5.《创造突破性产品－从产品策略到项目定案的创新》 Jonathan Vagan 辛向阳 译机械工业出版社 6.《设计方法与策略－代尔夫特设计指南》代尔夫特理工大学工业设计工程学院 华中科技大学出版社 7.，《设计心理学1-4》唐纳德?A?诺曼中信出版社; 第2版 8.《通用设计法则》威廉.立德威尔朱占星译中央编译出版社
人机工程学 考试内容 1、人机工程学概论（概念、由来、发展及其应用） 2、人体测量与数据应用；基本定义，测量方法，产品设计中人体数据应用； 3、人体感知与运动输出：感觉和知觉的特征；觉机能及其特征，视觉机能在产品设计中的应用原则；听觉机能及其特征，听觉机能在产品设计中的应用；动特征及其在空间作业中的应用； 4、控制装置设计；手动和脚动控制器的特点及设计原则； 5、显示装置设计； 6、作业空间设计； 7人机界面设计，人机系统设计。 考试要求 1. 能够掌握人机工程学的基本思想和基本概念 2. 能够分析和设计具体的设计项目 3. 能够对优秀的设计作品，作出人机工程学方面的评价并对其进行清晰有条理的表述。 参考书目 1. 《人机工程学》，丁玉兰等编北京理工大学出版社 2. 《人机工程学（第二版）》，赖维铁编著，华中科技大学出版社
企业资源规划 大作业一 ERP生产管理系统模块 功能、流程、表单及其流转设计 班级： 姓名： 学号： 2013年11月12日
一．企业简介 1.1企业的基本情况 我本次大作业参考的企业是我国某著名彩电企业，该企业以生产彩电、数字电视机顶盒、手机为主导，跨粤港的大型高科技企业，是中国三大彩电龙头企业之一，位列中国电子百强企业15位，共有员工两万多名。该公司成立于于1988年，经过二十五年的奋斗，该公司已成长为蜚声国际的中国家电巨子，2006年集团年销售额达125.6亿港元，出口额持续9年居全国领先行列，成功挺进世界彩电十大品牌之列，成为中国电子百强名列第16位的优秀企业。作为连续六年深圳市纳税大户，截至2006年度，已累计向国家缴纳各项税金超过30亿余元，累计向社会各界捐助8000多万元，扶持500多家配套企业，解决约10万人就业。 1.2 企业的产品 该企业主要生产各种类型电视机（如液晶电视，等离子电视机等等），以车用电子产品，移动设备，电视机零部件为辅。 1.3 企业的组织结构 图一
上图是该企业总公司的企业组织基本框架图。细化到该企业在内地某城市的电视机装配厂的企业组织结构如下： 1. 该厂设有总经理，以及三个副总经理。副总经理分别负责该厂的企业运营、市场拓展和生产管理等三个方面。 2. 该厂下设销售部门、生产部门、计划采购部、人力管理部门、财务部门。销售部门主要负责销售和订单处理。生产部门主要负责制定生产计划，制定工作任务表。计划采购部主要负责组装原材料的计划与采购。人力管理部门主要负责企业人员的管理。财务部门主要负责企业财务状况的管理。 3. 该厂主要分为五个加工制造车间。每个车间设置车间主任一人。一、二车间负责电子设备的组装。三、四车间负责整体组装。五车间负责调试检验。每个车间设置一名车间主任两名这件副主任，每个车间下面包括数量不一的生产小组，每个小组设置生产小组长一名。 4. 电子装配车间内按电子设备类型分工段，总装车间按装配线分工段。 5. 车间、工段按单班制运转。 1.4 企业的需求响应策略 该厂的生产主要依据是按照市场的订单来安排生产任务，其生产类型为MTO 型，故相应的市场响应策略为为根据客户定货合同组织生产。 二．企业生产管理系统的功能结构 2.1 企业生产管理系统的组织结构及其角色定义
表单自定义设计器 1设计思路 1.1表单自定义功能的误区 1、关于成本：表单自定义一般容易实现的仅布局、字段的增减、简单的脚本控制等，但有很多诸如复杂脚本控制、自动计算、特殊逻辑验证、主从关系，复杂基础数据选择（过滤、合并）、与其它功能模块的交互等等需求，自定义工具都不能很轻易地解决，最终可能带来的代价是重做，甚至推翻整个系统架构重新实现，付出成本是预计成本的2-4倍以上均有可能。建议采用对此类复杂需求通过关联创建人定义的SQL语句来实现。 2、表单自定义功能实现的方式一般是数据库表中预制了很多字段或者是一个表中的记录存储为ID、字段名、值、字段类型，而且值的类型往往是字符型，这些做法给数据的查询统计及SQL优化带来的是非常大的性能损失和阻力，业务系统数据量不大的时候看不出，一旦数据业务表大到一定程度的时候，性能瓶颈就会出现。我们知道需要工作流的业务系统都是大量用户和大规模业务数据的。对于表单自定义做法，性能瓶颈是一定要考虑的； 3、??表单自定义往往实现的是一个数据实体的增、删、改，但对于一个系统来讲一个表单仅仅是一个功能点而已，这个功能点对于整个系统来讲远不是那么单纯的，有可能一个数据实体的资料分别在多个表单里进行更新和维护，自定义逻辑往往是处理不了它们之间的冲突，还有查询和统计分析，这些是需要关联很多基础数据、关联其它业务数据。自定义表单功能本身也只是从功能特性的角度去出发，对于系统复杂的实体关系、业务模式、设计模式的支持几乎为零，一个高质量系统需要的因素基本实现不了； 4、?企业使用表单自定义工具的时候往往已经有了很多的系统，比如HR、CRM甚至ERP系统，很多关联数据会是来自于这些系统的数据。表单自定义工具往往无法提供高可靠性的集成方案，即使能集成也是勉强的，后续会付出很多手工同步、统计口径不一致等代价，为企业整体的信息化效果大打折扣； 5、?另外从实际的使用情况而言，实现一个表单自定义功能的目标往往是为了方便用户实现自己的业务逻辑，但实际上很少客户会自己去自定义这些表
重庆邮电大学移通学院学生实验报告 实验名称:熟悉设计管理和游戏界面设计专业班级:数字媒体技术02141401 姓名:罗钧 学号:2014210xxx 实验日期:2017.5.9 实验五:熟悉设计管理和游戏界面设计 一、实验目的 (1)了解和熟悉人机界面设计过程管理的相关知识; (2)了解和评价游戏软件的人机交互设计,提高自己的评价能力,提高自己对设计水平的。 二、工具/准备工作 需要准备一台带有浏览器,能够访问因特网的计算机。 三、实验内容与步骤 1.概念理解 (1)成功的用户界面开发有4个支柱,它们能够帮助用户界面架构师将好的思想转化为成功的系统。经验表明,每个支柱都能在此过程中产生数量级的加速作用,并能促进建立优秀的系统。 请简单描述这4个支柱。
用户界面需求:软件项目的成败经常取决于所有用户和实现者之间理解的精确性和完整性。如果没有适当的需求定义,那就既不能确定正在解决什么问题,也不会知道何时能够完成。拟定用户界面需求是整个需求开发和管理过程的一部分,系统需求(硬件、软件、系统性能及可靠性等)必须清楚的加以陈述,任何处理用户界面的需求(输入/输出设备、功能、界面及用户范围等)都必须指明并达成共识。一个确定用户需求的成功方法是通过用户观察,监视正在行动的真实用户的背景和环境。 指南文档和过程:指南文档应考虑以下几方面。 1.词、图标和图形 2.屏幕布局问题 3.输入与输出设备 4.动作序列 5.培训 用户界面软件工具:设计交互系统的困难之一,是客户和用户可能对新系统并没有一个清晰的想法。由于在很多情况下交互系统都是新奇的,用户可能认识不到设计决策的用意。虽然打印出来的文稿对初步体验是有帮助的,但具有活动键盘和鼠标的屏幕展示却更为真实。菜单系统的原型可能用一两条活动路径来代替为最终系统预想的数千条路径。 专家评审和可用性测试:现在,网站的设计人员认识到,在将系统交付给客户使用之前,必须对组件进行很多小的和一些大的初步试验。除了各种专家评审方法外,与目标用户一起进行的测试、调查和自动化分析工具被证明是有价值的。其过程依可用性研究的目标、预期用户数量、错误和危害程度和投资规模而变化很大。
设计开发控制程序表单
————————————————————————————————作者：————————————————————————————————日期：
设计开发任务书 LX．QMS/ＪS-001 序号： 项目名称产品图号 型号规格预算费用 客户名称起止日期 依据的标准、法律法规及技术协议的主要内容: 设计内容（包括产品主要功能、性能、技术指标、主要结构等)： 设计部门及项目负责人: 备注： 技术部负责人签字:日期：年月日
设计开发计划书 LX.QMS/JＳ-001 序号: 项目名称起止日期 型号规格预算 职责设计开发人员职责设计开发人员 资源配置（包括人员、生产及检测设备、设计经费预算分配及信息交流手段等）要求： 设计开发阶段的划分及主要内容设计开发人员负责人配合部门完成期限 备注： 批准: 日期：审核：日期：编制: 日期: 设计开发输入清单
LX.ＱMS/JS-00１序号: 项目名称产品图号 设计开发输入清单（附相关资料份): 备注: 批准：日期: 审核：日期：编制：日期: 设计开发输出清单 LX.QMS/JS－０01 序号： 项目名称产品图号 设计开发输出清单（附相关资料份）: 备注： 批准: 日期:审核: 日期: 编制：日期: 设计开发评审报告 LX.ＱＭS/JS-０01
序号： 项目名称型号规格 设计开发阶段化负责人 评审人员部门职务或职称评审人员部门职务或职称 评审内容：“□”内打“√”表评审通过。“？”表有建议或疑问，“X”表不同意 1合同标准符合性□２采购可行性□3加工可行性□4结构合理性□ 5可维修性□6可检验性□７美观性□8环境影响□ 9安全性□10 □1１□12□ 存在问题及改进建议： 评审结论： 对纠正、改进措施的跟踪验证结果： 验证人：日期: 备注:1评审会议记录应予以保留。 2可另加页叙述。 批准: 日期: 审核: 日期: 编制:日期： 设计开发验证报告
网页设计登录表单 1，在站点里右键新建一文件login.asp用来做登录页面；同样，之前已经建了和数据库连接的文件conn.asp。所以在你新建的login.asp中的“应用程序”----“数据库”标签里面就自动有了"conn"。 2，和注册页面一样，都需要到“应用程序”面板的“绑定”标签下“+”记录集。弹出窗口中选择完毕后点击“测试”，可以看到当前数据库中满足SQL条件的相关记录。
注：该图显示表明数据库中的相关内容，name:cnbruce,pwd:123456和name:cnrose,pwd:123456。记住它，可以在我们测试登录的时候用到。 3，在登录页中做了Form表单，并对输入文本框进行合理命名。 4，点选form标记，设计页中整个表单被选中。
5，选择“应用程序”面板中“服务器行为”中“+”----“用户身份验证”----“登录用户”。 6，弹出的对话框中进行具体的设置。“从表单获取输入”意思是从本asp页面中选择具体的form表单，以及该表单中的所必有的用户名字段和密码字段。 “连接验证”表示通过conn文件和数据库表进行连接设定。选择“user表格”，用户名列表和密码列表即数据库中的特定用户名字段和密码字段。很明显，让库中的字段的内容和表单中提交的内容进行验证比较连接。 “登录成功，转到”loginok.asp，该页面是一权限页面，只有当登录完全正确的时候才能进入。否则是登录失败，转到loginbad.html。
7，确定后，login.asp基本完成。切换到login.asp的代码窗口，注意！已经生成了用户的局部变量Session：“Session("MM_Username") = MM_valUsername”。该变量可以全站采用的。 8，新建一loginok.asp，其是一个保护页面，只有当用户密码正确登录后才会进入。否则跳转到loginbad.html（登录失败，可能原因是用户名或密码错。）打开loginok.asp，“应用程序”---“绑定”---“阶段变量”
目录0. 文档介绍2 0.1 文档目的 2 0.2 文档范围 2 0.3 读者对象 2 0.4 参考文献 2 0.5 术语与缩写解释 2 1. 应当遵循的界面设计规范3 2. 界面的关系图和工作流程图 5 3. 主界面 5 4. 子界面A 6 5. 子界面B 7 6. 美学设计7 7. 界面资源设计错误!未定义书签。 8. 其他错误!未定义书签。
文档介绍 0.1 文档目的 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。界面设计文档可以让用户对软件产品有了更直观的了解，并且了解各个模块的设计及用意。 0.2 文档范围 文档包括公用界面设计，学生用户界面设计，教师用户界面设计，其中各个界面包括框架设计，编程设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计。 0.3 读者对象 登陆网站的游客、注册成会员的学生、教师以及管理员。 0.4 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下： [1] 张海藩，《软件工程导论（第5版）》，清华大学出版社，1900年01月 [2] 杨培添，《软件界面设计》，电子工业出版社，2007年02月 [3] 林锐，《Web软件用户界面设计指南》，电子工业出版社，2005年5月 [4]吴士力，汪孝宜，胡俦，《网络系统开发实例精粹（JSP版）》，电子工业出版社， 2006年8月 [5] 黄艳群，黎旭，李荣丽，《设计·人机界面》，北京理工大学出版社，2007年5月https://www.doczj.com/doc/623809725.html,/view/43210.html?wtp=tt https://www.doczj.com/doc/623809725.html,/view/119481.htm 0.5 术语与缩写解释
自定义表单设计思路 为了满足和现有工作流系统的耦合，在适当改动现有工作流的基础上，对自定义表单系统（包括与工作流相关）的设计做出如下的规划： 1.基础功能模块：部门、角色、人员信息、班组、岗位（这些都可能是潜在的流程参与者） 在现有基础上适当扩展； 2.权限管理：需要在操作权限的基础上增加字段权限和记录权限，也就是要实现表单权限、 记录权限、字段权限； 3.表单基本信息：表单对应的表实体的定义、实体属性定义等等； 4.可视化的表单定制工具：实现基于web的图形化表单设计器，争取做到可拖拽控件， 无需安装任何客户端控件；——难点为数据绑定，也就是页面元素与数据表字段的映射，另外动态数据存储结构问题、表间数据校验和计算、建立主从表的问题是难点；因此要建立相对应的样式库、脚本库、函数库、模板库等等。 5.除了可视化表单定制工具外应有：表单加载、表单解析、表单数据处理和表单存储功能； 6.设计出发点：争取为今后我们做系统实现以面向服务或面向流程的方式构建系统做准备 （即系统的运行已流程驱动或服务驱动），做到随需而变，使得将来的系统的维护不要停留在代码级的维护层面上； 7.设计目标：我们开发出的自定义表单系统做到工作流和自定义表单松耦合实现为好，用 户自定义表单并能与工作流有效结合的工作流过程定义方法及工作流系统结构； 8.整个表单系统的设计采用分层建模方法进行设计与开发，可以分为： 数据层建模、业务层建模以及表现层建模 9.采用基于描述的方法来提高表单的可维护性、可扩展性以及灵活性，是否通过采用XML 来描述表单数据模型、业务模型和表示模型需要讨论后确定（设计完成的表单以XML 形式保存到数据库指定表中）； 10.初步设想我们开发的自定义表单系统是基于XForms标准而非基于传统的HTML表单标 准，分类表单数据，行为与表示也需要在设计器中体现出来——表单模板+数据，本质上是以XML为核心并且实现表单数据模型与表现层（表单格式）分离。 大致的建立表单步骤如下： 第一步：定义表单基本信息； 第二步：表单设计器数学模型的建立，表单设计器引擎是整个表单设计的核心； 第三步：通过表单设计器定义表单样式和所有字段详细信息；
进行人机界面设计的研究 1.界面风格的设计控制台人机界面选用非标准Windows风格，以实现用户个性化的要求。但考虑到大多数用户对于标准Windows系统较熟悉，在界面设计中尽量兼容标准Windows界面的特征。界面使用的功能按钮选用MFC类库提供的CBmpButton类动态创建自定义位图图标的按钮。因为位图按钮可在操作中实现高亮度、突起、凹陷等效果，使界面表现形式更灵活，同时可以方便用户对控件的识别。但是，界面里使用的对话框、编辑框、组合框等都选用Windows标准控件，对话框中的按钮也使用标准按钮。控件的大小和间距尽量符合Windows界面推荐值的要求。 界面默认窗体的颜色是亮灰色。因为灰色调在不同的光照条件下容易被识别，且避免了色盲用户在使用窗体时带来的不便。为了区分输入和输出，供用户输入的区域使用白色作为底色，能使用户容易看到这是窗体的活动区域；显示区域设为灰色（或窗体颜色），目的是告诉用户那是不可编辑区域。窗体中所有的控件依据Windows界面设计标准采用左对齐的排列方式。对于不同位置上多组控件，各组也是左对齐排列的。 人机界面的布局设计根据人体工程学的要求应该实现简洁、平衡和风格一致。典型的工控界面分为3部分：标题菜单部分、图形显示区以及按钮部分，如图1所示。该界面界面美观，在屏幕上的对象左右达到平衡、不堆挤在某一处，无杂乱无章的感觉。数据的过分拥挤会产生视觉疲劳和接收错误。界面的平衡原则推荐显示屏幕总体性覆盖度不超过40％，而分组中屏幕覆盖度不超过20％。控制台人机界面中包含着大量的图形显示信息，因此将图形显示区布置在屏幕长宽各占屏幕70％左右的范围内，以保证显示信息的清晰和全面。控制按钮组布置在显示区的右侧，一方面是考虑到绝大多数操作者是右手操作用户，按钮区布置在最右侧更加方便；另一方面是根据界面布局的主次原则，把用户注意力最集中的左上区域留给图形显示区。 根据一致性原则，保证屏幕上所有对象，如窗口、按钮、莱单等风格的一致。各级按钮的大小、凹凸效果和标注字体、字号都保持一致，按钮的颜色和界面底色保持一致。 选择界面的概念取决于多个界面。可将界面设计为循环或FIFO缓冲器。
人因工程学实验 ——焦点小组法 指导教师：王海英老师 焦点小组法实验报告
一、实验目的 1.学会焦点小组法的操作过程。 2学会在人机交互设计过程中使用焦点小组法收集用户需求信息。 二、实验环境和仪器 实验环境为焦点小组测试室，主要设备应包括，话筒、单向镜、摄像机、录音笔。 三、实验内容及步骤 l. 自拟讨论主题。 我们小组确认的主题为：东北大学官方系列网站的的好坏。 3. 确定小组分组，并确定组内分工，选择主持人。 我们小组共5人，最终确认一名主持人，两名录像人员，两名记录人。 4.编制讨论指南。 （1）首先表明自己的身份，和同学们建立友善的关系。 （2）询问大家是否有在使用东北大学官方的所有网站（官网，IP网关，图书馆，教务处网站等）。 （3）询问大家觉得这些网站的给人感受如何（网站制作美工方面）。 （4）询问觉得这些网站的实用性如何。 （5）询问大家在使用过程中遇到了哪些问题。 （6）询问大家认为这些问题应该如何改进。 5. 组织讨论。 6. 访谈结束后的总结，对讨论录音进行总结，归纳出东大网站所具有 的问题和建议修改方法。 四、调研目的 研究东北大学官方所有网站在同学中的使用频率和同学们对网站的意见，为 了更加完善的我们东北大学的系列网站。 五、本人在焦点小组法中的角色及分工。 本人在焦点小组法中的角色是摄影师，分工是利用录像记录主持人和被 提问者的对话，相比较笔记这更加详细的记录所有的对话。 六、被访者回答简要记录。 官网
张：界面大气 黄：功能单一，画风简单，技术比较单薄。 张：官网可以，各个院系的界面不好看。 郑：建议增加站内搜索，例如校医院。 网关 张：不明白是否在线。 黄：流量浪费大，一个月用了100g。 图书馆 张：数据不全。 王：怕在去之前被人借走了书。 教务处 王：验证码必须区分大小写，经常会输入错误。 张：不能看到自己的准确排名。 刘：查成绩，查课表，学业预警，培养计划。 七、所得出的结论。 官网： （1）画面大气，但功能比较简单，技术缺乏。技术方面是硬伤，但希望将网站的功能表现的更加明显，使使用者更加明显的知道有哪 些功能。 （2）东大的官网做的还可以，但各个院系的网站做的很简单，画面单调。建议各个院系的负责网站的负责人将各个院系的网站更加完 善。 （3）建议增加站内搜索的功能，更加方便使用者使用网站。 网关： （1）建议增加提醒功能，告诉使用者当时是否在线。 （2）建议增加详细流量查询功能，告诉使用者自己的流量使用在哪里了。不会造成不必要的流量消耗。 图书馆： （1）因为书的更新快，导致数据不全，建议每周更新一次图书馆资源，避免同学查询时查询不到。 （2）建议增加预约功能，比如为你保留一本书一天，在这一天里别人无法借这本书，这样就可以避免你在查询和去借书之间被人借走 的尴尬。 教务处： （1）建议更改验证码机制，使字母大小写都可以区分。 （2）增加排名查询，使同学们更加清楚的知道自己在专业中的位置。 八、根据本人角色提出实验过程中发现的问题和实验感受。 本人在这次实验中我是担当摄影师的角色，我感觉更能从“上帝”视角来观察整场实验，我发下以下一些问题：
Chapter 1 1. Describe three populations of users with special needs. For each of these populations, suggest three ways current interfaces could be improved to better serve them.(book from p17 to p21) 1）残疾用户 对于盲人或者眼睛有疾病导致视觉不好的人，可以使用文本到语音的转换，文本到语音的转换能够帮助盲人用户接受电子邮件或阅读文本文件，语音的设备更能允许某些用户界面进行语音控制的操作。这项技术同样可以用于虽然视力完好但是特殊情况下的人，例如开车、工作等。 对于听力障碍的用户，往往可以经过简单改动的计算机，实现声音到可视信号的转变。 对于身体障碍用户，需要大量特殊输入设备，这要取决于具体的障碍，语音技术和人眼跟踪设备、头戴式光电鼠标都可以被用来满足残疾用户的需要。世界上有名的例子就是伟大天文学家霍金和他的个人电脑。 2）老年用户 通过用户提供对字体大小、显示对比度和音量大小的控制、更清晰的导航路径、一致的布局和更简单的命令语言来设计界面，从而为老年人改进对界面内容的访问。还有诸如手眼协调、增强灵敏性和改进反应时间等作法，都能改善老年人的使用体验。另外，计算机游戏对老年人来说也是一个有吸引的东西，这可以让一些惧怕使用电脑的老年人获得体验机会而被吸引。老年人使用鼠标往往很迟钝，我们可以转换成高精度的触摸屏。 3）儿童 儿童的用户界面，强调娱乐性和教育性。儿童的用户界面往往与父母息息相关。首先要注意到界面的教育性，要为儿童的教育着想，可以附带丰富的知识内容、家长指南资料和教师培训资料等，尤其在艺术、音乐、写作和数学方面的教学资料。另外，设计需要考虑到儿童的局限性，要简单，易懂，避免复杂的序列。特别需要注意的是，在教育和父母对孩子的关注来说，避免对暴力、种族主义、色情资料还有儿童隐私陌生人威胁等问题的信息访问，这都是非常重要的。 3. Suppose you need to design a system for users in both the United States and China. Present a list of cultural differences that you should be aware of so that a successful design can be made. 1）中国的用户来自沉思的传统文化，，他们更喜欢稳定显示的界面，而美国的用户都是行动导向的基于新奇文化的用户，他们更偏爱生动的屏幕和多次点击。2）在高校主页来反应二者的文化差异，中国主要喜欢在主页上强调他们深刻印象的建筑物和有名的师资，美国的高校主页则更多表现那种学生团队精神和活跃的社交生活。 3）文本作为世界用户界面的一个关键因素，必须重视其中涉及到的文化差异，这些差异因素主要表现在： 字符、数字、特殊符号和区分符 阅读方向（从左到右与从右到左、垂直阅览等） 日期和时间格式
第七章用户界面设计 6.5用户界面设计 用户界面（UI）也称人机界面（Human Computer Interface，简称HCI），它是交互式应用软件系统的门面。随着计算机应用的不断拓广，软件的用户界面作为人机接口起着越来越重要的作用，界面设计日益受到重视。设计用户界面要充分考虑到人的因素，如用户的特点、用户怎样学会与系统交互工作、用户怎样理解系统产生的输出信息以及用户对系统有什么期望等。还要考虑界面的风格，可用的软、硬件技术及应用本身产生的影响。所以现在在做软件产品时，越来越重视心理学在软件设计中的作用，要充分考虑用户的心理，尽量使得用户界面的设计符合用户的需要。 用户界面应具备的特性 1、可使用性 用户界面的可使用性是用户界面设计最重要的也是最基本的目标，它包括： 1）使用的简单性：用户界面应能方便地处理各种经常进行的交互对话。问题的输入格式应当易于理解，附加的信息量少；能直接处理制定媒体上的信息和数据，且自动化程度高；操作简便；能按用户要求的表格或图形输出，或反馈计算结果到用户指定的媒体上。 2）用户界面中所用术语的标准化和一致性：所有专业术语都应该标准化；软件技术用语应符合软件工程规范；应用领域的术语应符合软件面向专业的专业标准；在输入、输出说明里，同一术语的含义应完全一致。 3）拥有HELP帮助功能：用户应能从HELP功能中获知软件系统的所有规格说明和各种操作命令的用法，HELP功能应能联机调用，为用户随时提供帮助信息。 4）快速的系统响应和低的系统成本：在使用较多硬件设备并与许多其它软件系统联结时，会引入较大的系统开销。用户界面应在此情况下有较快的响应速度和较小的系统开销。 5）用户界面应具有容错能力：即应当具有错误诊断、修正错误以及出错保护的功能。 2、灵活性 1）考虑到用户的特点、能力、知识水平，应当使用户界面能够满足不同用户的要求。因此，对不同的用户，应有不同的界面形式。其运行抉择和涉及到的复杂算法对初学者可以是隐蔽的，他们可以不考虑抉择和算法问题而正常使用这个软件；但对于高级用户，可保留实施运行抉择和选择算法的权利。 2）用户可以根据需要制定和修改界面方式。在需要修改和扩充系统功能的情形下，能够提供动态的对话方式，如修改命令、设置动态的菜单等。 3）系统能够按照用户的希望和需要，提供不同详细程度的系统响应信息，包括反馈信息、提示信息、帮助信息、出错信息等等。 4）与其他软件系统应有标准的界面。 为了使得用户界面具有一定的灵活性，需要付出一定代价。这要求系统的设计更加复杂，而且有可能降低软件的运行效率。
泛微O A开发技巧流程表单H T M L扩展开发设计器实现设置表单元 素的长度 文件编码（008-TTIG-UTITD-GKBTT-PUUTI-WYTUI-8256）
版本 文档主题(Title) 【开发技巧】流程表单HTML 扩展开发（推荐：设 计器实现设置表单元素的长度） 作者(Author) 胡顺 审批者(To Be Approved By) 说明(Comments) 文件名称(File Name) 【开发技巧】流程表单HTML 扩展开发（推荐：设计器实现设置表单元素的长度）.doc 序号 日期 版本 变更说明 修改人 注释 2017-12-19 创建目录功能点 刘泰宏 2018-2-1 完善各模块内容 胡顺 目录 仅限阅读 请勿 传播 流程表单HTML 设计器 实现自定义控制表单元素的长度 及其他常见需求实现案例
1.说明 难度：★★★☆☆ 预计时间：1小时 涉及代码开发：有 目标需求： 此案例适用项目人员通过流程表单HTML设计器实现自定义控制表单元素的长度。当不得不这么做的时候，请参考该方案进行适当调整。 可以按照客户要求对时间流程表单进行适当改造。 流程表单上面布局、校验、样式等功能 可以jQuery的方式进行适当改造。
知识点： 基本信息： 背景知识： 1、在阅读本教程之前,需具备html和JavaScript基本知识。 2、在阅读本教程之前,需具备jsp页面读写的基本能力。 最终效果： 通过流程表单HTML设计器实现自定义控制表单元素的长度实现隐藏表单原始边框 实现表单元素未输入内容时悬浮提醒的效果 html签字节点格式调整（内容在左，署名在右） html签字节点按时间排序并调整格式 2.准备工作 1、准备一台和正式环境一致操作系统的服务器。 3.（推荐）实现自主设置表单元素的长度 将附件提供的上传到服务器的/css/width/目录下面。
点击’New Form’, 新表单向导就打开了，根据自己的需求创建全新的表单或者在已有表单的基础上进行修改，选择结束后点击’Finish’按钮即可。当然了，如果单纯的创建新表单的话，可以直接点击主界面右上角的’New’按钮。 当新空白表单创建出来以后，我们就可以开始设计表单了。Designe为用户提供了很多现成的控件。点击菜单Window -> Object Library (或者用快捷键Shift+F12), 控件库就出现在屏幕的右上角了，如下图所示。 默认的控件库分为3大类，包含标准控件，如比较常用的按钮，下拉框，文本编辑框等都在里面。另外一类是需要用户自己定制的的控件，如日期选择框，国家/地区选择下拉框等。最后一类是各种各样的条形码，如Code128A, UPC-A等。当然除了预装的控件，客户还可以通过图形界面导入自己定制的控件，用起来非常方便。
这里我用最常用控件之一’文本编辑框’(Text Field)举例, 来演示一下通过Designer都可以完成哪些操作： 首先我们在标准控件中找到’Text Field’并通过拖拽的方式把它放入’Designer View’中。 控件是按照标准尺寸显示在设计视图上的，可以通过控件边缘的拖拽来调整大小。 大小调整完毕后，点击菜单Window -> Object (或者用快捷键Shift+F7)来调出控件属性标签，标签默认显示在屏幕的右下角，如下图所示：
‘Field’ tab主要是用来设置’Text Field’的外观的，包括它的名字，它想使用什么样的文本框，文本框的字符限制等。在’Field’标签旁边还有一个’Value’标签，它也非常有用，主要是用来进行输入文本的校验的。点击’Validation Pattern…’按钮，模板窗口弹出，我们选 择’Zip Code’, 它的格式是五位数字，如下图。
7个表单设计的秘诀 7个表单设计的秘诀 表单是网页设计中最常见的元素，几乎每个网站都会包含一种甚至几种不同类型的表单。从简单的电子邮件搜集和订阅，到注册、下单、购买，表单一直伴随着网页而存在。所以，设计出好看易用的表单是非常有必要的。今天分享7个表单设计的秘诀，帮你设计出素质过硬的网页表单。 1、尽量让表单一目了然 用户浏览网站的时候，通常会快速扫视来获取信息，看看网站内容和设计是否对他们的胃口或者符合需求，再决定要如何应对、交互。表单也是一样的道理。一目了然的表单能让用户立刻知道他们需要填写多少信息，以及如何提交表单。 一份一目了然的表单具备下面的特征： ·对比度：文本和标签都简短直观，易于阅读，避免使用大量的色彩，尽量采用传统的黑白式的文本/背景组合。 ·分组和间距：像较长的表单那样，将相近、相关的信息都分到同一组当中。以支付为例，用户的基本信息、支付信息和物流信息分成不同的组。三个较短的条目比一个较长的条目要更容易接受。控制好标签文本和填写表单之间的间距，根据相关靠近原则，让条目之间的相互关系更明确。 ·行为召唤：金莲使用大且容易看清的按钮。按钮中的文本指向性明确，比如“提交”“立即支付”或者“下一步”，直观不拖沓。 2、考虑使用浮动的提示文本 对于是否要在表单的输入框中加入提示文本有很多争论，其中主要的争论围绕在一点上：当用户点击输入框，光标出现准备输入的时候，其中的提示文本并没有自动消失，而需要手动删除之后再才能输入。这就非常尴尬了。 此外，Nielsen Norman Group 的研究发现，空白字段会更加吸引用户注意，并且能够帮助用户更加清晰的输入信息。 如果你觉得有必要给用户以提示，那么请考虑使用交互性更强的解决方案：浮动的'提示文本。在输入框内加入提示文本，让它看起来是占位符，但是允许它动效化，当用户的光标悬停或者点击输入框的时候，提示信息移动到左上角的位置上，它永远不会消失，起到了提示的作用，便于用户输入，动效还能给用户以惊喜，何乐而不为呢? 3、使用表单格式掩码 格式掩码能够提醒用户输入的内容的格式，字段的长短大小，对于表单的可用性有明显提升。在用户激活输入框的时候，格式掩码会出现，它会帮助用户格式化输入信息，避免提交的时候出错。格式掩码常见于数字输入的时候。 最典型的情况就是电话号码的输入，常见的格式掩码如下： ·(000) 000-0000 ·000-000-0000 ·0000000000 用户在输入过程中，能够通过格式掩码实时地了解输入信息的数位的正确性，节省了反复确认的过程，或者在提交后报错再回头调整的麻烦。 4、把表单设计得易于输入 你无法确知用户使用的是手机还是电脑在浏览你的网页，输入你的表单，但是它应该对于各种输入设备都足够友好才行。考虑到你的表单可能会是不同类型的键盘输入的，所以你应该根据表单字段属性和检测到的键盘类型，进行适配。 在桌面端，用户应该可以只借助键盘完成整个输入过程，而无需动用鼠标与触控板。完