论文部分内容阅读
【摘 要】根据技工院校人才培养目标，结合技工院校中网页制作课程教学现状，本文提出“交互设计”式教学在网页制作课中的应用，并对其设计流程及注意事项进行论述。
【关键词】网页制作；交互设计
技工院校的人才培养，不仅要求学生完成人才目标的学习任务和技能要求，更重要的是，知识储备和技能要求必须得到就业岗位的认可。
一、技工院校网页制作课程教学现状
网页制作课程是技工院校计算机和电子商务专业的核心课程，这是一门操作性极强、注重知识与应用相结合的课程。目前，传统的教学观念上，强调教师的“教”，缺乏交互意识，同时也缺乏合理的交互设计，课堂上课件、教案泛滥，课程的活动基本没有经过完整的设计，把学生与内容的交互、师生之间的交互孤立起来，教师或学生自以为在完成任务的时候，却没有对学生的学习起到促进作用。
二、“交互设计”式网页制作课
交互设计是从“目标导向”的角度解决用户产品设计。在网页制作课程中，网页就是产品，是这门课程的输出物，课堂教学对结果负责，也是技工教育的目标之一。如何实现网页易用、有效而让人愉悦的目标，如何将目标用户的需求在网页制作过程中体现，本文以某企业网页制作为例，力求通过“交互设计”式的课堂，使学生在自己动手的实践中，掌握技能要求，学习专业知识，构建自己的知识经验和能力体系。
（一）需求获取
这一阶段输出物主要是企业网页的功能需求文档和时间文档，用以描述初步目标的提出，假想可能的解决方案，预估资源等。在这个阶段，可将学生分为若干个讨论小组，假想自身作为企业，对为何要制作网页进行讨论分析，并对制作方向形成初步思路，形成材料文档。
（二）需求分析
本阶段，要关注企业网页的相关历史数据，基于企业网页制作本身，针对不同竞争对手、不同的行业特性做更详尽的资料收集和分析，清晰的分析相似网站的性能和运行情况，同时，这个过程中要关注主流，才能吸引大众。对学生的关键考核点是做必要的头脑风暴，学生能否拿出具有竞争力的分析报告，是交互设计在这个阶段的重要体现。
（三）用户访谈
在企业网页制作过程中，对于一些项目，建议学生能在项目初期寻求一些具体用户的信息，对一些用户属性做好定义，和“客户”交流，正确引导客户将自己的实际需求用较为适当的技术语言进行表达，要求学生主动介入访谈问卷的设定工作，并客观的参与用户调研报告的完成。理解用户，再思考合适的设计，能倾听用户的意见，但决不能盲从。
（四）需求修正
此前所做的需求分析和用户访谈都是为此而准备，这个阶段，要求学生进一步和需求方讨论研究需求的合理性、可行性，做出一定的分析判断，对功能需求文档、企业网页制作目标的设计重点进行明确，并将内容修正。在做到符合满意策略的前提下，不漏掉关键环节。
（五）设计草稿
通过草图设计，学生进入本课程的关键环节，这个阶段的交互对线框草图的形成至关重要。本阶段核心设计点在于需求修正阶段确认的设计重点，要求学生不匆忙着手设计。当学生在电脑前做设计的时候，会不自觉的考虑很多与设计本身无关的因素，而与设计本身联系紧密的因素却容易被忽略，笔和纸能让学生把心思放在设计上，完成此项步骤时不拍脑袋绘制，而是针对核心设计点做调研和分析，在头脑中形成一个即将制作的网页的大概印象，通过手绘出样稿形式，为下一步設计做准备。
（六）设计细化
在设计细化阶段，学生完成核心设计的详细说明，对企业网页制作过程的交互做整体说明。由此制作企业网页的雏形，并基本达到设计目标。在这个阶段，每一个细节都至关重要，尤其是网页页面的完成，学生在进行实操的过程中，教师在一旁进行必要的指导。
（七）“专家评审”
本阶段，交互设计体现在“听、说、想”这三个方面上，教师耐心的听学生讲述网页制作过程中的想法、做法，并做好相关评审记录，结合沟通的内容，确认最终网页制作的方向。学生之间也可以进行相互的“评审”，评审时间不宜太长，抓住关键点即可。
（八）设计优化
设计优化阶段，将网页线框图到核心设计的详细说明再进行一遍过程的完善，这个阶段的投入程度和输出物，直接影响到后续测试的效果，与最终的设计也息息相关。这个阶段可以作为此前除需求分析后各阶段内容再现。
（九）测试验证
一个优秀的网站，一定要测试，测试会提醒你，不是每个人的想法都和你一样，测试总是会有效果。这个环节能够帮助学生最后把关整个网页制作过程中交互设计的合理性，可以采用用户测试，将这个问题转换成测试者的一种认识，要求学生亲自跟进测试并给出最终的测试报告和评估报告，哪些地方是前期没有考虑周全的，哪些点是成功的，哪些点又是必须立即改进的等等……这个阶段要求学生用“鸡蛋里挑骨头”的精神，保证最佳的输出效果。测试是一个迭代的过程，不是做一次就可以了的，这也是要求学生进行数次测试的原因。
（十）完成设计
这是最后的设计阶段，根据前期的测试验证评估报告，要求学生对所有之前的输出物做一次严格的检查和修正，并完成企业网页的最后输出。
至此，交互设计式的网页制作课结束，回顾以下关键输出物：企业网页文件，功能需求目标确认文档、竞争分析报告、头脑风暴产出物、项目初期用户调研报告、核心设计点调研及分析报告、“专家”评审和评估报告、测试报告及页面线框图、核心设计点说明文档。
三、“交互设计”设计策略
（一）学生学习动机
学生常常对新颖的东西感兴趣，对运动变化的东西感兴趣，对相对矛盾的东西感兴趣，对美的东西感兴趣，对竞赛和游戏等感兴趣。依此，教师可以巧设悬念，使学生对交互设计式课程产生一种急于了解的心理，再通过引起认知冲突，引起学生学习的注意，适当开展学习竞赛，给予学生成功的满足，抓住学生的兴趣特点，提高学生学习的积极性，注重效果反馈，充分发挥反馈在学生学习中的作用，深化学生对交互设计式网页制作课程学习的动机。 （二）学生特点
学生作为学习活动的主体，其自身具有的特征都将对学习过程产生影响，因此，在教学设计上，要重视对学生特点的分析。在交互设计式网页制作课程中，学生对交互内容的认知、与师生的情感交流等都将对学习效果产生影响。在学习网页制作课程之前，适当对学生进行美学、信息处理等基本内容训练，从而在网页制作课程中达到一定的促进作用。课程学习中，教师也要注意流程设计的效果，保证交互设计的思想在网页制作课程的所有项目都得到体现，同时符合技工学校学生的特点，重难点能够区别开来，在把握好教材的基础上，高于教材，打造以学生学习为中心的交互设计式课堂。
（三）交互评价
笔者建议，建立学生、教师、家长、企业等共同参与、交互作用的评价制度，以多渠道的反馈信息促进被评价教师的发展，在学习过程中完成评价，并引进新的评价方式。本课程中，要重视对学生在构思、组织、语言和使用习惯、表达以及技术层面的考核，在交互式的教学过程中，重视教学者与学习者之间的相互支持和促进，对话在教学中显得尤为重要，这其中，要帮助学生对知识进行理解，有主题、有方向的对话，对教学内容独立运用的能力也要在这个过程中得到体现，这些可以一一体现在交互评价的内容中。
四、结束语
交互设计式教学过程是学生主動学习的一种教学思路，这要求在教学环节中对于任务设计、方式运用、交互过程进行等都适合学生能力及目标需求，教学过程中，不管是教师还是学生，都存在角色转换，在讲授知识的过程中，教师是“传道者”，继而在课程之中，学生是“主导者”，接着教师又成为“评估者”。教师必须非常熟悉网页制作的相关知识和技能，使得所有的交互在教学过程中都有落脚点、有抓手，并以培养学生的职业能力为出发点，培养学生团结合作意识，展开专业教学。而学生在整个学习过程之中，除了得到知识交互的能力提升，在人际交互能力也得到一定提升。
参考文献：
[1] Giles Colborne.简约至上：交互设计四策略[M].北京：人民邮电出版社，2012.
[2] Steve Krug.访客至上的网页设计秘笈[M].北京：机械工业版社，2006.
[3] 张洪斌 季春光 刘万辉.基于工作过程的网页设计与制作教程[M].北京：机械工业版社，2011.
【关键词】网页制作；交互设计
技工院校的人才培养，不仅要求学生完成人才目标的学习任务和技能要求，更重要的是，知识储备和技能要求必须得到就业岗位的认可。
一、技工院校网页制作课程教学现状
网页制作课程是技工院校计算机和电子商务专业的核心课程，这是一门操作性极强、注重知识与应用相结合的课程。目前，传统的教学观念上，强调教师的“教”，缺乏交互意识，同时也缺乏合理的交互设计，课堂上课件、教案泛滥，课程的活动基本没有经过完整的设计，把学生与内容的交互、师生之间的交互孤立起来，教师或学生自以为在完成任务的时候，却没有对学生的学习起到促进作用。
二、“交互设计”式网页制作课
交互设计是从“目标导向”的角度解决用户产品设计。在网页制作课程中，网页就是产品，是这门课程的输出物，课堂教学对结果负责，也是技工教育的目标之一。如何实现网页易用、有效而让人愉悦的目标，如何将目标用户的需求在网页制作过程中体现，本文以某企业网页制作为例，力求通过“交互设计”式的课堂，使学生在自己动手的实践中，掌握技能要求，学习专业知识，构建自己的知识经验和能力体系。
（一）需求获取
这一阶段输出物主要是企业网页的功能需求文档和时间文档，用以描述初步目标的提出，假想可能的解决方案，预估资源等。在这个阶段，可将学生分为若干个讨论小组，假想自身作为企业，对为何要制作网页进行讨论分析，并对制作方向形成初步思路，形成材料文档。
（二）需求分析
本阶段，要关注企业网页的相关历史数据，基于企业网页制作本身，针对不同竞争对手、不同的行业特性做更详尽的资料收集和分析，清晰的分析相似网站的性能和运行情况，同时，这个过程中要关注主流，才能吸引大众。对学生的关键考核点是做必要的头脑风暴，学生能否拿出具有竞争力的分析报告，是交互设计在这个阶段的重要体现。
（三）用户访谈
在企业网页制作过程中，对于一些项目，建议学生能在项目初期寻求一些具体用户的信息，对一些用户属性做好定义，和“客户”交流，正确引导客户将自己的实际需求用较为适当的技术语言进行表达，要求学生主动介入访谈问卷的设定工作，并客观的参与用户调研报告的完成。理解用户，再思考合适的设计，能倾听用户的意见，但决不能盲从。
（四）需求修正
此前所做的需求分析和用户访谈都是为此而准备，这个阶段，要求学生进一步和需求方讨论研究需求的合理性、可行性，做出一定的分析判断，对功能需求文档、企业网页制作目标的设计重点进行明确，并将内容修正。在做到符合满意策略的前提下，不漏掉关键环节。
（五）设计草稿
通过草图设计，学生进入本课程的关键环节，这个阶段的交互对线框草图的形成至关重要。本阶段核心设计点在于需求修正阶段确认的设计重点，要求学生不匆忙着手设计。当学生在电脑前做设计的时候，会不自觉的考虑很多与设计本身无关的因素，而与设计本身联系紧密的因素却容易被忽略，笔和纸能让学生把心思放在设计上，完成此项步骤时不拍脑袋绘制，而是针对核心设计点做调研和分析，在头脑中形成一个即将制作的网页的大概印象，通过手绘出样稿形式，为下一步設计做准备。
（六）设计细化
在设计细化阶段，学生完成核心设计的详细说明，对企业网页制作过程的交互做整体说明。由此制作企业网页的雏形，并基本达到设计目标。在这个阶段，每一个细节都至关重要，尤其是网页页面的完成，学生在进行实操的过程中，教师在一旁进行必要的指导。
（七）“专家评审”
本阶段，交互设计体现在“听、说、想”这三个方面上，教师耐心的听学生讲述网页制作过程中的想法、做法，并做好相关评审记录，结合沟通的内容，确认最终网页制作的方向。学生之间也可以进行相互的“评审”，评审时间不宜太长，抓住关键点即可。
（八）设计优化
设计优化阶段，将网页线框图到核心设计的详细说明再进行一遍过程的完善，这个阶段的投入程度和输出物，直接影响到后续测试的效果，与最终的设计也息息相关。这个阶段可以作为此前除需求分析后各阶段内容再现。
（九）测试验证
一个优秀的网站，一定要测试，测试会提醒你，不是每个人的想法都和你一样，测试总是会有效果。这个环节能够帮助学生最后把关整个网页制作过程中交互设计的合理性，可以采用用户测试，将这个问题转换成测试者的一种认识，要求学生亲自跟进测试并给出最终的测试报告和评估报告，哪些地方是前期没有考虑周全的，哪些点是成功的，哪些点又是必须立即改进的等等……这个阶段要求学生用“鸡蛋里挑骨头”的精神，保证最佳的输出效果。测试是一个迭代的过程，不是做一次就可以了的，这也是要求学生进行数次测试的原因。
（十）完成设计
这是最后的设计阶段，根据前期的测试验证评估报告，要求学生对所有之前的输出物做一次严格的检查和修正，并完成企业网页的最后输出。
至此，交互设计式的网页制作课结束，回顾以下关键输出物：企业网页文件，功能需求目标确认文档、竞争分析报告、头脑风暴产出物、项目初期用户调研报告、核心设计点调研及分析报告、“专家”评审和评估报告、测试报告及页面线框图、核心设计点说明文档。
三、“交互设计”设计策略
（一）学生学习动机
学生常常对新颖的东西感兴趣，对运动变化的东西感兴趣，对相对矛盾的东西感兴趣，对美的东西感兴趣，对竞赛和游戏等感兴趣。依此，教师可以巧设悬念，使学生对交互设计式课程产生一种急于了解的心理，再通过引起认知冲突，引起学生学习的注意，适当开展学习竞赛，给予学生成功的满足，抓住学生的兴趣特点，提高学生学习的积极性，注重效果反馈，充分发挥反馈在学生学习中的作用，深化学生对交互设计式网页制作课程学习的动机。 （二）学生特点
学生作为学习活动的主体，其自身具有的特征都将对学习过程产生影响，因此，在教学设计上，要重视对学生特点的分析。在交互设计式网页制作课程中，学生对交互内容的认知、与师生的情感交流等都将对学习效果产生影响。在学习网页制作课程之前，适当对学生进行美学、信息处理等基本内容训练，从而在网页制作课程中达到一定的促进作用。课程学习中，教师也要注意流程设计的效果，保证交互设计的思想在网页制作课程的所有项目都得到体现，同时符合技工学校学生的特点，重难点能够区别开来，在把握好教材的基础上，高于教材，打造以学生学习为中心的交互设计式课堂。
（三）交互评价
笔者建议，建立学生、教师、家长、企业等共同参与、交互作用的评价制度，以多渠道的反馈信息促进被评价教师的发展，在学习过程中完成评价，并引进新的评价方式。本课程中，要重视对学生在构思、组织、语言和使用习惯、表达以及技术层面的考核，在交互式的教学过程中，重视教学者与学习者之间的相互支持和促进，对话在教学中显得尤为重要，这其中，要帮助学生对知识进行理解，有主题、有方向的对话，对教学内容独立运用的能力也要在这个过程中得到体现，这些可以一一体现在交互评价的内容中。
四、结束语
交互设计式教学过程是学生主動学习的一种教学思路，这要求在教学环节中对于任务设计、方式运用、交互过程进行等都适合学生能力及目标需求，教学过程中，不管是教师还是学生，都存在角色转换，在讲授知识的过程中，教师是“传道者”，继而在课程之中，学生是“主导者”，接着教师又成为“评估者”。教师必须非常熟悉网页制作的相关知识和技能，使得所有的交互在教学过程中都有落脚点、有抓手，并以培养学生的职业能力为出发点，培养学生团结合作意识，展开专业教学。而学生在整个学习过程之中，除了得到知识交互的能力提升，在人际交互能力也得到一定提升。
参考文献：
[1] Giles Colborne.简约至上：交互设计四策略[M].北京：人民邮电出版社，2012.
[2] Steve Krug.访客至上的网页设计秘笈[M].北京：机械工业版社，2006.
[3] 张洪斌 季春光 刘万辉.基于工作过程的网页设计与制作教程[M].北京：机械工业版社，2011.