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