用户体验五层次中表现层语境...馆类APP界面色彩设计方法_何扬帆.pdf

65Fashion Color应用摘 要：以博物馆类型 APP 界面作为主要的研究对象，以 Jesse James Garrett 用户体验设计中五层次为基础框架，归纳出博物馆 APP 种类，分析目前市面上博物馆类型 APP 存在的问题，同时以表现层为重点，构建视觉层色彩方面的设计方法，提升博物馆类型 APP 界面设计颜色匹配度。为交互设计师针对界面颜色的配色设计方法提供一定的参考价值，提升博物馆 APP 使用者的用户体验。关键词：博物馆 app；界面色彩；五层次分析因素Abstract:This research takes the museum type APP interface as the main research object,and takes the five levels in Jesse James Garretts user experience design as the basic framework,summarizes the types of museum APP,analyzes the problems existing in the current museum type APP on the market,and at the same time,focuses on the presentation layer,constructs the design method of visual layer color,and improves the color matching degree of museum type APP interface design.It provides certain reference value for interaction designers color matching design methods for interface colors,and improves the user experience of museum APP users.Keywords:app of museum;color of interface;five-layer model of user experience elements何扬帆He Yangfan福建林业职业技术学院 福建 南平 353000Fujian Forestry Vocational Technical College,Nanping Fujian 353000The Color Design Method of Museum APP Interface in the Context of Five Layers of User Experience用户体验五层次中表现层语境下博物馆类APP 界面色彩设计方法一、用户体验要素五层次基本概述用户体验五层次源于 Jesse James Garrett 在用户体验要素：以用户为中心的产品设计一书中对用户体验要素进行分层（图 1），Garrett 大师围绕“以用户为中心的设计”得出一套产品设计（界面设计）的思维方式：从抽象到具体逐层击破五个层面，包括战略层、范围层、结构层、框架层和表现层，最终达到用户体验设计最优化目的1。这五个层次自下而上开始用户体验的构建，也显示着从抽象开始到具象的过程。最底层的战略层（strategy）指的是经验者想要什么？用户需要什么？即用户需求与商业需求两个维度进行分析，用户需求可以通过用户研究方法，收集用户的普遍需求。范围层（scope）指的是该产品需要什么功能、提供什么样的内容，才能完成战略层的目标。其主要目的是明确产品的范围边界，明确产品的优先级别和排期。结构层（structure）重点思考的是其产品结构的具体表达方式，确定呈现给用户的“模式”和“顺序”。结构层关注信息架构与产品的交互方式。在这个层次需要根据用户使用产品的语境、行为、思考等方式将范围层中的功能与内容建立一种有序的结构。框架层（skeleton）是指将功能和流程梳理清楚，对结构层进一步进行提炼之后开始设计功能维度的具体细节，让结构层层次模型变的更加和谐。交互设计师原型图设计阶段通常在这个层次完成。最后具象的层次为表现层（surface）主要是解决“产品界面逻辑排布”的感知呈现问题，即最接近真实产品的状态，也叫高保真原型图状态。表现层的完成意味着除了动态数据，该产品是最接近用户的看到的产品形态。本论文以表现层中视觉设计为内容，重点探讨博物馆类 app 界面色彩的匹配度。图1 用户体验五层次示意图总的来说，用户体验五层次对于产品设计来说环环相扣，从抽象层次到具象层次，每一步都在解决如何构建较为完善的产品结构。自下而上的每一个层次都是在下一个层上补充与完善用户体验五层次贯穿整个产品始终。二、博物馆类型 APP 概述1.博物馆类型 APP 基本背景博物馆文化起源欧洲，在博物引入中国的一百余年，中国博物馆已经发展成为具有着本土地域文化的特色，国际博物馆协会从 1946 年以来有过七次修订，逐渐由保存文物的角色转向研究与教育作用，以至于服务社会，关怀社会，甚至作对社会产生影响力的展览与服务2。由于近年来互联网高速发展，整个社会系统已经进入万物万联的时代，博物馆经营方式也发生了各种各样的变化，5G 时代的到来进一步推动了博物馆与 APP 更加紧密的结合。另外博物馆作为公益性的组织，其本身更具有社会职能的经济效益，与移动互联网手机 APP 相结合是一种必然的趋势。自博物馆引进中国以来，就发挥着教育、宣传、文化普及、2023-01-内页.indd 652023-01-内页.indd 652023-02-09 15:23:092023-02-09 15:23:0966Fashion Color应用文物的传承与发展的作用。根据笔者统计，市面上国内外博物馆APP在IOS系统上平台上共计68个（截止2022年9月），目前还有增长的趋势，这预示着企业或者组织越来越重视与移动互联网的结合。博物馆 APP 作为一个中介载体最大的特点是具有移动性，用户可以带着自己的设备在任何地点、任何时间进行使用，而博物馆主办方也能随时地向参观者提供信息和帮助。目前市面上博物馆类型 APP 在 iOS 上有 60 余款类型，大部分是由以购票导览、讲解路线规划、展览信息为主，主要跟线下实体博物馆相结合，从而进行博物馆内部的讲解和具体的操作。上海地区部分的博物馆甚至已经引入 AR 装置，与参观者之间进行互动。除了这些传统上的博物馆 APP 外，少部分博物馆 APP 具有特殊的定位，例如前任博物馆 APP，主要是记录情侣之间记忆；另一种类型就是记录旅游文化类型的博物馆 APP。特殊定位的各类博物馆类型的 app 层出不穷，但此类用户群体较少。2.表现层中博物馆类 APP 界面色彩问题 作者针对调查市面上的 60 多款博物馆 APP 进行分析比较，利用聚类分析的方法来总结出目前博物馆 APP 存在的问题。笔者将市面上博物馆类型 APP 分为多媒体导览类、藏品展示教育类、专业互动游戏类、综合类，以及集成平台类。多媒体到导览类主要以导览为主，该类型的缺点是功能与颜色的单一，只是提供参观者的路线规划，后续服务无法通过 APP 向参观者提供。藏品教育类的博物馆 APP 主要表现在对博物馆教育、藏品、文化的传承和延续的功能属性，此类型大部分是以文字、色彩的形式以互动的形式展现出来。藏品教育类的博物馆 APP 对科普博物馆地域性文化属性起到很大的帮助，但市面的上的藏品教育类 APP 界面颜色无法很好的与当地文化属性结合起来，其视觉上的界面的功能属性没有完全开发出来，后续无法与用户很好地衔接起来。综合类就是指多功能类的博物馆 APP 软件，比如博物馆的购票服务、文创商品商城、定位、服务咨询、社交网络服务等，目前市面上的博物馆综合类比较少，其界面设计的颜色的没有很好地与文化属性相搭配，忽略用户的在使用的 APP 过程中的用户的问题，视觉颜色引导问题。同时没有用恰当的符号反馈来引导的用户行为逻辑来参观的博物馆。平台集成类就是由第三方平台，来提供各个博物馆的购票，提供路线规划，其缺点是没有针对性，某些时候用户在具体参观到某个博物馆时，存在该平台与博物馆对接不完善的问题。综上所述，目前博物馆 APP 界面色彩存在以下几个问题：从表现层（surface）方面来说，表层视觉设计较为薄弱，市面上博物馆类型 APP 设计并不清楚用户真实需求是什么，比如界面色彩的搭配与用户群体的审美性需求不相匹配，经营者的商业需求也没有得到很好地释放。界面色彩设计提供颜色功能单一，色块功能属性并没有很好运用出来，颜色的提炼与确定也没有与当地文化底蕴相匹配。同时界面反馈指令在复杂的环境系统下。最后表现层（surface）高保真原型设计方面整体较为粗糙，视觉张力没有无法很好展示。同时没有以用户为中心进行界面设计。三、表现层下博物馆类 APP 界面色彩设计方法路径提升界面设计是一个创造性的过程，他需要向用户传递特定的信息完成与用户的交互行为，通过文字、图形、色彩等视觉数据信息传递给用户。界面设计（UI）作为一门跨学科解决问题的活动，设计师就必须要了解客户、产品、目的和用户群体的定位3。博物馆类型 APP 设计影响受五个层次（图2），分别是范围层、框架层、战略层、结构层、以及外在表现层。其中范围层包括功能规格说明和定义需求，框架层包括界面设计、导航设计以及信息设计、表现层则是最外在的物质中介，直接连着用户与界面的关系分别是视觉设计，听觉设计，触觉设计以及眼动设计；结构层包括交互设计（逻辑功能）以及信息构架，最后的战略层则是整个 APP 的核心，即包括产品目标和用户需求。下面笔者以表现层次中的视觉设计来探讨博物馆中界面色彩设计方法。图2 用户体验五层次要素分析1.表现层在界面设计中基础概念表现层，主要解决并弥补“产品框架层的逻辑排布”感知呈现问题。就像一个人在骨骼架上填充完血肉，还需要雕刻上精细的五官，水嫩的皮肤、修长的手脚指等4。而这个层次主要集中视觉设计上面，是跟用户有着最密切的关系。在这个阶段设计师不仅要确定界面数据之间的展示效果和所传达的信息，还要明确什么是优先权，根据前面四层的数据收集从而进行排版布局、色彩方案、字体的选择等其他的视觉元素5。表现层是跟用户直接接触的层面：属于跟人体属性最密切相关的层次，主要是受产品物理因素（外观属性）的影响，表现层就是经过界面设计原型图定稿后，进行视觉上的精心优化、填充。产品界面设计主要是视觉上设计。一套优秀的视觉设计，能够正确地延续上层确立的产品思路，给予相应视觉效果支持。表现层面是在前面四个内层的基础上搭建而来的，属于交互设计外在视觉引导逻辑。2.表现层下界面色彩设计提升方法博物馆类型 APP 界面设计的颜色要遵循视觉方面（表现层次）的规律，APP 界面板式设计要做到井然有序，图文编排以及在功能设定上的跳转关系要占据重要地位，要让用户方便、快捷地找到相关功能需求，做到色彩、图片、标题整体统一、对应有序，以便使用户一目了然，同时方便用户阅2023-01-内页.indd 662023-01-内页.indd 662023-02-09 15:23:092023-02-09 15:23:0967Fashion Color应用读6。界面色彩视觉上看起来比较舒服，简洁、干净、大方，方便用户对于信息的获取从而做出相对应的行为逻辑。文字与色彩搭配必须符合内容的逻辑性和符合用表现层的审美规律性，积极合理运用颜色与文字进行统一编排，使整个画面变富有冲击力和感染力，更好地从情感方面打动用户受众。主要通过颜色、图形元素的变化、视觉的统一、排版的一致性来表现出来，颜色的变化通过视觉神经传递，对用户的情感产生影响。比如红颜色给人一种的火热的情绪，蓝色给人一种冰凉的情绪。对于界面设计来说，色彩是不可或缺的因素。通过颜色的变化与识别度，给用户带来视觉上的美感，让用户对界面留下深刻的印象。利用不同色调特点进行合理地设计搭配，营造出不同的视