最佳運動類APP-Keep原型設計與欣賞
運動類APP是大家手機中必備的一款軟體。如果說誰手機裡沒有任何涉及運動類APP，那隻能說真的與時代脫軌了。近些年隨著物質生活條件的改善，人們開始越來越重視自己的身體，所以也越來越多的人會進行身體鍛鍊。
尤其是像我們這種設計師，每天的工作就是坐在電腦前做產品定位分析、使用者調研、業務需求分析、目標使用者畫像、使用者需求分析、原型設計，互動設計文件等等。日常的運動更是必不可少。當然，今天不是來和大家說運動的重要性。接下來要做的是帶領大家一起來分析和欣賞當今最佳一款運動類APP-Keep的設計，誰叫我這麼熱愛工作，每天沉迷於工作不能自拔呢，哈哈。希望對互動設計感興趣的設計師朋友們有所用處。
首先，和大家來簡單介紹一下這款最佳運動類APP-Keep。Keep是一款具有社交屬性的運動健身類產品。使用者可以充分利用碎片化的時間,隨時隨地選擇適合自己的健身課程進行真人同步訓練。從2015 年 2 月上線至今，註冊使用者量已過1億。在中國手機應用運動類APP指數排名第一（資料取自艾媒北極星）。那到底是什麼樣的設計造就瞭如此好的使用者體驗，從而吸引大量使用者註冊使用呢。接下來和大家一起一探究竟。
1.產品定位
基於健身教學視訊的運動類APP，並融合社群、活動挑戰、商城、飲食等功能模組，通過提供使用者互動及運動裝備購買，力求打造線上健身平臺的閉環。
2.使用者分析
①性別佔比
根據艾媒北極星給出的統計資料來看，在使用使用者中，男士比例為33.91%，女士比例為66.09%。
②年齡佔比
根據艾媒北極星給出的統計資料來看，使用者年齡集中在30歲以下。
3.特色功能介紹
相比其他的運動類APP，在Keep中有一系列形式多樣的健身計劃、還通過推薦健身搭配飲食來滿足使用者的其他需求，讓使用者在健身過程中享受樂趣。
真人同步訓練，記錄訓練：以視訊全程語音督導，自動同步進度。每次訓練都會預留休息時間，不需要使用者去想，只需跟著視訊語音來鍛鍊，對於使用者來說，具有很強的衝擊力和趣味性。
釋出個人動態：分享健身成果，拍照記錄每一天的變化，分享給好友相互鼓勵，讓健身不再孤獨。
徽章：通過訓練可獲得相應等級徽章並一鍵分享到不同渠道，讓使用者產生攀比心理，製造目標，促使使用者去完成任務獲得徽章。
課程表：針對不同人群，制定不同鍛鍊任務，以日曆的方式顯示每天的任務，每次到鍛鍊時間會及時提醒。切實做到量體裁衣。
4. 資訊架構分析
5. 原型設計分析及實現技巧
提到原型設計，原型工具就必不可少了。有人說，我可以使用手繪啊，這個在此不多做評價，有興趣的可以看看我之前的文章（ ofollow,noindex" target="_blank"> 紙上原型設計 VS 桌面原型工具設計，你更喜歡誰？ ）。當然，個人更推薦使用原型設計工具。目前市場上的 原型設計工具 琳琅滿目，在這裡，根據個人多年設計經驗，推薦大家使用國產Mockplus做原型設計。其上手之快，操作之便捷，效率之高，也只有你身體力行後才能夠體會了。
廢話不多說，先來嚐鮮小編以Mockplus製作的運動類APP-Keep的原型。
成品原型圖：
原型線上演示地址：
https://run.mockplus.cn/tTUqShHAXPfczBUr/index.html
原型微信掃碼演示地址：
原型設計解讀及實現技巧：
從介面中，我們可以看出，此APP中有4個底部導航選單（運動、發現、社群、我）。在運動、社群這兩個頁面的佈局均是通過點選標籤組切換至不同頁面。此外，在單獨頁面中，內容的佈局很多都是一致的。這些在Mockplus中均有封裝好的元件和圖示，可快速設計出原型。
① 底部導航選單欄設計
使用“帶文字圖示”元件，直接在圖示庫中填充對應圖示。佈局好之後，直接將其新增至個人的元件庫，其餘頁面直接複用。
②選單內的頁面切換
直接使用標籤組配合內容面板，輕鬆拖拽滑鼠即可實現頁面切換。（詳情見： http://doc.mockplus.cn/?p=387 ）
③頁面內內容佈局設計
內容頁的佈局均是一樣的，我們只需做好一個，然後直接將其轉換為快速格子，快速實現重複佈局。而裡面的內容及圖片，可直接使用自帶的填充功能。（詳情見： http://doc.mockplus.cn/?p=2811 ）
運動類APP在市場上還有很多，如小米運動，悅動圈，咕咚等。對互動設計感興趣的朋友可以選擇幾款APP使用 Mockplus 做出互動原型。相信可以為你後期快速將產品構想變為可視介面奠定堅實基礎，一起加油吧，設計圈的騷年們！