1、Application 创新应用334 电子技术 第 52 卷 第 2 期（总第 555 期）2023 年 2 月的内容大多是停留在对京剧文化简单介绍，相关曲目的欣赏，以及名家选段介绍之类的，内容单薄，只是作为一个京剧文化的数据库的形式而存在。并且内容缺乏更新，或者更新缓慢。导致一些用户在使用一段时间后会感觉会对其内容失去兴趣，继而不在使用，倒是用户黏度降低，影响用户体验。（2）感官体验的缺失。大部分的京剧App无论是从界面上还是视觉效果上都缺乏设计特色，界面的色调简单乏味，整体风格单调乏味缺少特色。很多京剧App的内容大多是通过简单的图片和文字进行呈现的，很少的使用音频，视频等其他多媒体形式
2、，部分只会在京剧剧目展示时使用视频播放的形式。（3）简单的交互内容。京剧App的交互方式通常是通过屏幕进行界面的点击，仅仅是将纸质的图书内容搬运到App之中，无任何的交互内容。交互内容的缺失对于App来说会使用户体验降低，京剧App与用户之间最重要的元素之一便是用户与App之间的互动。良好的交互体验会给用户带来更深层次的沉浸感，提高用户体验。2 用户体验概述用户体验（User Experience，UE/UX）是用户在使用产品过程中建立起来的一种纯主观感受。这个词最早被广泛认知是在1990年代中期，由用户体验设计师唐纳德诺曼（DonaldNorman）所提出和推广。他指出成功的用户体验是满足用
3、户需求的0 引言为了提高京剧App的用户体验，促进京剧文化传播与传承。本文对现有的京剧App的设计现状进行分析，之后对用户体验概念进行阐述，提出用户体验的五层次模型，根据五层次模型分析京剧App用户体验的设计要素，根据设计要素得出基于用户体验的京剧App设计策略，并进行相关京剧App设计开发实践。通过文章研究使京剧文化能更好地与数字媒体，移动终端平台等相融合，以期提高京剧App的用户体验，更好地服务于用户。同时使京剧文化得到更好的保护，开发，传承与应用，也为其他的传统文化设计开发提供借鉴和思路。1 研究背景京剧App的设计现状。京剧，是中国五大戏曲剧种之一，被视为中国的国粹，于2010年11月
4、被列入“人类非物质文化遗产代表作名录”。京剧以其深刻的思想内容，程式化的舞台表演，旋律优美的音乐构成，色彩鲜明的服饰、脸谱，共同构成富有民族特色的戏剧文化1。随着数字技术的不断发展,以移动端为载体的京剧App也应运而生，为用户带来更新的体验。但是由于京剧App的设计还处于开发和设计阶段，市面上的京剧类App大多存在良莠不齐的现象。通过调研发现，市面上的京剧类App大多存在的问题主要有以下几个方面。（1）内容形式单一。市面上京剧类App作者简介：胡杰，南京理工大学设计艺术与传媒学院，硕士研究生；研究方向：交互设计。收稿日期：2022-10-12；修回日期：2023-02-12。摘要：阐述用户体验
5、中的Garrett五层模型，分别从战略层、范围层、结构层、框架层、表现层对案例App的设计要素进行分析，探讨以用户为核心，确定产品目标，内容与体验相结合，表现清晰的信息架构，良好的用户感知体验，App设计的案例开发与实践。关键词：数字媒体技术，App设计，用户感知，信息架构。中图分类号：TP311.56文章编号：1000-0755(2023)02-0334-03文献引用格式：胡杰.基于用户体验的App设计案例分析J.电子技术,2023,52(02):334-336.基于用户体验的App设计案例分析胡杰（南京理工大学 设计艺术与传媒学院，江苏 210014）Abstract This paper
6、 expounds the Garrett five-tier model in the user experience,analyzes the design elements of the case App from the strategic level,the scope level,the structure level,the framework level and the performance level,and discusses the user-centered,product objectives,the combination of content and exper
7、ience,the clear information structure,the good user perception experience,and the case development and practice of the App design.Index Terms digital media technology,App design,user perception,information architecture.Case Analysis of App Design Based on User ExperienceHU Jie(School of Design Art a
8、nd Media,Nanjing University of Technology,Jiangsu 210014,China.)Application 创新应用电子技术 第 52 卷 第 2 期（总第 555 期）2023 年 2 月 335同时且不会使用户感到厌烦；其次，要让用户高兴愉悦的使用产品；并且可以给用户带来意想不到的惊喜。用户体验从产品的需求定义到开发再到产品落地，贯穿了整个产品开发周期其目的是为了能够真正认识到用户期望及目的、保证核心功能同人机界面协调工作以及提升用户的产品使用体验2。对于用户体验的研究，美国AJAX（AsynchronousJavascriptAndXML）之父
9、JesseJamesGarrett在用户体验要素一书中提出的五层模型具有较大的影响，被许多学者和设计研究者使用在产品设计开发中3。Jesse James Garrett提出的五层模型包括战略层、范围层、结构层、框架层、表现层五个层面，如图1所示。从针对Web端的设计到现在移动互联的App设计，因为其超强的普适性和实战指导性被广为流传为UX设计中经典的项目创建与研究的方法论。在五层模型中，战略层涉及用户需求和产品定位，是设计用户体验过程的战略目标；范围层根据战略层提出的目的和需求进行内容需求分析；结构层通过信息架构和交互设计构建用户体验；框架层层决定了操作的形式和功能；表现层解决和平衡框架层逻辑
10、排列的感知表示问题4,5。另外，根据产品侧重点的不同，模型分为两部分，左侧适合功能性产品，右侧适合信息产品。3 基于用户体验的App设计要素分析根据用户体验中的Garrett五层模型，分别从战略层、范围层、结构层、框架层、表现层对京剧App的设计要素进行分析。（1）战略层。明确产品的定位和用户的需求。京剧类App的产品定位应以对京剧文化记录，展示，传承角度出发，要从用户的角度去考虑京剧文化内容的表达方式，但依然确保所表达内通的真实性和准确性；App的设计要对用户的需求进行分析，不同用户对于京剧App内容拥有不同的期望，要了解现状从产品目标用户出发。在战略层，不需要考虑产品的最终呈现形式，只需明
11、确用户需求和产品定位。（2）范围层。确定内容需求和体验设计。在确定战略层的目标后，范围层需要将战略层中的用户需求和产品定位转换为京剧类App的内容和过程，根据用户需求对京剧的动态特征进行数字化转换的过程进行梳理，确定用户体验方式，京剧的动态特征文化可以通过情景体验的方式使用户可以完整的了解其动态特征；对京剧静态特征文化进行归纳整理，与动态特征文化之间也保持着相关性联系，为了保持文化的完整性，之后明确设计内容。（3）结构层。清晰明了的信息架构和流畅的交互设计。范围层已经对文化的内容、特征及用户的需求进行深入分析，结构层需要通过信息架构分析京剧文化中不同组成部分之间的关系，对京剧文化的内根据不同的
12、展现形式进行分类，同时也要考虑交互设计也保证所要呈现的形式是一个完整的，便于用户操作的架构。在结构层进行交互设计的时要注意交互方式要真实自然，这样可以很好地将京剧文化自然融入交互中，可以很好地满足用户的认知需求。另外不同内容在进行界面切换的时候要即时反馈到用户。（4）框架层。适宜的界面和导航设计。框架层需要考虑是App的界面设计和导航设计，京剧App的界面设计风格应选取与京剧文化内容相符的颜色为主色调，从视觉上增强App使用的舒适感；导航设计需要传达出界面中元素和内容关系，帮助用户更好的感受到京剧的文化特征。（5）表现层。良好的感知设计。在该层重点解决并弥补框架层的逻辑排布的感知呈现问题。从页
13、面的色彩，布局上出发，在视觉上对App界面进行改善和完善，由于京剧文化存在特殊性可以通过声音等感知设计增强用户的代入感。在对京剧文化进行内容讲解时也可以加入声音或者触感，提高用户体验。4 基于用户体验的App设计策略以用户为核心，确定产品目标。京剧App的设计需要根据用户的需求来确定产品的定位。对用户进行深层次调研，挖掘用户需求，这样才能在产品设计时，将用户的需求与产品的定位结合起来，根据用户需求生成京剧App所要传递和表达的内容。内容与体验相结合。对京剧的内容进行分类归纳，合理安排京剧内容在App中出现的顺序，保证App所要展示内容的完整性。通过对京剧文化内容的情景再现，与用户发生充分的交流
14、，确保用户在体验的过程中可以感知到完整的京剧文化内容。清晰的信息架构，有效的交互反馈。京剧App的信息架构不宜过于复杂，复杂的信息架构会使用户在操作过程中失去方向感，好的信息架构设计图1 Garrett用户体验五要素模型Application 创新应用336 电子技术 第 52 卷 第 2 期（总第 555 期）2023 年 2 月应将信息按照用户熟悉易懂的方式建立等级层次关系，窄而浅的框架方式是最简单最流畅的框架。在用户与App发生交互操作时，需要为用户提供快速，准确，清晰的反馈。愉悦的界面表现。界面的设计简洁统一，界面中的文字、图标等元素在视觉效果上要统一，界面的区域主次分明。为了更好地传
15、达信息，可以将所要传递的京剧内容进行图形化处理，可以更直观地传达信息内容，更利于用户理解。从视觉，听觉，触觉等多感官通道传输信息，以便有效的引导用户使用京剧App。良好的用户感知体验。设计基于用户具体、特定的情节化环境，从用户的观点出发，根据用户的场景需求提供对应的推送内容，驱动用户的使用行为，为用户提供良好的使用体验。在京剧App设计中良好的页面布局，色彩，多感官的交互设计操作可以增强用户的感知体验。京剧App设计要满足用户的使用与满足感，最好还可以增加社交等功能为用户带来更深层次的体验。5 App设计的案例开发与实践（1）设计定位。梨园一梦是一款针对青少年用户，结合当下流行的美颜相机面部识
16、别功能的一款京剧虚拟相机科普App。App将京剧传统文化与美颜相机结合在一起，符合当下青少年群体拍照交互的方式。用户使用App通过人脸识别技术生成私人定制的京剧表情包和头像，并且用户可以自由编辑京剧人物的服饰，妆容，在寓教于乐的同时达到科普京剧知识，在青少年中弘扬传统文化。（2）视觉设计。梨园一梦京剧虚拟相机App的界面风格主要以国风为主，界面配色主要红，绿，黄为主，图标设计从中国古典建筑中汲取元素。京剧人物形象以青少年喜爱的国风，Q版为蓝本设计，如图2和图3所示。（3）交互设计。根据京剧的文化特色，不同的角色行会有符合该人物的台词，服饰，装扮，和表演形式，即流派唱腔等。梨园一梦京剧虚拟相机App在用户使用该App进行拍照的时候，用户在拍照时可以根据拍摄界面提示摆出京剧剧目表演中人物的手部姿势，或者根绝台词提示去模仿不同唱腔。通过这种交互方式很好地将京剧的静态特征文化与动态特征文化结合在一起，如图4所示。（4）界面展示。用户在使用App拍照之后，App会自动生成青少年喜爱的国潮风京剧虚拟头像，用户可以自定义这些头像，对所生成虚拟京剧头像可以更改其服饰，妆容等，生成属于用户自己的专属京剧
