浙江绿茶文化的APP界面设计研究

胡熠蝶，李 宣

（浙江农林大学艺术设计学院，浙江杭州311300）

绿茶文化作为浙江传统文化的代表之一，受地域等因素的限制，其传播方式较为传统单一，而在新媒体技术日益发展的当今社会，若仅仅依靠传统的传播方式，无法使浙江绿茶文化得到广泛的认知和发展。在当前移动“互联网+”的大潮下，浙江绿茶文化只有顺应潮流，借助数字技术的优势，才能得到更好的传承、传播和发展。APP 作为近年来炙手可热的移动互联网媒介，给浙江绿茶文化提供了强有力的支撑，拓宽了浙江绿茶文化传播的渠道和途径，同时也为浙江绿茶文化爱好者提供一种基于移动互联网的文化体验。

1 绿茶文化APP发展现状

从古至今，浙江绿茶文化代表的内容在不断变换，浙江绿茶文化发展至现代社会，又有了新的内涵和发展，依靠传统的口口相传、纸质传媒已经不能满足新时代需求，如何与以APP为首的新兴移动互联网媒介的结合值得进一步探索。

笔者针对现有的与绿茶、绿茶文化相关的APP 进行调研分类，发现单独针对绿茶这一类别进行开发应用的APP相对较少，因此笔者将调研范围扩大到茶相关，调研结果如表1：

表1 茶类APP调研表

与茶相关的APP，整体数量并不多，这些APP的用户群体多是以中老年及茶文化爱好者为主，其目的主要是希望能够优惠购买正宗茶品以及获得茶叶选购及冲泡方面的指导。笔者针对上述APP 均进行使用体验，从APP 的功能与界面设计角度进行归纳分析如下：

单纯关于茶文化的资讯科普类APP 相对来说数量较少，且在其界面设计中茶文化属性体现不太明显。茶叶营销购物类的APP 开发数量相对较多，但这类APP 的界面设计与一般的购物APP 区别不大，茶文化属性同样体现不足。其中一些茶类相关购物APP在购物的基础上适当添加了一些资讯分享与交流等模块，方便用户了解茶业资讯与交流互动，但整体功能仍是以购物为主，且界面设计也未体现茶元素，交互体验也有待提升。

2 绿茶文化APP界面设计流程构思

笔者拟将绿茶文化类APP 界面设计流程分为三个环节，即用户分析、界面设计、评估优化。

2.1 用户分析

设计要以用户为中心。市场研究和用户需求的分析是浙江绿茶文化APP 设计过程中的第一步，在此阶段充分了解绿茶文化类APP 的市场情况，同类竞争产品的优势与劣势以此确定浙江绿茶文化APP 的产品定位以及用户的需求，并勾画出目标用户画像，这对于后续APP界面具体设计具有重要意义。

图1 APP界面设计流程图

当今时代任何互联网产品如果脱离了市场的基本需求那么就不存在产品运营的可能。因此在绿茶文化APP 设计开发之前，需要进行相关市场调研，把握茶文化类APP 市场可能趋势，同时也要做好相关竞品分析。竞品分析的根本目标是通过一切可获得的信息来查清竞争对手的状况，对其界面设计竞争优势所在，可以适当的加以借鉴运用，而其界面设计薄弱之处则可以转化为自身的特色，做好竞品分析可以帮助设计出有差异化的绿茶文化类APP。从同类茶文化类APP 的市场反应，获知其在市场上所处的位置、设计思路及设计形式和优势所在，当然关键在于找出同类APP尚无法满足用户需求的地方。

一款成功的APP 开发产品，其产品的定位是极其重要的，产品定位决定了接下来围绕产品的一系列工作。因此对同类APP进行相关竞品分析之后，需要整理目标绿茶文化APP 的整体定位。定位主要从APP 本身和用户两方面考虑，具体来讲就是要考虑绿茶文化APP的目标人群以及APP所要满足目标人群的哪些需求，该绿茶文化APP 的突出特色等等。在明确APP 在市场中的角色定位后，更有利于将市场的需求转化为APP 设计的灵感。

基于以上市场调研确定的APP 目标人群，通过问卷调查等形式对其进行全面研究，挖掘出用户的潜在需求。基于用户研究的资料，可以归纳出浙江绿茶文化APP的主要受众人群、所使用的环境、使用此APP 的目的和所想接收的信息等等。这些信息可以帮助APP设计以用户为出发点，理解用户需求，实现用户需求。

APP 设计的用户画像分析也十分重要，建立用户画像，可以帮助了解用户以及用户之间的共性，与用户产生共情，设身处地地去思考用户需求。通过对绿茶文化类APP用户画像的仔细分析可以明确用户群体，从而制定出更加贴近群众的APP 设计方案。

2.2 界面设计

基于用户需求分析基础上的APP 界面设计应当结合用户研究的内容，进行总结与凝练，分解成：我的用户主要是哪类群体、我的用户想要什么、我的用户喜欢什么媒体形式，这三大要点，贯穿于浙江绿茶文化APP 界面设计的始终。

2.2.1 信息与功能架构

数学本身就是理性精神的一种，强调并追求真理，推动人们对世界的认知与发展.用批判与反思的方式来探究知识的真正含义.数学核心素养就是要让学生有探究事物根本、追求真理、构建知识、找到规律并进行创新的意识能力，塑造学生的理性精神，让学生能冲破束缚，用全新的视角看待现实事物，并且用有效的证据来解放人们的思想，发展学生个体的思维能力与学习能力.

用户想要了解的内容也就是APP 所要架构的信息和功能，将目标信息和目标功能梳理清晰，在对APP 的功能需求有清晰把握的基础之上，把用户从开始到结束的整个过程梳理出来，把各种可能性考虑进去，整理完成之后，进行线框图或页面交互流程的设计和产出，将绿茶文化知识通过良好的用户体验传递给用户，高效解决用户痛点。

2.2.2 视觉设计

在视觉设计的阶段，首先要确定浙江绿茶文化APP 界面设计的风格。对浙江绿茶文化APP 的风格进行准确定位，其设计风格应当符合绿茶文化的主题，应体现绿茶文化的历史感、文化感，主要通过视觉元素提取形式、界面布局形式、标准色、标准字使用等方式来实现。页面内容的布局形式应该符合用户浏览习惯，方便用户阅读。色彩作为视觉审美的核心，是界面设计中必不可少的组成部分，具有图形和文字无法代替的作用，配色的选择应贴近绿茶文化以便更好的传达绿茶文化内涵。除了色彩之外，APP 界面设计在文字的选择上也存在许多与主题相关的考虑，字体应与主题中所要传达的绿茶文化内涵相呼应，将视觉要素的构成作为主要形式手段，将文字性格与绿茶文化内容相融合。

确定了界面风格之后，着手设计功能icon和应用icon。功能icon 即在应用中，充当表达某一操作或功能示意的图形，功能图标设计应极可能形象，简洁，以准确表达其代表的功能。APP 的界面图标如同是一个品牌的标志，用户通常将对一个品牌的印象寄托于标志上，APP 界面图标亦是如此。图标是用户在浏览APP 时最先接触到的视觉要素，因此界面图标视觉审美的优劣往往会影响用户对于APP 的第一印象以及后续是否会下载使用。APP 能否在界面图标这一视觉元素中实现第一次关于绿茶文化的信息传达是至关重要的。多数APP 在界面图标设计中会采用简明易懂的文字表现形式，也有部分APP 的界面图标在表意与审美之间巧妙地运用图形图像来传达内在含义。

2.2.3 评估优化

在浙江绿茶文化APP 的界面设计初具雏形之后，正式投放市场之前，需对APP界面进行试用评估，以测试APP界面设计是否能够满足用户的需求及方便操作。一般情况下，可以通过制作原型版本的APP 界面建立一个测试的真实环境，邀请真正用户去试用、进行试用评估和软件测试等，去评估用户界面的功能性、美观性、操作便捷程度等诸多因素，以便了解用户对界面的满意度，形成反馈机制从而用于APP改进，直至达到期望目标。

3 “知绿”APP界面设计分析

在详细了解浙江绿茶文化概况的基础上，设计一款科普浙江绿茶文化的APP“知绿”。通过“知绿”APP，传达浙江绿茶文化的内涵、相关茶品茶俗等信息，使用户对浙江绿茶文化形成初步了解，产生一定的兴趣和深入研究的积极性，并促进浙江绿茶文化的传播和发展。

3.1 用户分析

笔者针对市场上现有的茶相关APP 调查研究发现，市场上现有的APP基本都是以涵盖全茶类的为主，针对绿茶、绿茶文化相关的APP进行开发应用的数量相对较少。而且单纯关于茶文化的资讯科普类APP 也不多，就笔者了解到的只有绿茶、吃茶去。现对其进行分析如下：

图2 APP竞品分析图

笔者通过网络问卷调查的形式，收集用户数据进行分析归纳，发现参与调查问卷的用户多为20—40岁左右的中青年，占到所有调研对象的80%，这可能与此年龄段用户为智能手机的普遍使用者有直接关系。70%的用户对浙江绿茶及绿茶文化的情况了解不多，对浙江绿茶及绿茶文化的情况比较了解的只占17%。几乎所有调研对象都不知道市面上存在茶类相关的APP。如果设计一款科普浙江绿茶文化的APP，调研对象比较想要从中获取绿茶的功效、冲泡方法、相关茶俗、出产地及市场价位等信息。调研对象希望科普浙江绿茶文化的APP可以具备论坛交流的功能，可以提供相关资讯以及茶友之间互动交流。

3.2 界面设计

3.2.1 “知绿”APP设计目标及功能架构

考虑到“知绿”的目标人群中有一大部分人对绿茶文化认识不多，因此，在APP功能架构中有必要考虑首先给用户呈现绿茶文化的介绍，基于此，将从茶品、茶具、茶俗三个类别组织浙江绿茶文化相关信息，便于用户对浙江绿茶文化有基本的认识，降低APP 的使用难度，提升用户的使用积极性。其次，为用户提供茶文化相关话题与线下活动等信息，引起用户的兴趣，并为用户线下体验提供便利。用户之间也可以通过发帖讨论、评论留言等形式进行交流互动，寻找志同道合的茶友，也可以满足想要了解绿茶文化人群的需求。

根据以上特点建立起“知绿”APP 的功能架构图，如图1。首页导航栏由“首页”“发现”“我的”三个模块组成，其中“首页”包含“茶俗文化”“茶品”“茶具“”三大板块，“茶品”模块的亮点功能是设计了专门的茶文化科普模式，茶文化领域专家学者也参与其中，提供专业的茶文化和茶叶品鉴的科普，普通人也能感受到茶情怀，完成从知茶、识茶到懂茶的转变。“发现”板块是最能体现“知绿”APP 社区这一品牌定位的模块，是分享、交流茶信息的社区互动平台，这里会更新最热的茶文化话题、最新的茶文化活动，用户也可以在其中发表自己的观点和看法，能让“知绿”APP用户通过此平台发现和挖掘自己的更深层次需求。“我的”板块主要是我的发布/收藏、消息中心以及设置等基础功能，同时用户可以进行“云种茶”活动，通过一定的任务获取“茶树养料”助“茶树生长”，长成之后可以兑换成一定的实物奖励。

3.2.2 “知绿”APP界面视觉设计

视觉设计要使用户体验更加愉悦，也要使整个界面的样式风格化并且向主题靠拢。整体设计风格，既要体现绿茶文化历史性、生态性等特点，又要结合现代APP界面设计简洁、大气、清晰的风格，避免过于传统复古的界面和繁杂的装饰给用户带来审美疲劳，阻碍使用的流畅性。

浙江绿茶文化作为浙江悠久传统文化的代表，其不可避免带给人浑厚的文化感，因此“知绿”整体风格定位于端庄大气典雅，因此在色彩的选择上，会选用偏稳重素雅的色调。鉴于绿茶给予用户的直观的绿色印象，在界面设计时选择和茶叶颜色相近的竹青色与饱和度更为柔和的茶白色两种颜色作为APP界面配色的首选。竹青与茶白的搭配传递出典雅大方的气质，凸显绿茶文化的深厚底蕴与勃勃生机。

在字体方面，“知绿”选用魏碑与黑体这两种字体，魏碑书法朴厚又灵动，与绿茶文化的底蕴深厚与生机勃勃十分契合；黑体的使用则是为了易于阅读。

科学研究表明，大多数情况下浏览者都不由自主的以“F”形状的浏览路线阅读网页，这种基本恒定的阅读习惯决定了网页呈现F 形的关注热度，APP 界面内容布局亦是如此。同时，为了优化“知绿”APP 界面视觉结构，多使用缩略图+文字的方式来描绘信息，将主题、内文和图片展现得尤为清楚。

图3 功能界面高保真原型图

在“知绿”APP 的图标设计中，以“茶叶”的典型形象为参照，将人们对“茶叶”的认知与意识运用到“知绿”APP 图标设计之中，既能够减轻用户的辨识难度，又在潜移默化中强调了“知绿”APP 中涉及的传统绿茶文化元素与内涵。在“知绿”APP 界面图标设计中，同样选择了竹青色作为APP图标中“茶叶”的主色调，加之茶白色作为背景色，使得其界面的整体色彩搭配巧妙地诠释了APP的文化主题――绿茶。

图4 “知绿”应用图标

3.3 评估优化

在界面设计初步完成之后，制作原型版本的APP 界面，邀请目标用户进行试用，评估界面的功能性、美观性、操作便捷程度等诸多因素。被试者普遍认为，通过点击、滑动等方式进行交互，APP 操作简便流畅，界面风格清晰明了，可以准确传达绿茶文化内涵。

进一步优化APP 启动页设置，启动页由板块内容图片随机生成，并搭配以相应的文字与标题，科普绿茶文化相关知识，直观明了的将APP的主题传递给用户，烘托出传统绿茶文化氛围。

图5 引导页

4 结语

利用新兴移动互联网媒介去辅助浙江绿茶文化的传播，是“互联网+”时代下一种新的方法，它打破了浙江绿茶文化传统传播方式的固有界限，也拓宽了浙江绿茶文化的广度和深度。顺应时代的改革以及发展进行浙江绿茶文化APP 设计开发，有利于推动“互联网+浙江绿茶文化”发展态势，更好地推动浙江绿茶文化的信息化健康发展。