基于用户体验的音乐工作室Web用户界面的研究与设计分析

张璐

摘 要：本文以蒙玛音乐工作室网站的界面设计为例，进行基于用户体验的音乐工作室网站Web用户界面的研究与设计分析。本研究的音乐工作室网站界面设计是以用户体验的研究理论为基础，是以用户为中心的设计理念。

关键词：音乐工作室网站 界面设计 用户体验

音乐工作室是一个外包服务企业，其网站的建设目的是为了推广企业的品牌形象，以便更多的用户知道它，同时也是为了将提供的服务、公司形象展现给用户，挖掘潜在的隐性客户。实际从网站中获取信息的人数远大于客户的数量，优质的用户体验是将这些“偶尔的浏览者”转化为“实际的客户”的关键因素。任何在用户体验上所做的努力，都体现了以用户为中心的设计思想，这一理念应贯穿于整个WEB用户界面设计的过程中。

萌玛音乐工作室是一家即将在无锡成立的音乐外包服务型公司，该工作室主要提供有关游戏（包括客户端游戏、页游、手游等）配乐以及影视音乐相关的服务，意在以业内专业的游戏及影视配音团队为客户提供优质的外包服务。由于它目前正在创建之中，并不像小旭、绯雨等业内成功的工作室有名气，因此要创建网站推广公司的品牌形象，传递公司的相关信息，重点突出专业优质的外包服务流程。

一、萌玛音乐工作室网站界面设计

1.设计内容

根据人机交互方式进行分类，音乐工作室网站界面设计大体可分为以下四个方面：

数据交互界面设计：指人们通过输入数据的方式与计算机进行交流，属于人机交互的重要形式。

图形界面设计：语言、文字和图像这三个渠道，是人类传递信息主要方式。其中有70%的信息来自于视觉系统，也就是从图像中获得。因此，对图像界面设计的研究和探讨有助于产品设计的创新。

语音界面设计：被公认为最自然流畅、快捷的信息交流方式是语言。研究表明，人类的听觉通道存在很多优势，听觉系统与视觉系统的合理搭配，能够带给人类强烈的存在感与真实感等。

行为交互界面设计：人机行为交互是计算机通过定位识别人类，跟踪人类的肢体活动，从而理解人类的动作和行为，并作出相应的智能反馈。

设计人员从音乐工作室创建者提供的需求中提取出具体的商业目标和用户需求，结合用户体验、用户界面设计相关的理论知识，对同类音乐工作室网站进行可用性测试，针对视觉传达、信息设计、导航系统设计的优缺点，将抽象的需求问题具体细化到功能设计和交互设计、界面设计中，最后根据音乐工作室的特点，设计整体的视觉风格和品牌形象。

2.用户研究

在创建产品的每个步骤中，都要把用户列入考虑范围，以设计出诱人的、高效率的用户体验为目的的方法，称为“以用户为中心的设计（UCD）”。

用户研究是以用户为中心设计流程中的第一步。它是一种理解用户，将用户目标、需求与自身产品的商业宗旨相匹配的理想方法。用户研究的首要目的是产品目标用户群体的确定，产品概念的细化明确，并依据用户使用产品时的具体操作特性、感知特征、认知心理特征等方面，实现以用户实际需求作为产品设计导向，最终设计出更加符合用户习惯、期望的产品。对公司而言，用户研究有助于节约时间、开发成本资源，加快产品的迭代过程。对用户而言，用户研究将用户的需求转化为具体功能，并将其设计得易用且更强大，使得产品更贴近用户的实际需求。

常用的几种用户研究方式，包括问卷调查、情境调查、竞品分析、深度访谈与焦点小组等，都有利于我们更好地了解用户的信息、需求和偏好。在产品设计初期，用户研究帮助设计师细化功能，确定核心功能；在进行需求规格说明阶段，用户研究可以定义目标用户群体与需求分析；之后进入产品设计阶段，包括任务分析、概念设计、原型制作，在每一个设计过程都要贯穿可用性测试，用户研究帮助选择被试制、设定测试方案；之后便是进入开发阶段，从大的层面看，用户研究把产品的概念更加具体化、合理化，更贴近符合用户的真实需求，为功能定义提供依据。

二、同类工作室网站竞品分析

对竞争者的方案进行研究，但使用时不能单纯的去复制对方的内容，或是完全模仿对方的表现形式。在设计萌玛音乐工作室网站的用户界面初始，我对以下四个业内比较成熟的同类服务网站，进行了简单的可用性测试与体验，主要是研究其他同类服务网站的信息分类、导航系统设计、信息呈现的逻辑层次、可用性问题等，并列举出他们的优缺点。

网站一：小旭游戏音乐制作

全局导航

首页、音乐音乐、游戏音效、游戏音乐、游戏主题歌、游戏视频配乐、团队介绍、页游配乐、IOS游戏配乐、动漫配乐、SNS配乐、游戏演唱会、小旭新闻、团队视频、联系我们。

页面信息呈现方式

多采用文字（展示新闻、介绍）、图片（形象具体）、视频（MV、音乐会）、播放器（音乐作品）。

整站布局与色彩搭配

小旭游戏音乐制作网站的布局导航采用顶部的布局结构，根据浏览加载页面由上至下的方式，方便用户观看网站的内容。由于整个网站的内容和信息过多，采用模块式区分各个区域的信息，可是过多的区分模块，会造成信息逻辑紊乱。在色彩搭配上，采用了黄色、玫红等鲜亮色彩，并搭配整个页面背景，渲染出小旭音乐团队的活跃、积极的个性，与游戏、音乐主题相关联。但是过于鲜亮的颜色不利于用户的长期浏览阅读。

体验分析

优点：1）整个网站内容丰富、成熟的作品很多；2）突出了作品、服务流程、团队介绍；3）信息呈现结构显示出层次；4）顶部的导航划分细致；

缺点：1）导航划分过于细致、无主次层次感；2）内容显示过于密集，缺乏条理；3）导航与页面定位不一致，容易使用户迷失；4）网站的整体视觉过于鲜亮，抢夺用户的注意力。

网站二：绯雨音乐

全局导航

首页、作品赏析、最新动态、录音棚、关于我们、加入我们、联系我们。