高职院校UI交互设计课程教学内容创新与探索

2022-02-25 00:24马金立黄宇潇
科技信息·学术版 2022年8期
关键词:创新思维探索高职院校

马金立 黄宇潇

摘要:科技的不断进步与人们日益增长的需求,对于高职院校UI交互设计人才的培养工作也提出新的要求。UI交互设计人才需掌握更多软件及理论知识而非仅停留在理论阶段,同时更多的应将理论通过软件实践并运用于实际。本文基于科技快速发展的时代及数字媒体技术大发展的背景,对高职院校培养UI交互设计类人才的教学内容与方法进行探索并在探索中寻求创新。提出以用户调研及多种软件教学为主导,以理论教学为辅的教学方法是实现高职院校培养学生技能和理论知识互相结合的一种有效教学方法并在教学中引导学生形成创新创意思维。

关键词:UI交互设计,创新思维,高职院校,探索

一、UI交互设计概述:

UI即为用户界面(User interface),UI交互设计(UI interaction design)是指对软件的人机交互和操作逻辑以及界面美观的整体设计,其主要目的是为了使得软件操作简单便捷,界面美观以及具有鲜明特点。“以用户体验为主要导向“是整个UI行业的核心理念。

二、当前UI交互设计师的需求

UI交互设计师,不仅仅从事美术绘画,更需要对软件使用者,使用环境,使用方式进行定位,并最终为软件用户服务。设计从工作内容上来说分为3大类,即研究工具,研究人与界面的关系,研究人。与之相应,UI交互设计师的职能大体包括四大方面:一是图形设计,即传统意义上上的美工,承担软件产品的界面设计。二是交互设计,主要在于设计软件的操作流程;树状结构,操作规范等。一个软件产品在编码之前需要做的就是交互设计,并确立交互模型和交互规范。三是用户测试/研究,其目的在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户文件的形式衡量UI设计的合理性。四是UI界面动效设计,旨在为客户和老板和程序员等提供动态效果的展示,使得产品可以更好的宣传也使得在于程序员沟通中可以更好的演示所需效果以使得后期编程达到预期。

三、探索高职院校UI交互设计课程的教学内容创新

3.1 传统高职院校UI交互设计课程的教学内容。

传统数字媒体专业课程中的UI交互设计课程涵盖图像界面设计(GUI),传统美术设计(AUI),web界面设计(WUI)和移动设备界面设计(MUI)。由此可见传统UI交互设计课程直接教导学生UI界面设计,而忽视了交互设计,使得课程成为了平面设计类专业课程而非数字媒体类专业课程。学生所掌握的没有交互设计的软件技能部分而仅为平面设计的软件技能部分。部分数字媒体专业课程中的UI交互设计则新增教导Axure rp软件制作动效,以更好的符合市场需求。

然而随着科技的日新月异,传统的以平面界面设计为主,以Axure rp 制作动效和平面设计软件为辅的教学内容已经无法满足目前市场的需求。

3.2 高职院校UI交互设计课程的创新探索

在传统高职院校的UI交互设计课程中加入前期用户调研,中期用户调研,后期用户调研,将调研贯穿整个设计和课程中,使得学生的设计可以更好的符合用户需求也使得学生掌握适应企业对于UI交互设计师所需掌握的用户测试/研究的要求。前期调研即用户画像与用户定位调研,旨在定位app的功能等,目的在于为做低保真原型图奠定基础;中期调研即app界面布局,界面颜色,交互方式调研,旨在为做中保真原型图和基础动效奠定基础;后期调研即app交互效果和方式的调研,旨在为最后制作高保真原型图和完善app最后动效提供数据支持。

学生到此应已具备图形设计和用户测试/研究的能力,但还需增加交互设计和UI东西设计能力。在传统高职院校UI交互设计课程中仅有Axure rp软件的学习,这显然不够,应在此基础上添加教导学生使用sketch 软件制作app图标与logo;使用adobe xd或principle完善app动效;使用墨刀快速制作app低保真原型图,并使用Axure rp或AI,PS,CDR制作不同界面的流程图(例如:启动登入注册页流程图,一级页面流程图,二级页面流程图,设置页面流程图等)。

以上是软件技能的掌握,然而学生的思想也需要创新。高职院校学生的创新能力较弱,掌握大量技能但思维停滞在抄袭参考阶段。为此,应加强学生创意思维的锻炼。首先,放射性思维和多向思维,给予学生自由发挥的机会,学生可自由选题并制作属于自己的app,而不是教师指定题目或给予模版,学生可围绕一个中心,在与之相关的领域内寻找一切有关的信息,学生也可不同角度看待自己的app。其次,换元思维,学生进行单人和小组头脑风暴,用以交换思维,开阔学生的思维,可使得学生发现自我思维之外的创意,为app的功能和界面创新提供支持。最后,教师给予学生部分优秀案例参考,这可使得学生将自我思维与优秀产品案例给予的灵感相互融合,技能与实践相结合。

四、 探索高职院校UI交互设计课程的教學步骤创新

通过高职院校UI交互设计课程的内容创新高职院校UI交互设计课程的教学步骤。

(一)第一应为定位app,首先进行初期调研寻找市场和用户痛点并构思最初app的主题并在之后从用户年龄,用户喜好,用户习惯等方面进行初期用户调研,以此为作为用户画像的理论数据支撑再而成为app构思和低保真原型图制作的理论数据支持。在这阶段的理论教学部分主要针对用户对象和用户心理的研究,在实践教学部分主要针对用户体验的研究实践教学,侧重点在于市场和用户需求的调研。

(二)第二应为app构思和低保真原型图制作以及Logo制作以及Slogan的制作,并在低保真原型图制作完成后进行中期调研,主要调研用户对页面布局;页面颜色;app功能的喜好程度和建议。这一阶段的理论教学部分针对字体,内容以及页面布局做出初步设计,实践软件教学主要应以墨刀,Axure rp以及AI,PS,CDR等制作页面低保真原型图和logo。

(三)第三应为app中保真原型图制作以及中后期用户调研。旨在让学生基本完成app界面设计并开始着手进行中后期调研。在中后期调研中,主要调研用户对于动效的喜好与习惯,以及app界面仍需修改的部分,为后期制作高保真app奠定基础。这部分的理论教学侧重于用户心理和习惯研究,实践教学部分以AI,PS软件为主的界面设计。

(四)第四,学生可开始进行app界面设计的最后完善以及app动效的设计。这部分重点在于动效软件的设计,教导学生使用Axure rp;Aodbe Xd;Principle软件制作app的UIj交互动效,以此用以较好展示其app的效果与交互样式。在完成app高保真制作后,将其app通过Axure rp;Adobe Xd;Principle软件的共享功能(手机,电脑共享)分享给用户,并让用户在体验中反馈意见与建议,学生以此进行最后的后期用户调研,收集用户相关数据,如:交互样式,交互效果等,并以此数据进行修改,最后完成课程。

(五)项目评价

项目完成后,学生以个人为单位展示各自的app界面设计;动效设计;设计理念;用户调研报告,结论等,让同学们相互欣赏彼此作品,并发表自我建议和意见,进而进行评分。学生的学习评价以完成项目的情况为依据,具体分为二级考核:学生互评,教师总评。除此之外,还可邀请企业UI交互设计从业人员或高管参评。综合两或三个评定情况来确定每一名学生的学习评价。课程考核中引入企业标准,实现与用人单位的需求零距离对接。

(六)比赛与企业实践

项目评价完后,可鼓励学生将所设计app运用Principle,Adobe Xd, Adobe Ae等软件将app制作成视频并参与UI交互设计app类比赛或将app界面单独参加比赛,用以鼓励学生在设计中可以更好将思维与设计的融入实践同时提升学生对于项目设计的积极性与专注性。除此之外,尝试引入企业标准与所需将学生的app与用人单位的需求实现零距离对接,使学生在设计中了解和学习工作的标准与要求,在毕业后更好的融入工作环境和需求中。

五、实施成效

以用户调研及多种软件教学为主导,以理论教学为辅的教学方法在数字媒体技术专业课程中,可以使得学生将他们在课堂上所学的知识较好的在实战中运用并较好的了解市场和用户的需求。这是适应以“就业为导向,以服务为宗旨,走产学研结合道路”所探索出的一条全新的且切实可行的教学途径。学生在自我项目设计执行过程中不断锻炼他们的专业技能和学习调研能力,积累实战经验,使他们将更加符合企业对UI交互从业人员的需求。

六、总结与思考

以用户调研及多种软件教学为主导,以理论教学为辅的教学方法是实现高职院校培养学生技能和理论知识互相结合的一种有效教学方法。对于学校,要深入挖掘产学研相结合的长效机制,积极鼓励培养双师型人才队伍,加强校企合作,切实提高UI交互设计从业人才的培养质量。

参考文献:

[1] 张哿.UI交互设计流程的探索与教学实践 [N] .科技论坛. 2016-09-28

[2] 張军.网页设计课程中关于UI设计教学的探索体会[N].湖北美术学院学报期刊. 2009-11-4

猜你喜欢
创新思维探索高职院校
在经济新常态下地方本科院校大学生创新创业教育研究
社会转型期行政权控制的路径探索
房地产项目策划课程案例教学探索与实施
巧用“错误”激活数学课堂的实践与思考
培养职校生创新思维能力的研究
“创新人才培养模式”下的实验教学改革探索
高职院校创新创业教育初探
全球化背景下高职院校韩语专业毕业生就业现状分析
多元智能理论视角下高职院校体育课程评价体系的研究
浅谈财务管理存在的问题及完善措施