关于乐心运动视觉方案

”我每天都使用手环运动,可是这些数字是什么意思呢?“

“我每天都睡足了8个小时,可是为什么我还是觉得很困…”

“我每天都吃的那么少,可是为什么还是没有瘦”

很多有着运动习惯的用户会带着手环或者运动追踪器,他们并无法了解这些追踪器上的数字所带来的意义和运动指导作用。

对于这些问题,我们做了用户的画像并希望乐心运动app能真正的成为运动爱好者的伙伴。

乐心运动产品框架

·科学 安全 有效

随着各种的运动计划的呼出,当前几个比较主流的运动软件都对于自己的产品有着对应的运动计划和方案。那么乐心做为一个健康&运动为主的产品,所着重的点自然在大健康方面。

在设计开始之前,我们针对每一条运动业务的功能点和发展诉求以及用户场景进行了梳理,并对当前相同的模块进行整合归纳,确保后期产品以及业务发展的兼容性和扩展性。

·关于用户

和大部分运动的产品类似,以男性用户居多,男女比例在6:3。7成的男性用户处于28-30岁之间。用户以职场者居多。收入较为稳定。

·健康&运动

基于以上的分析,我们急需进行当前用户的使用场景的提炼。

  • 脱离亚健康
  • 更高品质的运动生活

1.脱离亚健康:这个属于用户的主管需求。

2.更高品质的运动生活:附加属性,必须要先保证亚健康的状况有所转好后,用户才会花更多的时间在运动上,并达到形体美、健美等更高层次的运动需求。

这一整个的进阶,不仅是转化更是体验的进步。设计师必须了解这两个不同阶段的用户的需求有什么区别才能更加准确的做出好的设计给用户。

设计关键词

通过之前的研究已经用户场景的分析,我们提炼出几个设计关键词:运动感、数据图表化、成就感。

·运动感:

做为一款运动类型的app,将运动感设计融入到整体品牌形象当中去,能更加贴近用户的使用场景。

·数据图表化:

将手环采集到的数据转化为用户能够明白并且能准备的给出指导的图形化方案。

·成就感:

运动中最困难的就是成就感体现,有了成就感,用户才有继续运动的动力。

情绪版

基于体验关键词创建情绪板

接着,我们从情绪版中抽取出最符合乐心运动品牌形象的三张图片来做为设计风格的指导。

结合以上的方方面面,我们总结出了三个设计方向:

  1. 以框架和组件做为数据展示的主要内容,有利于将来手环功能以及业务方功能的扩充
  2. 以结构为主的用户体系
  3. 已激励感为主的任务体系

用户场景

对于体验型的app,用户场景尤为重要,这就是所谓的感同身受。设计组的所有成员都是长期保持着运动习惯的,有跑者、健身、羽毛球等。

只有自己成为一个用户,才能在给用户解决问题时做出正确的方案。

一.用色规范

我们从情绪版中提炼出了设计风格,接下来就是根据设计风格提炼主颜色。

我们选用了渐变色的表现手法:

  1. 蓝渐变色,蓝色本身带有安全的感觉,我们把蓝色做为健康的基调
  2. 紫红色渐变,紫红色具有活力年轻的感觉,我们把紫红色做为活力的基调

我们在规定用色时不仅规定了颜色,并且规定了这些颜色在不同功能模块配合使用的比例。

二.组件与框架

由于产品的特殊性,很多功能不是一条线性的,是多线程进行,多入口以及信息复杂等情况。我们根据这些问题,我们在定义页面的框架时强调同一类别的模块的一致性。对于相同流程的不同节点则采用可插入式控件的方法进行设计。

三.设计推演

1.界面构成

通过前的户调研和真实的场景测试,我们发现用户在使用APP期间,是处于运动状态下,针对这种常见的使用场景,我们从以下两点去解决这个问题。

第一,拉开模块间的视觉

新的客户端主要采用亮色的背景铺开,并且使用高亮的按钮以及深色粗壮的数字字体做为数据展示。加强信息与数据见得展示和对比从而提高数据的展示性以及复杂环境下的通用性。

第二,加强关键操作以及主要信息的展示面积

我们将所有的可操作区域做为一个单独的区块去处理,可以让用户在最短时间内做出操作。我们将主要信息的区域也做了优化,使用户更轻松的阅读信息并理解信息带来的运动上的帮助

对于每个模块的不同信息区做了严格的比例划分。

2.颜色

我们采用了H S B的色彩方案。由于app的功能模块需要的颜色较多,所以除主品牌色以外,所有辅助色及字体配色均保持相同的明度以及两度,S&B上保持绝对统一,最终输出一套完整的颜色系统。

3.图标

对于图标,我们的理念是“拥有运动员般的爆发和稳定”。起初我们希望从体育赛事中寻找一些通用感觉的图标,后来发现在体育的进行中多以裁判员发出声音或者手势做为运动起始/结束/犯规等一系列表达。

所以,我们也采用了人体的感觉来绘制这些图标。

4.动效

好的动效可以有助于流程的切换和用户的使用引导,反之则花哨且影像主流程的连续操作。我们对于动效做了以下几点规范:

  1. 相同功能,相同模块全局保持统一
  2. 动效切换需要有节奏
  3. 动效如何开始就需要如何结束
  4. 每个页面动效不得超过2种

5,方案测试

设计过程中及时融入方案测试可以有效的帮助设计师发现问题并调整方案。

运动环境测试:将设计DEMO带入跑步环境中,在白天跑步、夜晚跑步下自测设计可行性。如跑步时将手机放入口袋是否会误操作,夜间跑步

时对于公里数以及激励语的播放和反馈,夜间跑步后回看反馈数据并且界面对比清晰不刺眼。反复讲设计界面拿到跑步场景中测试得出最优方案。

四.可用性测试

可用性测试测试:主流程设计完成后,挑选了6名代表性用户,用户涵盖主流用户年龄层(24-32岁),不同手机系统(苹果+安卓),制定并

观察他们完成任务,从中发现问题并解决这些问题。

结束语·运动永不停歇

这次的改版是UED的设计师们在离开了乐心后继续完成的,也算是我们对于乐心这段时间的以此总结吧。

体验型的app我个人认为最重要的是研究透彻用户场景,这种类型的产品不像之前的电商,有数据,看报表。体验型app更多的是提供了另一种生活的可能性给用户,而非说要让用户走完一条完整的线。

用户场景尤为关键,只有真正了解用户在这个场景中的角色,才能够给用户提供他们所需的解决方案以及帮助。

设计师不仅仅是解决问题的人,更要成为用户中的一员,只有这样,设计出来的产品才会有代入感。设计师也是先驱的人,我们先开拓了世界,然后引导用户一起进入我们的世界。