時(shí)尚運(yùn)動(dòng)移動(dòng)客戶端交互界面設(shè)計(jì)

李琛

摘 要：本文分析闡述了運(yùn)動(dòng)類(lèi)移動(dòng)客戶端的市場(chǎng)現(xiàn)狀，及其交互界面設(shè)計(jì)特點(diǎn)，并對(duì)設(shè)計(jì)一款運(yùn)動(dòng)類(lèi)移動(dòng)客戶端的策略原則加以提取和闡述，為后續(xù)實(shí)踐項(xiàng)目提供參考。

關(guān)鍵詞：運(yùn)動(dòng)APP；現(xiàn)狀交互界面

一、運(yùn)動(dòng)類(lèi)移動(dòng)客戶端的市場(chǎng)現(xiàn)狀分析

隨著“大數(shù)據(jù)”時(shí)代的到來(lái)，運(yùn)動(dòng)類(lèi)APP的設(shè)計(jì)初衷是讓“互聯(lián)網(wǎng)+運(yùn)動(dòng)”影響用戶的日常生活，讓健身變得更有效率，更有樂(lè)趣，讓更多人陸續(xù)地加入運(yùn)動(dòng)健身的行列。正因如此，運(yùn)動(dòng)類(lèi)APP如雨后春筍般崛起，也使得運(yùn)動(dòng)類(lèi)移動(dòng)客戶端的市場(chǎng)現(xiàn)狀存在以下兩種主要現(xiàn)象：

（一）現(xiàn)象一后知后覺(jué)

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

（二）現(xiàn)象二 良莠不齊

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

二、運(yùn)動(dòng)類(lèi)移動(dòng)客戶端交互界面設(shè)計(jì)特點(diǎn)

運(yùn)動(dòng)類(lèi)移動(dòng)客戶端的交互界面能夠決定用戶的好感度，而獨(dú)具自身特色功能會(huì)更受歡迎，現(xiàn)就國(guó)內(nèi)兩款主流運(yùn)動(dòng)APP的主界面和功能的設(shè)計(jì)特點(diǎn)進(jìn)行分析。

（一）Keep交互界面

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

（二）悅跑圈APP交互界面

悅跑圈是一款專(zhuān)注于跑步運(yùn)動(dòng)的APP，整個(gè)界面給人的感覺(jué)相對(duì)于KEEP來(lái)說(shuō)會(huì)專(zhuān)業(yè)很多，因?yàn)榕懿竭\(yùn)動(dòng)數(shù)據(jù)比較繁雜，在主界面需提供給較多的信息，因此排版起來(lái)難度會(huì)比keep這種有大量圖片素材使用的困難一些。但就目前看來(lái)，悅跑圈的表現(xiàn)還是不錯(cuò)的，整個(gè)界面給人繁而不亂，小圖標(biāo)的雕琢也非常精致，最好的是裝備添加界面，是整個(gè)APP中設(shè)計(jì)感最強(qiáng)的界面了，正因?yàn)檫@個(gè)漂亮的界面使得用戶非常想體驗(yàn)這個(gè)功能。

三、運(yùn)動(dòng)交互界面的策略原則

（一）布局合理

布局一般是指APP整體的功能架構(gòu)，由UX Designer繪制線框圖進(jìn)行規(guī)劃。合理的界面布局既可以增強(qiáng)用戶的交互體驗(yàn)，也可以減少用戶對(duì)于新軟件的學(xué)習(xí)成本。目前市面上Android手機(jī)使用了虛擬導(dǎo)航欄，虛擬導(dǎo)航欄常駐于屏幕底部，占據(jù)了大面積的舒適觸控區(qū)域。如果布局設(shè)計(jì)不恰當(dāng)會(huì)直接導(dǎo)致產(chǎn)品使用上的缺陷，這種設(shè)計(jì)方法不僅是突破國(guó)產(chǎn)主流APP規(guī)則的嘗試，也是對(duì)國(guó)外優(yōu)秀交互體驗(yàn)設(shè)計(jì)的認(rèn)同。

（二）細(xì)化場(chǎng)景

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

（三）減少輸入

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

（四）增強(qiáng)交互

增強(qiáng)交互是指增加終端對(duì)于用戶的行為作出的反饋，新穎的交互不一定會(huì)增加用戶的學(xué)習(xí)成本，優(yōu)秀的交互是讓用戶首次使用就能輕易上手，讓用戶理解一切都式合理邏輯的。