1、 2012 -2013 学年第 2 学期实 验 报 告实验课程名称 电子产品设计基础实验报告 专 业 班 级 电 信 1101 电 信1102 撰 写 者 龚 博 涵 组 员 李 成 翰 韩 磊 林 智 翔 陈 鹏 杨 日 孟 实 验 指 导 教 师 杨 锆 1、实验目的在电子产品研发过程中，对于界面设计以及程序的测试来获得用户的反馈是至关重要的。以用户为中心和交互式设计的重要因素之一就是原型方法，原型方法的目的是将界面设计与用户的需求进行原型方法已成为评价者重视的焦点，它不仅可以节省大量工作上的开支，而且可以纠正工作中双方的分歧，甚至产生新的设计思路和方法。在原型设计评价方法中，设计者和用户
2、是捆绑在一起进行的，它有利于工作的顺利开展和双方的交互、沟通。了解网页设计的基本要素，学会并掌握网页设计能力，熟练使用Axure软件设计软件，对该软件的基本功能有一个系统的认识。能够客观全面的评价一个网页设计的是否合理是否规范。并成功设计出一页美观大方的网页。二、实验仪器电脑，安装有Axure RP pro 6.5工具。三、实验原理原型评价法工作主体分为4个阶段：工作启动、测试准备、测试执行和报告总结，测试用户为1名，各阶段的主要工作有：工作启动：工作沟通、需求确认、工作布置；测试准备：脚本制定、用户邀约、实验室准备、文档准备；测试执行：预测试、正式测试、测试小结、录音录像资料编辑整理；报告总
3、结：数据分析、报告撰写、报告汇报、测试总结、资料归档。四、实验背景Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户的需求，从而做出切实可行的设计方案。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者”为中心，而不是以“美术”为中心的进行设计规划。网站制作设计和域名注册查询是根据它设定的目标在一个商业网站的情况下,网页设计的定义是根据它设定的目标:企业网站制作的主要目的是增加供应和品牌的知名度。在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。Web
4、站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email地址：用来接收用户垂询； 联系信息：如普通邮件地址或电话； 版权信息：声明版权所有者等。充分利用已有信息，如客户手册公共关系文档
5、技术手册和数据库等。网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相 近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。五、实验设计：工作启动工作 具体内容 参与人 注意事项测试沟通沟通介绍测试网页的基本情况及测试需求；网页设计者提供产品相关资料；主持人网页设计者需求确认根据双方需求制定测试需求表(包括目的、参试用户数量、测试执行地点、测试执行时间、
6、实验室及设备要求、主持人要求、数据要求、报告形式、总体时间安排等);测试难度评估，包括满意度和时间；网页设计者主持人基于现有网络、设备、终端等测试环境对测试网页功能工作布置用于测试团队作业，进行工作分解及分工网页设计者工作细分六、测试准备测试客户：选取 1 名测试网页的目标客户进行测试，所选用户应善于积极表达自己的见解测试团队成员及职责：网页设计者：1 名，主要负责网页设计，及整体测试把控协调；主持人：1 名，主要负责整个过程的参与及控制过程中出现的问题；报告撰写者：1 名，主要负责最终的报告撰写；记录/ 计时员：1 名，主要负责测试过程的记录工作，及数据处理；其他人员：2 名，主要负责电脑以
7、及网络的检测。7、测试执行工作 具体内容 参与人 注意事项预测试内部人员进行预测试，对网页进行完善修改主持人主持记录/计时员进行记录所有成员预测试后测试网页复原到测试前正式测试进行用户的测试工作主持人执行记录/计时员进行记录所有成员控制好测试时间进度预测试后测试网页复原到测试前；测试小结对用户出现的问题的核对对测试情况进行小结及脚本优化；网页设计者主持人预测试后测试网页复原到测试前测试过程中发现阻碍测试过程及时进行脚本调整每场测试结束后必须要进行小结八、实验内容及步骤1.人员配置一人设计任务，其他五人进行实验，每次一人操作，实验时由其他人员记录与计时。后期自主网页设计。2.实验设计每个人分别使
8、用这个网站，由三张页面组成，完成指定的8个任务，然后对其进行评价，记录所用时间。3.实验流程（1）主试将网页打开给被试，并给出四页目标任务，要求每次操作完成之后返回首页。（2）主试给被试呈现指导语、任务书。（3）被试完全明白后，主试说“开始”后，被试进行第一个任务，每个任务没有规定时间，完成后主试记录错误点与可能错误原因，被试填写调查问卷，给出评分与意见。（4）一次做完15个任务后一轮实验结束。（5）一共进行五轮实验。（6）分析完数据之后对该网页提出修改意见。（7）小组自主完成一个网站设计。4.实验任务任务一（登入界面任务）：（1）登入界面。（2）拼图。任务二（页面1任务）：（1）分院导航。（
9、2）图片滚动。任务三（页面2任务）：（1）Win8界面。（2）视频观看。（3）注册用户。（4）内网连接九、小组讨论我们小组进过讨论，发现该网页在设计过程中还是存在不少问题，现在总结归纳为以下几点：（1）界面太白（2）注册页面不明显（3）页面跳接不流畅（4）分院选择不可取消（5）图片太少（6）页面不美观（7）视频位置不佳（8）广告太多（9）连接太少（10 ）颜色太难看（11 ）结构复杂（12 ）返回界面无法确定（13 ）不能创建相册（14 ） 注册后不能评论日志（15 ） 注册跟不注册没区别7、小组成果展示：于是针对上述网页的不足，我们也修改了我们自己设计的网站。下面就是我们组完成这次试验的全部
10、过程以及网页的两点。1、前期讨论：在任务布置下来之后，我们小组展开讨论。由于此次期末大作业对于主题没有什么要求，所以我们能讨论的范围也是比较大的。最后，考虑到我们的暑假，很多人想出去旅游，或者是来杭州旅游。于是我们确定下来我们的主题浙江大学城市学院杭州旅游网页。2、准备和实践：主题和表现形式都已经确定下来了，接下来就是前期的素材准备了。我们很快的进行了分工，并且开展素材收集工作。所有的准备工作结束之后，就进入到了我们的实践环节，我们小组分三个部分来进行，第一部分主要是对于页面的初步排版。第二部分主要是负责登录功能设置和简单文字的输入，第三部分查漏补缺并且对页面进行完善。3、功能介绍:对于我们小
11、组主页的原型功能做以下介绍：1 鼠标移入出现提示效果2 点击出现下拉效果3 鼠标点击图片切换功能4 提供下载功能5 登陆和注册功能6 错误提示功能7 鼠标移入出现介绍功能8 评价功能9 搜索功能10 搜索提示功能11 页面切换功能4、体验环节：在老师安排下，我们与后面的小组进行了交换与评价。5、我们组的改进1 注册之后无法跳转登陆界面改进：进行重新修改用例2 副网页动态太少改进：重新填加多个动态：如下图所示可以删除3 登陆注册按钮太近容易按错4 鼠标移入特殊效果不工整改进：重新进行动态修改 5 下拉列表不可用改进：重新进行修改，添加效果6 移入特殊效果不工整和原位置有轻微移动改进：重新在在动态面板中修改
