時尚運動移動客戶端交互界面設計

李琛

摘 要：本文分析闡述了運動類移動客戶端的市場現狀，及其交互界面設計特點，并對設計一款運動類移動客戶端的策略原則加以提取和闡述，為后續實踐項目提供參考。

關鍵詞：運動APP；現狀交互界面

一、運動類移動客戶端的市場現狀分析

隨著“大數據”時代的到來，運動類APP的設計初衷是讓“互聯網+運動”影響用戶的日常生活，讓健身變得更有效率，更有樂趣，讓更多人陸續地加入運動健身的行列。正因如此，運動類APP如雨后春筍般崛起，也使得運動類移動客戶端的市場現狀存在以下兩種主要現象：

（一）現象一后知后覺

在中國沐浴了移動互聯網春雨的洗禮之后，涌現了大量與生活有關的移動客戶端，這些客戶端大多服務于人們的衣食住行，其中運動類APP是從娛樂市場中細分出的一個分支，而且隨著用戶的需求，越分越細，隨之而來的是對視覺界面的要求也越來越高。在這個充滿各種機遇的平臺里，大量的運動APP產品推陳出新。這些運動APP部分出自“UI美工”和非專業轉行設計師之手，這類人大部分都缺乏設計師該有的基礎知識與設計思維，導致部分運動類移動客戶端的界面設計表達都停留在表面。但也不乏來自設計專業人士的運動類UI作品，他們的一些觀點運用在了運動APP的交互界面上，同時對于交互設計的理解認識深刻，所設計的界面體現了舒適的交互體驗與精美的視覺界面，甚至廣受世界用戶的追捧。

（二）現象二 良莠不齊

良莠不齊這種現象出現在大部分的移動客戶端的市場，在運動類APP界面當中尤為嚴重，甚至同質化。在手機軟件平臺上搜索“運動”類別，一下子就有數百個相關應用跳出來，“咕咚”、“悅動圈”、“樂動力”等等。幾乎所有的APP都能計算并顯示行走線路、走了多少步、消耗了多少卡路里，既可以查看自己的運動歷史和統計，還提供健身常識和制訂健身計劃。

二、運動類移動客戶端交互界面設計特點

運動類移動客戶端的交互界面能夠決定用戶的好感度，而獨具自身特色功能會更受歡迎，現就國內兩款主流運動APP的主界面和功能的設計特點進行分析。

（一）Keep交互界面

專注室內健身的Keep給人的第一印象就是整個界面非常簡潔。最大的亮點是啟動閃屏，在首次運行時給人感覺就非常驚艷；其次，軟件服務內容大部分都是健身視頻，以及附帶的社交功能，最新版也整合了跑步記錄功能，整體界面完成度很高；對于細節的把控也很仔細，高質量banner、圖片對于Keep視覺效果提升很大。略顯不足是顏色的選用并沒有體現與運動健身的關聯，也沒有針對不同的平臺定制不同的規范。 KEEP的主要受眾是平時工作太忙，沒有時間去健身房，家里又沒有器械的白領；健身房沒有私教指導，不知道如何安全正確地開始健身的初學者。Keep根據用戶場景、健身目的、有無器械編排各種訓練計劃，4分鐘也可以完成一次健身訓練；所有動作均配有視頻，標準的動作演示和精確的語言描述帶用戶快速入門。

（二）悅跑圈APP交互界面

悅跑圈是一款專注于跑步運動的APP，整個界面給人的感覺相對于KEEP來說會專業很多，因為跑步運動數據比較繁雜，在主界面需提供給較多的信息，因此排版起來難度會比keep這種有大量圖片素材使用的困難一些。但就目前看來，悅跑圈的表現還是不錯的，整個界面給人繁而不亂，小圖標的雕琢也非常精致，最好的是裝備添加界面，是整個APP中設計感最強的界面了，正因為這個漂亮的界面使得用戶非常想體驗這個功能。

三、運動交互界面的策略原則

（一）布局合理

布局一般是指APP整體的功能架構，由UX Designer繪制線框圖進行規劃。合理的界面布局既可以增強用戶的交互體驗，也可以減少用戶對于新軟件的學習成本。目前市面上Android手機使用了虛擬導航欄，虛擬導航欄常駐于屏幕底部，占據了大面積的舒適觸控區域。如果布局設計不恰當會直接導致產品使用上的缺陷，這種設計方法不僅是突破國產主流APP規則的嘗試，也是對國外優秀交互體驗設計的認同。

（二）細化場景

細化產品的使用場景，是指應用被用戶所啟動時解決問題的途徑。前期規劃時需要提供可以完成用戶需求的功能。結合適合的輸入方式，幫助用戶在某個場景里使用最少的操作完成任務。比如，用戶哪些時間會使用移動端？答案是用戶會在記錄跑步過程時用到查看附近跑友的活動，啟動運動記錄功能等，所以，這些功能都不應該被分散的太遠，方便用戶快速切換。這既能讓軟件看起來更加的操作簡易，智能化的體驗也能增加用戶的粘性。

（三）減少輸入

最常用的減少輸入方式就是提供常見的選項給用戶備選，并不是一味削減界面的操作按鈕，而是應該在界面按鈕與操作效率中尋找平衡。以電視機遙控器設計為例，早期的電視遙控器擁有大量的實體按鈕，此類設計的優勢便在于用戶花費較多時間掌握了這個遙控器后可以快速的調用自己所需的功能。這就是最基本方便用戶尋找內容時提供指引減少輸入。

（四）增強交互

增強交互是指增加終端對于用戶的行為作出的反饋，新穎的交互不一定會增加用戶的學習成本，優秀的交互是讓用戶首次使用就能輕易上手，讓用戶理解一切都式合理邏輯的。