时尚运动移动客户端交互界面设计

李琛

摘 要：本文分析阐述了运动类移动客户端的市场现状，及其交互界面设计特点，并对设计一款运动类移动客户端的策略原则加以提取和阐述，为后续实践项目提供参考。

关键词：运动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规则的尝试，也是对国外优秀交互体验设计的认同。

（二）细化场景

细化产品的使用场景，是指应用被用户所启动时解决问题的途径。前期规划时需要提供可以完成用户需求的功能。结合适合的输入方式，帮助用户在某个场景里使用最少的操作完成任务。比如，用户哪些时间会使用移动端？答案是用户会在记录跑步过程时用到查看附近跑友的活动，启动运动记录功能等，所以，这些功能都不应该被分散的太远，方便用户快速切换。这既能让软件看起来更加的操作简易，智能化的体验也能增加用户的粘性。

（三）减少输入

最常用的减少输入方式就是提供常见的选项给用户备选，并不是一味削减界面的操作按钮，而是应该在界面按钮与操作效率中寻找平衡。以电视机遥控器设计为例，早期的电视遥控器拥有大量的实体按钮，此类设计的优势便在于用户花费较多时间掌握了这个遥控器后可以快速的调用自己所需的功能。這就是最基本方便用户寻找内容时提供指引减少输入。

（四）增强交互

增强交互是指增加终端对于用户的行为作出的反馈，新颖的交互不一定会增加用户的学习成本，优秀的交互是让用户首次使用就能轻易上手，让用户理解一切都式合理逻辑的。