體育健康類服務平臺交互系統構建及視覺設計

孫立剛 沈陽體育學院

一、體育健康類服務平臺交互系統的構建

體育類服務平臺大多以手機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 類服務平臺交互系統構建及視覺設計的研究提供一定的幫助，讓數據可視化的相關研究更有深度。