体育健康类服务平台交互系统构建及视觉设计

孙立刚 沈阳体育学院

一、体育健康类服务平台交互系统的构建

体育类服务平台大多以手机App 的形式呈现。App 是英文Application 的简称，它主要是通过移动设备作为载体开发出来的第三方软件。它伴随着手机、电脑的普及而被广泛使用。App 的使用率在近几年是成倍增长的，它的兴盛意味着人类迈着走向移动终端化的步伐。一开始，App 只是第三方应用的一种合作形式，但是随着科技的不断进步，为了满足逐渐增多的手机用户的不同需求，同时随着互联网的不断开放化，App 逐渐被更多的互联网商业公司看作是一种盈利模式。在手机用户不断增多的背景下，手机App 的开发与应用便成了手机互联网盈利模式新的突破点与增长点。

体育健康类手机App 有着巨大的用户下载量，手机应用商店中各种体育App 也种类繁多。除了大量开发的各类体育游戏娱乐App 外，体育新闻浏览、视频播放类的手机App，包括新浪体育、腾讯体育、虎扑等各大门户网站所开发的软件，这类App 同时还带有时事新闻信息推送的功能；大众体育健身类手机App，包括咕咚、乐动力、悦跑圈、Keep 等用户量多的软件，能够准确测算出用户锻炼的实时数据；体育场馆与教练预约类的手机App 包括趣运动、中羽在线、爱羽客等将运动人群分类的软件，这类App 同时还带有通过体育交友、提供论坛交流平台的功能。另外，不同体育项目门类下的各种体育App 也是琳琅满目，用户可以通过自身对不同体育项目的喜好与需求，下载适合自己的App。

交互系统的构建，实际上就是对交互系统中的各个元素进行分析研究，并且按照一定的方式将其转化成为具体的可使用的产品，在设计过程中需要将系统中的组成部分有机结合在一起，形成一个完整的整体。

（1）任务建模。在对用户和数据有一定的了解之后，需要对可视化系统进行设计开发，确定其基本的功能。可视化系统大致分为两个部分：一是可视化视图，是用户根据数据的基本属性所展示出来的对应的图像式的视觉呈现方式；二是用户可以操控的，能够对可视化视图进行改变的工具组件。

（2）基本交互任务。一方面，用户在进行数据可视化的过程中，虽然大部分数据处理都是由计算机来完成，但是用户是主要的决策者，在与数据可视化系统交互过程中，会对数据呈现的结果进行浏览、分析、推理、探索等工作；另一方面，为了改变可视化系统中的视觉呈现方式以达到初步目标，会进行一定的交互操作，对可视化视图进行改变，以更好地进行可视化分析。以上两种不同的行为方式，根据任务目标的不同分为高层级的交互目标和低层级的交互任务。

第一，选择。在可视化系统中，会有众多的视图或者筛选条件供用户去选择。例如，在使用 Windows系统的时候，需要通过“选择”的方式来确认是否对被选择的文件进行诸如删除或者复制的操作。在可视化系统中同样需要“选择”这种最基本的操作，从而完成接下来的其他行为。

第二，导航。对于数据可视化系统的使用，用户通常都是通过对屏幕的观察来了解画面中的内容，但是由于屏幕大小的局限性，可视化系统的全部内容并不可能同时显示在屏幕中，即使能够全部显示出来，也会因为某些数据点相对于整体过于渺小而无法在画面中显示清楚，因此就需要“导航”的方法来控制画面的变化。

第三，重构。对可视化系统中的数据进行重构，其主要目的是帮助用户从不同的角度来观察数据，在图表类型的可视化系统中最为常见。例如，有一个将车的各项属性包括在内的EXCEL 列表中，用户为了了解这些车在某项属性上的排列次序，会选中该数据并且排序，以此了解不同车之间该属性的关系；同样地，当需要了解另外一个属性的不同车之间的关系时，选择另外一个属性，系统将会根据用户的需要重新排列顺序，以帮助用户更高效地进行对比分析。

第四，编码。此处的编码主要讨论的是视觉编码，也就是视觉呈现中图形的使用。视觉呈现是可视化系统中的主要要素，用户借助可视化系统的基本功能，对画面中的图形进行改变，如改变颜色、大小或者形状等，通过不同的方式来改变视觉元素，可以帮助用户从不同的角度认知数据。

第五，过滤。根据用户所选定的条件或者关键词显示相关的数据，这是日常生活中最常使用到的信息获取方式。当我们需要了解或者查询相关资料时，搜索引擎通常是第一选择。通过输入关键字，搜索引擎会将互联网上所有的信息根据关键字进行筛选，并将与关键字相关的网站或者内容，通过文字列表的方式显示在浏览器中。这是最常见的信息过滤的案例。

第六，概况与细节。概况与细节的同时显示实际上是对“导航”这一交互方法的拓展。“导航”需要用户通过一定的交互操作来完成对可视化系统中不同画面之间的切换，而该概况与细节同时显示，则能让用户观察到可视化系统中数据的详细内容的同时，也能了解到该细节在全局中所处的位置。一方面能针对所关注的内容进行详细的研究，另一方面可以帮助用户对整个系统有一个大体的了解。

第七，关联。关联是将所需要关注的数据在画面中高亮显示，从而可以查看不同数据时间的关系和区别，或者让同一个数据在不同的视图中同时显示，从而可以观察数据的不同属性。

二、体育健康类服务平台的视觉设计

（一）体育健康类服务平台的界面设计

用户界面是用户与可视化系统交流的接口，也是交互系统最终的呈现方式。借助可视化系统中的界面，用户可以获取信息，了解可视化视图的变化，同时也可以通过一定的交互操作，来向可视化系统下达指令，改变可视化视图所显示的内容，以帮助进行数据分析工作。因为用户界面的存在，使得用户与可视化系统的交流得以实现。

在软件深化开发的过程中，虽然用户界面的设计开始受到重视，但仍然缺乏一套价值高的设计策略作为支撑。事实上，软件的用户界面设计，就如同工业产品中的外观设计一样，是吸引消费者购买的关键因素。一个友好且美观的界面能使人产生愉快的视觉感受，增加人与机器的亲密度，形成商家的销售优势。用户界面的设计不仅仅是画画的艺术，更需要考虑到用户的使用需求、使用环境以及使用方式，将最终用户作为设计的中心，这是充满科学精神的艺术设计。判断一个界面是否优秀的标准，不是取决于项目开发领导或团队成员的观点，而应以最终用户的体验为准则。因此，用户界面的设计必须与用户研究紧密结合，这是一个不断设计出满足最终用户视觉体验需求的过程。

设计用户界面是对用户界面优化的重要途径之一，它包括全面考虑软件或系统的人机交互、操作流程以及视觉效果。高品质的UI 设计不仅能塑造软件的特性和价值，也可以使用户操作更轻松方便，从而提高软件的实用性和易操作性。对用户来说，出色的界面设计能提供愉快的视觉体验，缩短人与设备的距离，并为商家创造卖点。界面设计并不只是关于艺术绘画，它还需要设计师对用户需求、应用环境及使用方式进行深入考虑，最后形成同时注重科学和艺术的设计策略。界面设计涉及众多的学科领域，界面中的认知心理学、人机工程学、艺术设计、色彩设计、图文设计等都需要我们进行深入的研究。在系统和软件的漫长进化过程中，界面设计一直没有获得足够的重视。界面设计并不仅仅是众人眼中的“美工”，而是类似于产品设计中的外观设计，是提高产品销售亮点的关键保证。美观的界面设计可以为用户带来良好的视觉体验，使人与系统的距离变得更近，同时也可以为商家创造营收。

界面视觉设计是界面设计与视觉设计的融合，在视觉设计中，我们通过文字、色彩、符号等进行视觉输出传递信息，以强化体育健康的呈现。界面作为人与系统进行信息传递与交换的媒介，对提升视觉设计的重要性显得尤为重要。随着市场经济的竞争不断加大，产品的功能性逐渐满足了人们的需求，我们需要对产品的视觉性进行提升与差异化设计，从而提升产品的核心竞争力。在界面视觉设计中，我们通过对界面的基本元素进行细致分析，与影响视觉的因素进行结合，运用视觉设计的基本要素，为体育健康服务类界面营造出品牌性、独特性、统一性的视觉体验。在进行界面视觉设计的同时，我们需要考虑产品的交互性。界面是用户与系统交互的窗口，在设计之初，我们应注重用户交互体验，并对需要设计的产品进行交互规范。通过交互规范进行视觉设计，从而保证用户使用的逻辑性准确，达到良好的用户体验。影响界面的三个因素，即研究界面视觉（文字、图形、色彩等基础要素）、研究人与界面之间使用的关系、研究用户。在设计中，这三个因素缺一不可。我们要研究基于用户体验的界面视觉设计，就需要从多方面进行考虑和研究，将视觉设计原理应用于界面设计中，更好地提升用户体验。

界面视觉设计原则包括以下几个。首先，操作的一致性，在用户使用过程中，对于界面的操作已经形成思维定式，不能改变用户长久以来的使用习惯，是提升用户使用体验的必然要求。其次，对于界面的一致性，可体现在视觉元素中色彩、文字等视觉元素的运用上，可以保持界面视觉效果的一致性。层级性即为具有清晰明确的界面关系，对于体育健康类App，在设计之初，我们需要对App 结构进行构建，充分站在用户角度进行思考与设计，减少思维逻辑性错误的出现，让用户明确所处的界面位置。个性化是用户在使用过程中，对于产品外观与行为的印象。在设计之初目标用户进行细致调研，明确用户需求、行为、预期，根据不同的目标用户进行产品的个性化定位。

（二）体育健康类服务平台的色彩设计

在App 界面设计中，色彩的运用十分关键。用户的视觉感官对色彩的反应最为迅速，然后是形状，最后才是界面的细微之处。杰出的界面色彩设计以及恰当的色彩组合，能够增强产品的易用度和审美度，提高用户使用和点击的频率，从而增加产品的价值效用。因此，对色彩在App 界面设计中的运用策略进行研究至关重要。

选择的颜色应该匹配App 的特性，如商务、金融、智力游戏和阅读类的产品需要利用各式各样的颜色来展示。例如，体育类的App 用清纯的色彩营造出快速、愉快的界面，能吸引用户；反之，阅读类的App 应避免使用过度醒目的颜色，否则可能使用户产生视觉疲劳。同时，色彩的风格选择也需要经过市场调研，如活跃、亮丽、优雅、科技、稳健、安全等，需要充分理解客户对产品的期望，以使现象和实际内容保持一致。

体育健康类服务平台也需要精确地选择色彩，以匹配目标用户群的各种特性，如用户的性别、年龄和生活环境等因素，这些都会对他们对色彩的理解和认知产生影响，他们需要的App 界面设计也会有极大的差异。因此，我们必须要深入研究用户，尽可能地让大多数用户在视觉上感到舒适。我们可以使用智能技术，让用户选择自己喜欢的色彩组合，逐渐发展成个性化的定制模式，满足所有用户的需求。

在传统色谱中，有着相同色系、近似色、反色及补色四大主流类别。在页面设计中，很少只用一种颜色，精巧的色彩组合能强化页面的视觉吸引力，给设计带来高光。因此，在进行App 页面的视觉色彩设计时，应坚持相同色系和近似色的搭配原则，以确保页面元素设计的协调性和一致性，进而提升设计的融合度和美观性；也可以以补色为搭配原则，在背景色、文字、按钮、需要突出的元素等色彩配搭中，让页面的对比度更加清晰，视觉效果更丰富，更能抓住用户的眼球。如果视觉冲击太强，可能使用户产生视觉疲劳，在有需要时可以降低色彩的亮度或饱和度，使视觉感知更为舒适。页面的主色调、辅色、点缀色的搭配应有节奏感，遵循6 ∶3 ∶1 的比例。除了使用主、辅、点缀色的对比和协调，使App 页面呈现出完全一致的风格之外，还可以通过顺序重复、逐渐渐消、鲜明对比等色彩设计方式，来突出、强调功能的主次和内容，提升产品的易用性，增强用户体验。

三、结论

体育类服务平台的发展应注重对大数据的挖掘，并引入新技术。随着科技、互联网及体育产业的发展，体育类服务平台将会引发体育各门类载体的革命，成为一股新兴的重要力量，加快体育自媒体时代的到来。我们必须持续深化有关色彩基础知识和界面应用的学习，深思App 产品的特性、目标用户群体和功能，选择和配色要适当，利用色彩的独特优势进行设计，从而打造具备更优的视觉体验的产品。数据可视化系统和其他互联网产品一样，在使用的过程中需要用户与产品进行一定的交互才能完成既定的交互任务，而交互过程中的体验会大大影响用户进行数据分析的效率，因此需要从交互设计的层面对数据可视化进行研究，从而进一步提高数据可视化系统分析数据的效率。本文的研究是基于目前数据可视化与交互设计的相关文献进行的，从App 类服务平台交互系统构建及视觉设计进行的研究分析，得出了交互系统的构建方法。希望本文能为以后关于App 类服务平台交互系统构建及视觉设计的研究提供一定的帮助，让数据可视化的相关研究更有深度。