《Axure RP 9网站与App产品交互设计实践》课件 教学大纲2024版-新媒体产品设计与项目管理

《新媒体产品设计与项目管理》课程教学大纲课程代码：课程类别：学分/学时：2/32考核方式：考查开课学期：开课单位：适用年级专业：成都锦城学院课程教学大纲学情调查通过与辅导员老师及其他任课教师的沟通、学生访谈、问卷调查等形式，掌握并阐明该教学大纲针对的学生在认知风格、动机与兴趣、心理状况、知识基础、学生差异性、发展性与社会性等方面的总体情况。分析本专业最新的科技发展情况以及就业方向、岗位要求等情况。明确学生自身特征和影响学习过程的外部因素，并在此基础上制定教学大纲。一、课程教育教学目标：教育教学目标的表述要清晰、具体、可衡量。明确本课程的教学分别促成学生达到怎样的知识目标（掌握什么核心知识）、能力目标（能够解决怎样的问题）和素质目标（思想和思维发生怎样的转变）。如何结合课程思政实现立德树人的育人目标。（一）本课程目标本课程主要以AxureRP9原型设计软件作为学习平台，让学生掌握交互原型设计实践必备的基础知识与基本设计能力。通过本门课程，学生应能够快速创建APP移动产品或Web网站的流程图、交互原型。本课程要求通过本课程的学习，每一位学生要掌握以下知识要点：理解交互原型设计概念、设计原则；理解交互设计与交互原型的关系；AxureRP9.0工具的安装及使用；通过案例的学习，掌握Axure9.0软件各要素的学习，为独立设计出高保真交互原型打下坚实基础。每学习一个阶段，需要交付个人原型设计图；最后以团队共享协作的方式交付高保真交互原型设计图及说明文档。知识要求能力要求思维培养非认知能力通过本门课程的学习，让学生掌握Axure9.0图形图像元件、文字处理、流程图、事件、用例与动作、动态面板、表单、变量与函数、插入条件，以及自适应视图等基本操作。根据产品经理工作场景搭建规范的产品原型；学习交互效果从0到1的制作过程，制作中、高保真原型效果。熟练运用该原型设计软件，掌握制作交互原型图时的各种技巧，并独自解决问题的能力，后期协作设计原型时，锻炼学生的团队精诚合作、团队间沟通以及解决问题的能力。以团队的方式发布最终的交互原型设计工作任务，并能够以正确的通过Axure9.0作为沟通平台，制定工作计划、时间计划以及学习计划，并能让每个成员能学到知识，做好自己的任务。团队协作能力；交流沟通能力；组织领导力；责任心；行商、情商培养。二、课程的地位作用本课程要求以下课程作为前导性课程：《网页设计与制作》、《界面设计》。所谓原型，就是根据产品的实际需求做出来的Demo。根据调查报告显示，大约66%的软件开发不是失败，就是超预算、延期或交付缩水的功能。项目失败或亏损的前三大原因为：缺乏使用者的参与、需求或规格不完整以及需求或规格变更。制作原型能够有效的简化文档编制、吸引使用者参与、早期辨认需求遗漏、降低迭代周期。需求分析应该在制作交互原型之前完成，通过制作完成的交互原型，可对核心需求查漏补缺。原型与交互是从属关系。原型设计是交互设计师的职责范围，也就是说交互设计包含原型设计。目前，软件行业对交互原型设计师并没有明确岗位，一般来讲，都是由交互设计师，或者产品经理等岗位人员做原型设计。掌握交互原型设计技术几乎是为做交互设计打下坚实基础。三、课程主要内容及课时分配构建出课程的知识体系图，让学生清楚地知道本门课程的基本知识体系框架。按单元章节或专题设计出具体教学内容提纲要点，明确各内容版块的重难点和课时。完成以下总体课时规划：理论知识课14课时实验实训课14课时习题（含课程论文）课课时讨论课课时辅导答疑课课时阶段性测验课时课程设计（大型作业）4课时课程拓展课时机动课时合计课时周次教学内容学时阶段教学方法能力要求思维培养学习状态引导1课程介绍教学大纲及考核方式介绍第1章交互设计概述1.1相关术语1.2产品交互设计的流程1.3原型设计的工具2初阶讲授法+PPT理解，记忆接受性思维，演绎性思维听讲，记笔记，主动回答问题2第2章初识AxureRP92.1认识AxureRP9界面2.2文件的常用操作2.3创建第一个项目：“站点地图”2初阶讲授法+PPT理解，记忆接受性思维，演绎性思维听讲，记笔记，主动回答问题3第3章AxureRP9基本和表单类元件3.1元件及元件库3.2元件的基本操作3.3基本元件2初阶讲授法+PPT理解，记忆接受性思维，演绎性思维听讲，记笔记，主动回答问题43.4表单元件案例演练：仿百度注册界面原型设计2中阶案例教学法、项目驱动法举一反三，一般的、单项的问题解决关联性思维，迁移性思维能主动提出问题与老师或其他同学交流5AxureRP9形状和图片类元件4.1形状元件4.2图片元件案例演练：仿百度注册界面原型设计2中阶案例教学法、项目驱动法举一反三，一般的、单项的问题解决关联性思维，迁移性思维能主动提出问题与老师或其他同学交流6AxureRP9交互基础5.1事件5.2用例5.3动作案例演练：完善百度注册界面中的简单交互功能2高阶案例教学法、项目驱动法举一反三，一般的、单项的问题解决关联性思维，迁移性思维能主动提出问题与老师或其他同学交流7AxureRP9动态面板（翻转课堂）6.1动态面板简介6.2动态面板的事件和动作案例演练：轮播图交互效果2高阶项目驱动法，翻转教学法、慕课多方案、复杂问题解决批判性思维、创造性思维深度学习，复杂推理，能够进行创新创造、质疑批判8AxureRP9内联框架7.1内联框架简介7.2内联框架的基本操作案例演练：原型中实现视频点播2中阶案例教学法、项目驱动法举一反三，一般的、单项的问题解决关联性思维，迁移性思维能主动提出问题与老师或其他同学交流9动态面板和内联框架的联合使用（翻转课堂）案例演练：移动设备中长页面的切换2高阶项目驱动法，翻转教学法、慕课多方案、复杂问题解决批判性思维、创造性思维深度学习，复杂推理，能够进行创新创造、质疑批判10-11AxureRP9中继器8.1中继器的简介8.2中继器的基本操作案例演练：仿微信聊天列表信息交互设计（翻转课堂）4高阶案例教学法、项目驱动法举一反三，一般的、单项的问题解决关联性思维，迁移性思维能主动提出问题与老师或其他同学交流12第10章AxureRP9团队项目管理10.1团队项目简介10.2创建团队项目2中阶案例教学法、项目驱动法举一反三，一般的、单项的问题解决关联性思维，迁移性思维能主动提出问题与老师或其他同学交流13-14第11章案例实战：移动APP/桌面端门户类网站原型设计11.1产品的概念与定位11.2产品的需求分析11.3产品的功能模块分析11.4产品主要页面的原型设计4高阶项目驱动法，翻转教学法、慕课多方案、复杂问题解决批判性思维、创造性思维深度学习，复杂推理，能够进行创新创造、质疑批判15-16团队小组作业课堂分小组演示作业，并做评价4高阶项目驱动法，翻转教学法、慕课多方案、复杂问题解决批判性思维、创造性思维深度学习，复杂推理，能够进行创新创造、质疑批判四、课程低、中、高阶教学的顶层设计和规划按照我校“一基两轴三阶递进”高阶教学框架，以概述或图表的形式，设计好本门课程的低、中、高阶教学内容版块，在低中阶的基础上设计有挑战性的内容，逐步培养学生的高阶能力。五、课程的实践环节（实验、实训、实习等）安排围绕应用型人才的培养目标，设计本门课程的科学实验项目、校内外实训项目、实习项目，以及理论联系实际的课堂训练项目等实践环节。序号项目名称对应章节内容及要求目标及成果课时地点计划实施周次1KF网流程图第二章主要学习线框图、流程图部件的使用绘制准确流程图，提升设计效率1实验室22仿百度注册界面原型设计第三章练习基本元件库以及表单等元件的使用完成注册界面设计，掌握元件应用1实验室33仿百度注册界面原型设计第四章练习图形元件以及图像等元件的使用增强界面美观度，提升用户体验2实验室34仿百度注册界面原型设计第四章基本交互的使用实现界面交互，增强用户互动2实验室45轮播图交互效果第六章学习动态面板的基本功能的使用，并学会动态面板的切换效果制作动态轮播图，提升视觉吸引力2实验室56原型中实现视频点播第七章使用内联框架集成视频点播，丰富内容形式2实验室67仿微信聊天列表信息交互设计第九章动态面板和内联框架的联合使用、使用中继器完成聊天列表交互，提高信息展示效率2实验室78“KF网”门户原型设计第十一章综合运用完成门户原型，实现功能整合2实验室8六、课程教材及延伸阅读和拓展所有课程均应按学校相关要求选用教材。同时，在教材基础上设计延伸阅读的书目或其他文献及影音资料，根据课程的进度推荐学生阅读学习，不断拓展本课程、本专业涉及的行业前沿应用和发展现状，追踪新技术前沿，并融合到课程教学中。教材：郑伟，王向军.《AxureRP9网站与APP产品交互设计实战》，西南交通大学出版社，2023年3月。推荐读物：管俊睿著，《AxureRP9高保真原型设计实例教程》，电子工业出版社，2020年7月本书实际上是一套关于Axure“从入门到精通、从理论到实践、从传统静态线框原型到动态交互高保真原型”的整体解决方案。作者想通过本书传达给读者的是，想要在“自个儿的圈子里”做得更好，掌握高保真原型的设计思路、方法以及制作、设计技巧，不失为一种聪明的做法。龙思思，《新媒体产品设计与项目管理》，中国人民大学出版社，2021年8月全书将新媒体产品设计置于我国网络技术和新媒体产业发展的宏观背景下进行讨论，从中国网络技术的发展史出发，帮助学生了解新媒体产业发展的宏观市场背景；继而进入中观层面，剖析新媒体产品的概念，并带领学生走进新媒体产品经理这一新兴岗位；最后落脚至微观层面，沿着新媒体产品设计的工作流程，通过剖析新闻传媒、运动健身、外卖等多领域的数十个产品案例，深入学习相关工作所需要的七大技能，完成产品经理入门第一课。阿西UED，《交互设计那些事儿》，电子工业出版社，2016年本书是一本关于交互设计的入门书，主要介绍交互设计从业人员的工作场景，工作内容，协同工作方式，以及需要掌握的基础技能。本书的每个章节都是相互独立的，可以按照任何顺序阅读。[美]AndyPratt&JasonNunes,《交互设计——以用户为中心的设计理论及应用》,电子工业出版社，2015年本书没有按部就班地对“怎么设计”进行讲解——其中部分原因是，作者认为没有一个可以完美概括所有设计的方法。相对地，作者将着重介绍能够将以用户为中心的设计与实际操作相结合的成功的交互设计项目。并且探讨这些项目的内容，以及为什么在这些设计中能够诞生成功的产品。由方，王建民，肖静如,《交互设计——设计思维与实践》，电子工业出版社，2017年本书以交互设计的理论方法为主线，建立正确的认识论和方法论，通过六个步骤从三个角度介绍交互设计的流程和思维方法。六个步骤主要涵盖市场调研与设计研究、用户研究、商业模型与概念设计、信息架构与设计实现、涉及评估与用户测试、系统开发与运营跟踪。[美]RussUngerCarolynChandler《UX设计之道》（第2版），人民邮电出版社，2015年本书主要讲解用户体验设计。随着UX角色开始承担更多责任（内容策略、研究、启动会议、设计、原型、用户测试，等等），有时会很难决定从哪里开始。在这本书里，虽然没有包罗万象，但你可以为你的起步找到基础开始的地方。七、教学方法和技术手段启发教学、案例教学、问题导向、项目驱动、情境教学、以赛促学、头脑风暴、线上线下混合式教学等“锦城教师八大教学法”以及其它教学方法在相应教学版块中的运用。本课程需要的教室、软件、工具等技术和环境支持，鼓励在教学中使用AI等新技术工具。教学方法：1.问题导向法：目的是使学生获得知识、获得解决问题的技能，鼓励学生发展自我学习的能力、评判思维的能力。通常以讨论课和视频教学的方式展开。2.案例教学法：目的是通过案例教学可以让学生更加直观的了解所学知识点应该如何应用在实际中。通常在讲授课中开展。3.项目驱动法：目的是通过引入实际项目，使学生熟悉制作交互原型的完整流程，锻炼学生的实践动手能力。通常在期末以课程设计的方式开展。4.任务教学法：学生在教师的指导下，积极参与到预设任务的完成中，通过对任务的分析，找出其中已掌握的知识，未掌握的知识，并选择合适的解决办法完成新知识的掌握，进而完成知识的建构。教学手段：1.讨论课：目的是通过小组学习机制促使学生掌握自己学习知识，解决问题的能力，并通过课上讨论的形式对知识的理解更加深刻。通常采用布置题目，课下完成，课上讨论的方式；或是在实验环节中针对普遍出现的问题随机开展。2.课前测验：目的是通过课前测验促使学生形成课后复习的好习惯。通常在采用随机抽问和提交问卷的方式。3.视频教学：目的是通过课下自学视频的方式督促学生预习和复习，同时方便老师在课堂上针对普遍存在的问题和重难点知识点进行详细讲解。通常采用提前布置，课上随机抽查的方式。4.翻转课堂：课前在线观看视频讲解，课堂上测验点评，目的是让学生多参与，多动手实践操作，同学间多沟通，老师作引导的方式更能锻炼学生学到技能。八、课程的评价考核课程考核和成绩评定应坚持目标明确、标准科学；坚持全程式、多样式，坚持有利于调动和激发学生的学习热情，有利于学习和掌握本课程知识。有利于培养学生高阶能力和综合素质。考核评价原则实行“三个结合”。一是在考核方式上，过程考核和期末考核相结合，平时成绩和期末成绩并重，突出过程管理；二是在考核形式上，标准答案和非标准答案相结合，设计适量的开放性题目；三是在考核内容上，课堂内容与课外读物相结合，有一定比例的内容来自推荐读物。1、形成性评价：平时成绩100分，其中包括：考勤、课堂表现（20%），旷课一次扣5分，旷课超过4次的，作不及格处理。课堂回答问题得0~2分，翻转课堂得0~5分；在线参与一个讨论积2分，得赞积1分；在线视频观看、资料阅读等任务得0~10分，总分不超过20分。阶段测试（30%），4次，内容主要为专业理论知识。作业（20%），6次，内容主要为操作实践，包括网站地图、基本元件、\o"百度注册界面原型设计"百度注册界面原型设计（表单元件）、动态面板实现图片自动轮播、利用内联框架