项目6 移动端““茶物语”App产品交互设计开发-备课笔记.docVIP

项目六：移动端“茶物语”App产品交互设计开发

一、课程说明与要求

1.课程性质与考核方式说明

教师首先自我介绍。然后说明本课为考查课，平时成绩和期末成绩各占总成绩的50%，平时成绩主要通过平时作业（作品）的形式评定，还要兼顾考核出勤、学习态度、课堂表现等因素；期末考试是在课程的最后两次课采取限时命题创作的形式，全面考核课程知识的综合运用。

2.课程说明

《数字媒体交互设计》共分为网页交互设计、App交互设计、VR交互设计三方面的内容。

本课程是以理论为基础的实践导向型课程,所传达的课程内容围绕“以人为本”的设计原则，重点讲述人机交互的基本概念和重要意义以及发展历程、软件系统的人机交互设计原则和方法、网络系统的人机交互设计原则和方法、移动端应用人机交互技术、人机交互开发工具与环境等理论内容；简要介绍人机交互的认知心理学、计算机硬件的人机交互设计、人机交互技术的发展趋势,并培养学生利用交互设计工具制作做实际交互作品原型的能力。

3.组织签到及建立班级课程微信群

组织学生使用学习通进行签到。然后使用微信面对面建群，说明本群作为课程的相关通知发布、知识答疑和作品交流使用，同时欢迎同学们及时在群里反馈对课程教学方面的意见和学习感想，提醒老师及时调整适合同学们的授课方式。

4.工具材料准备说明

本课的实践技能训练阶段，需要同学在手机或者是计算机中下载好行业需求分析文档，教师将所需准备资料发到微信群中。

资料类型与名称

备注

行业需求分析报告文档

每个小组一份

二、学情分析与课程导入

1.学情分析

本课程授课对象为艺术专业学生，是在艺术专业中设立的一门逻辑思维较强的设计类课程，需要学生在学习过程中，对美术设计与逻辑设计内容进行一定程度上的融通。作为一门实践性较强的课程，针对学生对当前市场应用需求普遍认知不强，或有较多偏差的情况，强调进行引导教学，融入市场多元化理念。另一方面，学生对未来的市场应用有信心，对所选择的专业感兴趣，获取知识的主动性较强。

2.课程导入

本项目主要通过移动端“茶物语”产品交互设计开发讲解，了解使用原型设计工具AdobeXD软件来进行移动端“茶物语”产品交互设计开发的流程与方法，通过本项目的学习，读者可以掌握使用AdobeXD进行原型交互设计时AdobeXD软件中基本工具的使用方法，通过认真学习本项目读者可以达到使用AdobeXD进行原型交互设计的能力，满足使用AdobeXD原型交互设计的基本素质要求，继而在工作中体现自己的社会价值。

三、理论知识讲解

（一）移动端“教学助手”App产品交互设计开发项目背景分析

茶饮行业是一个利益比较高的行业，当代年轻人无论在上班、逛街、或者出去玩时，都钟爱喝一杯奶茶来放松自己。如今奶茶店在很多一线城市里面也是遍地开花，开发一款奶茶App也能够让茶饮店铺在市场中出类拔萃。

（二）移动端“茶物语”App产品交互设计开发项目需求分析

App移动端“茶物语”产品交互设计开发项目主要从目标用户、产品特点、功能需求等方面进行需求分析。

1.目标用户

适用广大奶茶爱好者。

2.运行环境：

安卓移动端。

3.App移动端“茶物语”软件产品特点

更方便：消费者可以通过在软件上面选择自己心仪的奶茶下单，相比传统行业需要到店消费的方式，提供了更多的便利性。

增加回头率：奶茶App可以通过各种折扣满减或者限时促销活动，提高用户的回头率。

更加灵活：如果商家有多家奶茶门店，那奶茶App可以帮助您同步各个门店的用户信息，更加灵活。

4.App移动端“茶物语”需求分析

奶茶推荐：无论是新品上架，还是用户习惯，App都能够在第一时间为用户进行推荐。

奶茶分类：为用户提供专门的在线分类功能，将不同类型的奶茶进行分类，以便用户更好的进行获取自己想要的奶茶，提高奶茶获取便捷性。

奶茶评价：当用户对指定奶茶品尝之后，便可以对该奶茶进行相应的评价，每一个评价都能够成为其它用户判断选择的标准。

促销活动：商家可以定期举办各种促销活动，设置哪些爆款奶茶可以参与秒杀，不仅可以制定营销策略，也可以清理库存商品。

优惠券：商家可以发出折扣或者满减的优惠券，并设置优惠券仅限的奶茶品种，吸引消费者来抢优惠券的同时也能提高下单率。

扫码点餐：有些新用户不知道可以线上点餐的时候会到线下购买，我们可以提供扫码点餐的服务，也能减少更多的人力成本。

订单配送：只要在线下单之后，系统就会自动生成相应的订单，让用户能够实时关注配送情况。

会员功能：与传统会员服务不同的是，线上会员能够提供更加全面、更加精准的会员服务。

个人中心：消费者在个人中心中可以查看自己的消费记录和消费积分，也可以查看自己的优惠券信息。

（三）AdobeXD概述

1.AdobeXD的基础操作

当启动这个应用时，欢迎页面提供不同标准屏幕尺