人机交互综合设计（样本）..doc

《人机交互》综合设计报告 设计名称： 人机交互综合设计 选题名称： Web 3D界面设计——家居室内设计 姓 名： 学 号： 专业班级： 系 （院）： 设计时间： 指导教师评语： 签名： 年 月 日 目 录 一、概述 1、项目背景 2、系统简介： 3、开发环境： 4、主要技术 二、需求分析 1、用户分析 2、用户设计流程 3、任务分析 三、概要设计 1、界面设计原则 2、设计模型 3、系统描述 4、使用的交互技术 四、详细设计与实现 五、可用性评估 1、评估指标体系 2、具体步骤 3、结果分析 六、结论 1、总结 2、不足之处 3、心得体会 一、概述 1，项目背景 随着信息技术的发展，Web3D界面越来越成为新的需求和热点，这就需要相应的3D技术支撑Web3D界面。Web3D可以简单地看成是Web技术和3D技术相结合的产物，是互联网上实现3D图形技术的总称。Web3D技术是实现网页中虚拟现实的一种最新技术。VRML是互联网3D图形的开放标准。VRML是3D图形和多媒体技术通用交换的文件格式，它基于建模技术，描述交互式的3D对象和场景，不仅应用在互联网上，也可以用在本地客户系统中，应用范围极广。VRML开始于20世纪90年代初期。1998年。VRML组织把自己改名为Web3D组织，同时制订了一个新的标准，Extensible 3D (X3D)，到了2000年春天，Web3D组织完成了VRML到X3D的转换。X3D整合正在发展的XML、JAVA、流技术等先进技术，包括了更强大、更高效的3D计算能力、渲染质量和传输速度。在此期间，一场Web3D格式的竞争正在进行着。Adobe Atmosphere创建网络虚拟三维环境的专业开发解决方案、还有Macromedia Director 8.5 Shockwave Studio Web3D 的实现技术，主要分三大部分，即建模技术、显示技术、三维场景中的交互技术。 （2）顺序分析 (3)协作关系分析 (4)工序约束陈述 只有在当前场景中有出现的物体，才能点击。例：如果在当前界面中没有水壶，则无法点击水壶得到环视房间的界面。 (5)故事讲述和情景分析 角色：cdd，用户 目标：浏览房间 环境：整个房间 步骤：点击相应物体，转换相应场景 情感：交互系统的交互过程简洁，顺畅，用户对完成任务的过程感到满意。 三、概要设计 界面设计原则 1）界面要具有一致性 2）常用操作要有快捷方式 3) 提供必要的错误处理功能 4) 提供信息反馈 5) 允许操作可逆 6) 设计良好的联机帮助 7) 合理划分并高效地使用显示屏幕 设计模型 任务模型： 系统描述 本系统作为一个家居室内设计观赏，提供给阅览者可以从各个角度观看这个房间。 所用的交互技术 本系统做运用的交互技术有 (1)定位：确定平面或空间的一个点的坐标。 (2)定值：用于设置物体的旋转角度，缩放比例等。 (3)选择：在某个选择集中选出一个元素，通过注视，指点或接触一个对象，使对象成为后续行为的焦点。 (4)几何约束：用于对图形的方向，对齐方式等进行规定和校准。 四、详细设计与实现 1,初始界面如下： 2，点击圆椅后所转换场景如下： 3，点击油烟机后所转换场景如下： 点击餐椅后所转换场景如下： 点击书柜后所转换场景如下： 6，点击水壶将呈现环视场景如下： 五、可用性评估 评估指标体系 根据网站的特点及服务人群，提出可用性为效果、效率和用户主观满意度。 评估人员介绍测试的目的思维训练在做什么？看到了什么？怎么想的？有什么疑问？任务介绍用户使用系统之前尽可能告诉用户有关系统的信息询问用户是否有关于研究目标、过程或任务的问题。开始测试结束测试询问用户是否还有更多的关于系统或研究的问题。回答那些现在就可以回答的问题，或让用户和可以回答这些问题的人联系。是Autodesk公司开发的基于PC系统的三维动画渲染和制作软件广泛应用于广告、影视、工业设计、建筑设计、多媒体制作、游戏、辅