捕手学堂·文章107

《骑迹》骑行移动端应用项目记录与展示

193人已阅

《骑迹》骑行移动端应用项目记录与展示

捕手学堂·文章107·粉丝367 +关注



本文作者:Sunny Yang

原文地址:https://www.behance.net/gallery/41487185/_


限于behance作品展示形式,本内容对项目中的需求分析,软件概述,帮助词条等文档以及设计作品进行了重新架构和排版,以便完整地进行记录与展示。



用户角色模型


用户角色1

姓名:黄振

年龄:19

职业:大一学生

兴趣爱好:打球、运动、旅游等等

特征概述:大一学生,爱好课余活动有一定的空余时间,室友是个骑行爱好者,自己组装车,和朋友经常去组织骑行,受室友影响,羡慕室友的生活方式,自己也产生了浓厚的兴趣,但是缺乏专业的骑行知识并且没有车。


目标一:开始接触骑行,了解骑行,能和室友一起去参加组织的骑行活动

目标二:利用课余时间来锻炼身体,广交朋友,游玩刚刚来的城市。



用户角色2

姓名:曹冰冰

年龄:28

职业:家庭主妇

兴趣爱好:喜欢健美保持身材,旅游户外活动

特征概述:除了照顾孩子以外,有很多的空余时间,因为所在的城市经常举行骑行活动,觉得里面骑行的女孩子都很酷,自己正好也有时间,所以就决定开始接触骑行。


目标一:合理利用空余时间让自己的身材完美。

目标二:认识更多的朋友,开拓视野



用户角色3

姓名:龙海藻

年龄:30

职业:人力资源主管

兴趣爱好:户外运动,健身,喜欢充满活力的运动

特征概述:十年骑龄,已加入当地的骑行车队,对骑行运动非常专业,是一位老骑手,想组织更多的活动来认识更多的专业的骑行者,但是由于工作原因不能大量的消耗时间,所以需要一个平台来帮忙组织。


目标一:把骑行运动推广开来

目标二:结交更多的专业的骑行者,交流心得。

目标三:希望能有更多的骑行活动,自己能够参加。



用户角色4

姓名:柯镇西

年龄:26

职业:程序员

兴趣爱好:互联网,游戏,

特征概述:宅男,生活作息紊乱,身体虚胖,异性吸引力负值,大学时期经常骑着单车带女朋友去玩,现在因为工作原因,女朋友没了,单车也放着很久没用了,


目标一:改变现有的生活习惯,重拾大学时的信心。

目标二:老大不小了,也想找一个老婆了,这样下去是找不到的。



用户角色5

姓名:赵傲天

年龄:40岁

职业:某公司ceo

兴趣爱好:玩车

特征概述:以前喜欢玩豪车,最近对骑行很迷恋,经常和大佬朋友出去骑行,因为这样环保健康,喜欢购买昂贵的零件来自己组装车,和大佬朋友最近聊的话题都是组装车。


目标一:希望有一款比较专业的app来给自己推荐组装意见和零部件。

目标二:锻炼身体,延年益寿,做大佬朋友们的骑行指导。



需求分析


当下时代的人们无论是对生活质量的更高要求、还是对工作效率的持续保持,都越来越注重健康的生活方式,而骑行作为一种同跑步一样的由来已久的体力交通方式,是仅次于跑步的第二热门运动。


经过调查,了解到很多人都希望参与骑行这项运动,但是这种需求却遇到了两类困难:一类是对骑行这项运动的专业数据和所需的专业知识缺乏足够的了解,对周边的路线地图也不是很熟悉,也没有一起骑行的朋友,导致难以入行;另一类是许多已经是骑行爱好者的专业达人缺乏专业的平台来交流和推广骑行运动。



具体细化:


骑行新手需求:

新手用户更加需要的是一种专业的指导,包括app提供的专业知识,新闻信息,定制的路线,俱乐部里牛逼的大神们的指点,适当的社交也是他们需要的,俱乐部的聊天功能,发现里的骑友圈功能,好友功能等社交功能也能满足他们的需求,个人等级制度更能体现出一种每天都在进步的感觉,提升新手用户的粘性,直观的数据显示也能让新手用户一目了然的知道一次骑行所带来的结果。


骑行爱好者需求:

专业的骑行用户更加需要的是官方活动知晓,推广骑行运动让更多的人参与进来,领导自己的俱乐部成为全国最佳,更多的是更高层次的需求。我们app提供的官方活动,俱乐部板块能够满足这些专业的骑行者的需求。





产品概述


1.目标


对于骑行新手用户:


<1>  这款app我们给他们提供专业的骑行数据,以便他们实时的查看。

<2>  给他们提供专业的百科信息(设备信息,新闻信息,活动信息,医护知识);

<3>  给他们提供定制好的路线和导航功能解决他们不熟悉周边地图和路线的问题;

<4>  全新的挑战模式能让他们挑战该路线的第一名爱好者,全新的互动和乐趣,慢慢地让他们成为老手;

<5>  俱乐部功能让他们不再孤单一人,加入俱乐部和大神们一起讨论骑行交友,感受大家一起组织活动,一起骑行的乐趣,慢慢地爱上骑行行动,慢慢地变身老手;

<6>  发现功能让他们与大家实时分享心情,更有多种功能提供。

<7>  个人等级制度让他们直观的了解自己的等级,提升等级的乐趣,等级越高,就越能成为菜鸟心中的大神。


对于骑行专业达人用户:

<1>  俱乐部功能让他们创建属于自己的俱乐部,吸纳新成员,群聊交友,分享他们的专业知识给新手骑友,也可以与另外的大神交流心得,组织线下活动,成为新手眼中崇拜的对象,不仅满足了成就感,还能推广骑行活动。

<2>  俱乐部排名机制让他们带领自己的俱乐部冲击榜单,提高知名度,吸纳更多成员,发展壮大,一统骑行江湖。

<3>  定制路线让他们免去不知道该骑行哪条路线的烦恼,使活动举办更加轻松

<4>  经典路线推荐让他们能够挑战著名路线,提升骑行能力。

<5>  专业的新闻推送,装备推荐,医护知识让他们了解到更多信息,开拓视野。

<6>  骑友圈让他们能有装逼的资本,晒动态,晒牛逼装备,晒里程,晒奖杯等等,随便他们晒。



2.市场前景:


骑行运动成为了继跑步以后的第二大热门运动,越来越多的人参与到了骑行的大军当中,包括小白或是大神,现在又是移动互联网的时代,骑行者不喜欢带着厚重的设备来记录骑行过程,所以一个app如果有很多功能的话就能解决他们的需求。


现在的市场上的骑行app也不少,我们对比了十个左右的关于骑行的app,发现诸多问题,没有专业的骑行知识,没有路线推荐和定制路线,俱乐部功能不够完善,界面和图标用色不够美观等等,我们的app融合了多种优点和补齐缺点,提供专业的行业信息,定制路线,强大的俱乐部功能,有趣的骑友圈等等一些列全新的功能,能够给用户带来更多的其他app没有的体验。



3.总体流程


1->注册登录(手机号码和第三方)

2->自由行界面,开始随意骑行,记录骑行数据    

3->进入定制路线模式,选择路线,选择随意骑或者挑战模式,开始体会定制模式的乐趣。

4->进入俱乐部选项,创建或加入俱乐部,体会和他人一起骑行的乐趣,一起壮大您的俱乐部。

5->进入发现功能,在骑友圈与他人一起装逼一起晒,晒图,晒文字,晒里程,晒奖杯,晒心情,随便你晒。在排行榜里看见全国和同城的大神,自己的排名,向大神更靠近一步吧。在附近骑友中找寻更多陌生骑友,与他们交个朋友吧。在附近车行里查看附近车店,想买什么就买什么。在经典路线中查看全国著名路线,有兴趣就去挑战吧。在热门活动里看到正热的活动,想参加就报名吧。在骑行百科里我们给您提供一些列专业的骑行知识,有空来学习下哦。

6->进入我的功能,完善您的个人信息, 查看您的个人信息,有问题也可及时来联系我们哦。



4.功能逻辑设计

<1>  自由行功能:提供数据实时监测,提供地图功能(展示数据,更直观,地图导航,拒绝路痴)

<2>  定制路线功能:提供已规划好的路线,提供历史数据,历史第一名数据,好友数据,并提供数据实时对比,提供地图功能(为新手用户规划路线,无需自己制定)

<3>  挑战模式功能:挑战该路线的第一名、好友或者自己的历史记录,数据实时检测,地图实时可视化对比(全新的模式,带来挑战的刺激感,数据不仅只是数据,还与用户产生了互动)

<4>  自定义路线功能:自行自建路线(为其他用户分享路线,为自己存储路线)

<5>  俱乐部功能:创建或者加入俱乐部,开启群骑之旅(独乐乐不如众乐乐;用户主动创造内容,增加活跃度,也需要社区来进行激励)

<7>  骑友圈功能:发布最新动态,查看全国,同城或者好友的动态(晒图,晒文字,晒里程,晒奖杯,晒心情,满足分享的需求)

<8>  排行榜功能:查看全国大神,同城大神,好友和您自己的排名(自我展示,陌生人社交,激励制度)

<9>  附近骑友功能:查看附近陌生骑友(什么?隔壁就有同好?)

<10>  附近车行功能:查看附近车店(减少用户与车行沟通成本)

<11>  经典路线功能:查看全国著名路线,了解路线详情(总有那么几条不骑没法吹牛逼的路线)

<12>  热门活动功能:查看热门活动,了解活动详情,通过俱乐部进行报名(与俱乐部模块进行联动)

<13>  骑行百科功能:新闻、医护、装备、游记四大功能(四大专业功能,提供专业的骑行指导,新手可以参考,达人可以创造)

<14>  个人等级功能:8个等级,骑满一定的里程数就能升级(为用户创造品牌度与信任度,区分不同用户)

<15>  历史记录功能:可以查看以往的骑行数据(个人数据存储中心)

<16>  总数据功能:总里程,总消耗,总时间,平均速度,其他数据五大汇总(成就与积累,需要让自己看到)

<17>  我的收藏功能:收藏的路线和其他收藏(方便查看)

<18>  我的好友功能:添加删除好友(点对点社交功能,非主要)

<19>  我的俱乐部功能:查看您参加过的俱乐部(咦?我的俱乐部究竟是在"我的"里还是在"俱乐部"里?)

<20>  设置功能:清除缓存,退出账号等功能



5.信息架构图



帮助词条


1.创建俱乐部提示

普通俱乐部:创建普通俱乐部无需提供任何信息资料,您可以自由创建俱乐部。


达人俱乐部:创建达人俱乐部,需要提交您参与过的骑行活动所获得的相关奖杯、奖章、奖状等荣誉的合影照片,照片数量不少于五张,上传完成审核通过后,您所创建的俱乐部将会获得达人俱乐部徽章。


官方俱乐部:创建官方俱乐部,需要您下载填写《官方认证通用申请公函》,填写完整后加盖公章,上传清晰的文件描件(国家认证公函,机构运营许可等扫描件,媒体相关报导等能够证明组织真实性的材料扫描件)。支持jpg和png格式,图片大小不超过2M每张,上传完成审核通过后,您所创建的俱乐部将会获得官方认证的专业骑行俱乐部徽章。



2.FAQ


Q:我要如何创建俱乐部?

A:点击进入俱乐部页面,右上角加号可以进入创建俱乐部页面,我们提供三种俱乐部形式,普通俱乐部、达人俱乐部、官方俱乐部。具体解释说明如下:


普通俱乐部:创建普通俱乐部无需提供任何信息资料,您可以自由创建俱乐部。


达人俱乐部:创建达人俱乐部,需要提交您参与过的骑行活动所获得的相关奖杯、奖章、奖状等荣誉的合影照片,照片数量不少于五张,上传完成审核通过后,您所创建的俱乐部将会获得达人俱乐部徽章。


官方俱乐部:创建官方俱乐部,需要您下载填写《官方认证通用申请公函》,填写完整后加盖公章,上传清晰的文件描件(国家认证公函,机构运营许可等扫描件,媒体相关报导等能够证明组织真实性的材料扫描件)。支持jpg和png格式,图片大小不超过2M每张,上传完成审核通过后,您所创建的俱乐部将会获得官方认证的专业骑行俱乐部徽章。


Q:我要如何加入俱乐部?

A:点击进入俱乐部页面,您可以搜索俱乐部关键词,(例:搜索“浙江大学”)也可以在俱乐部列表下找到您感兴趣的俱乐部,进入后点击申请加入。俱乐部的会长或管理员会收到您的申请,待对方确认后即可加入。


Q:我的骑行数据是如何查看和保存的?

A:在您结束骑行后,系统会立即生成显示这段骑行的数据,同时这段数据也会保存到您的个人中心数据库。在个人中心数据库,您可以通过日历上的骑行标记查看骑行历史数据。


Q:定制路线有什么特色?

A:定制路线是我们根据您的城市规划好的最佳骑行路线,同时提供地图导航功能。


Q:挑战模式是什么?

A:全新的骑行体验模式,选择您想要挑战的路线,可以挑战该路线的第一名、好友或者自己的历史记录,实时数据对比让您更加直观的了解自己与对方(个人历史数据)的差距,提升骑行乐趣。



Q:附近车行是什么?

A:附近车行是根据您当前的定位在地图上显示的车店位置,在骑行过程中遇到问题可以及时赶到离您最近的车店进行维修。




Q:自定义路线是什么?

A:自定义路线是您在地图上自由选择终点,系统生成路线并给出预测数据(预计时间、消耗),您可以按照路线自由骑行。





等级制度/排行榜


1.等级制度

说明:个人等级设置8级,按照用户个人的骑行总里程计算。


等级   称号           所需里程数

LV1    见习骑士       0~50km

LV2    初级骑士       50~200km

LV3    青铜骑士       200~500km

LV4    白银骑士       500~1000km

LV5    黄金骑士       1000~2000km

LV6    荣耀骑士       2000~5000km

LV7    圣骑士           5000~10000km

LV8    龙骑士           10000km以上



2.排行榜

说明:俱乐部等级是按照俱乐部成员骑行的总里程计算,目的是鼓励俱乐部成员为了俱乐部等级可以更多的参与骑行。


等级   称号           所需里程数

LV1    一星显示       0~1000 km

LV2    二星显示       1000~10000km

LV3    三星显示       10000~50000km

LV4    四星显示       50000~100000km

LV5    五星显示       100000km以上





逻辑交互图



设计规范&控件库



高保真&模拟交互(扫二维码)




打赏后可加作者微信进行下一步沟通
0人已打赏
0 0
193人已阅读

微信扫一扫

关注该公众账号

全部评价:0

相关文章推荐

  • 手绘在Banner图设计中可以怎么玩?

    关于今天这个话题,其实很早就想写了,看到很多人问我手绘对于设计的重要性相关的问题,所以干脆写一篇关于手绘之于Banner图设计的意义的文章好了。跟往常一样,我先给大家列一个提纲:1、为什么会用到手绘?2、Banner设计中有哪些常用的手绘形式呢?3、手绘一般用在哪些地方?4、会手绘的设计师有哪些优势?5、不会手绘就做不好设计了吗?6、传授一个用花瓣找图的小妙招。接下来我一个个知识点来给大家讲解:1、为什么会用到手绘?(1)因为风格或角色需要因为风格需要,比如要做一些卡哇伊/搞怪的/充满梦幻神秘色彩/内容量特别庞大的Banner设计,你可能都需要借助手绘来完成,因为手绘的形式丰富多样,我么可以充分发挥自己的想象力把它用手绘的方式表现出来。举个例子:淘宝造物节。(2)受版权和经费限制,有时候一个活动主题是有好几个设计方向的,但迫于找素材不方便或版权限制以及经费不允许或者时间不充裕等情况,设计师更多
    Jamie · 1年前 · 界面设计
    1200人已阅读
  • 5个关键词看小程序和App的UI异同

    微信总喜欢在深夜推出一个大新闻,昨晚10点,小程序开放公测的消息一出,我公号的文章都推不出去了,一直显示系统繁忙,那得是多大的流量啊,心里暗想,能分我一点零头就好了,估计是我想多了!自从做了自媒体之后,就有了职业病,看到热点就想追,这病得治!虽然我研究苹果比较多,但是大家总是把小程序和App放在一起比,因此我也花时间看了一下小程序的开发指南,尤其是UI部分的设计和原则,今天就拿它和苹果的HIG(Human Interface Guidelines)做个比较,其实两者在一些大的原则处理上可以说是一致的。关键词一:友好礼貌对应于苹果:Less is more苹果在iOS7时做了一个非常大的界面调整,以突出内容为主,去除掉了所有会干扰用户的界面元素,这个风格一致延续至今(以苹果自家的App,比如指南针,天气为例就可以看出)。微信在指南一开始也强调了这个原则,并用两个正反示例加以说明。一是不要在搜更多
    晓黑 · 1年前 · 界面设计
    831人已阅读
  • 热门有趣的信息图是怎样诞生的?

    什么是信息图?信息图形(Infographic),又称为信息图,是指数据、信息或知识的可视化表现形式。——摘自百度百科;信息图最初是指报纸、杂志、新闻通讯社等媒体刊登的一般图解。随着信息可视化更多
    捕手学堂 · 1年前 · 设计色彩
    612人已阅读