恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
我对校园足球产生积极影响的故事
0.0°
2017-03-11 原创文章 经验/观点 举报 1011 1 2 0

对于中国足球的现状,教育部21日举行新闻发布会,介绍2017年校园足球工作计划,提出将着力提高校园足球特色学校的建设质量和水平,争取提前完成建设2万所的任务,到2025年校园足球特色学校将达到5万所。

这意味着将有更多的人加入到校园足球的队伍中来,需要有个产品把校园足球联系起来,让这些年轻人获得更多对足球的关注和兴趣。


分散的校园足球

校园足球现在基本上都是学校内部相互打比赛,甚至院系之间都很少相互交流,也不知道其他院系学校的能力怎么样,也不了解校园足球的资讯,时间久而久之,会让一部分同学对足球的兴趣有所下降。


在这个数字化时代,校园足球应该是什么样子的?

实时获得与自己有关的赛事资讯;把志同道合一样热爱足球的人以约战、好友、分享的方式连接起来。


为什么从校园切入?

市场提供全员足球资讯的产品已经有很多,而定位校园足球的却寥寥无几;校园本身有完整生态-固定队伍、自有场地;单元复制-一校渗入,多校联合;学生的社交需求。


-1- 我的角色

这是去年我大二升大三暑假团队接的外包项目,我与甲方产品经理一起梳理信息架构、产品逻辑和改善交互,独立负责界面UI设计,最终输出产品原型、交互流程图、视觉设计稿、标注切图。我与三名技术人员合作开发,在开发过程中不断完善设计、跟进项目并且参与项目测试。


挑战 - 2个月4个学生从零到1开发一款功能综合型APP

值得一提的是我们的团队合作,这是我负责的第一款完整的产品,完全不懂开发的流程,开始还很担心跟不上开发进度,项目开始前组长根据我做的信息建构和产品原型一起商量暂时定下了任务节点,与其他两名技术讨论之后最终确定了具体的项目节点。使用Tower进行项目自主管理,大家基本都会在预计日期之前完成该段日期任务,大大提高了合作的效率。

Image title

Tower合作截图


-2- 告诉我你有关足球的故事

我们的目标用户非常明确,就是校园爱踢球的同学。


这是一个外包项目,所以我没有那么多时间在用户调研方面,但是还是为了了解真正热爱足球的人的想法和足球规则,我周六日下午在足球场观看比赛并采访球员,这让我在现场观察和发现了其中的乐趣。几个球员和身边爱踢球的同学休息期间都接受了关于他们的足球经验的采访。面试的主要问题是:

· 你如何了解足球赛事、资讯的消息?

· 你踢足球的动机是什么?

· 你们队伍是怎么与其他队伍约战的?

· 你希望认识更多与你志同道合的人吗?

· 你是通过什么途径了解其他球队的呢?以后希望以什么方式了解呢?


意外收获

让我比较开心的是,每次实地用户调研都会有新发现。


增加目标用户-喜欢踢足球男生的女生。一天周六下午我在操场看足球比赛,球场边缘有几个女生开心跳跃的欢呼,这是我第一次看到对足球这么有兴趣的女生,带着好奇心跟这几个女生说明了我的来意和目的,女生开心的答应了我的采访。在采访过程中,我了解到这天下午学校操场的足球比赛是纯兴趣童鞋自发组织的,她们是这些踢足球同学的女朋友,看到他们进球很开心;她们的男朋友很喜欢足球,受男朋友的影响,有几个女生也对足球本身渐渐产生了兴趣,也会半夜看球赛,新闻加上足球新闻的标签。


所以我的角色设定包括两个不同的原型(分别是爱踢球的男生和喜欢踢球男生的女生),首先满足爱踢球男生的需求。


-3- 实现思路

媒体引流 - 赛事跟踪(战报、集锦);球星迷妹(采访、专栏)

粘性社区 - 线下活动(全明星、趣味赛);线上活动(约战、灌水)

变现服务 - 打赏、赞助、培训、旅游

品牌4IP   - 赛事、装备、衍生品


-4- 信息架构

我根据与甲方产品经理一起讨论、优化、用户研究的结果最终确定的产品信息架构。全局导航为“首页、资讯、赛事、球队和个人资料(侧滑)”

Image title

信息架构


-5- 交互流程图

为了与程序员更好的沟通,让技术人员明白页面的交互效果,我把每个页面的产品原型做出来,并且对每个原型写了注释,并且以“1.0,1.1,2.1.1”的表示页面层级,之后又对每个部分分别画了使用流程图,让开发人员更明了,团队之间沟通起来也方便了很多。


这是各个页面产品原型的注释,字看不清,大概感受一下流程吧!(*^__^*) 

Image title


所有页面产品原型

下面是根据信息架构四个部分的产品使用流程图


Image title

首页-个人信息-约战使用流程图


Image title

资讯使用流程图


Image title

赛事使用流程图


Image title

球队使用流程图


-6- 视觉

寻找合适的绿色

视觉设计的一个非常具有挑战性的部分是找到正确的调色板。绿色表示草地,这是一个校园足球的产品,提起足球,我想很多人想到的都是“草地”,是的,我也不例外,我决定使用绿色作为产品的品牌色。


展示图我主要展示的是Redesign版本,大家如果下载,看到的上线的版本使用的绿色是我大二升大三暑假第一次设计完整界面ui使用的,大三上学期自己又Redesign了一下,所以这里介绍的是选取Redesign版本绿色的灵感来源——主要来源于大自然的绿色,优秀平面设计的绿色作为辅助参考。顺便提一句,作为一个超爱旅游骑行的人,大自然的颜色真的超美!不信你可以拍张美景然后吸取主要五种颜色,会发现真的很漂亮呢!


Image title

灵感来源


找到了合适的绿色(*^__^*) 

Image title

首页展示图


-7-总结反思

这是我大学负责的第一个开发的完整的产品,虽然它还有很多很多的不足,但是我真的把它当成个孩子。大二还没有毕业的时候接到的这个项目,当知道自己独立负责所有界面ui设计并且协助产经完成调研和交互时,心里是既期待又担心,期待自己即将有一个正式上线的产品,担心还没有上过任何关于用研、交互、信息架构课程的我能不能经受得起这份任务。正式签署协议期间,我网上搜集各种相关资料,怎么能把产品做得更好,走了很多弯路,但是那段时间收获也很多。之后大三上这些课程,无论软件使用还是对交互理解都得心应手很多。


整个暑假都在团队做这个项目,付出的时间和精力都是做的所有项目中付出最多的,以我当时的能力真的尽力了。无论视觉设计还是交互、还是一个产品从零到1的过程、团队合作等很多方面都让我成长了一大步,带给我的满足感是无法形容的,也是它让我更坚定了以后走互联网这条路。我对它进行Redesign也是因为把它当成个孩子,希望它越来越好,毕竟“好的设计必然是来自多次的iteration(迭代)”。


关于这个产品有太多太多想说,愿每个“PP”都有这样一个产品,它或许很多瑕疵,但是它的确是自己的孩子。


Image title

Image title


更新:2017-03-11

收藏

1人已收藏

设计小PP

好的设计必然来自多次的迭代

  • 9

    作品

  • 1

    粉丝

  • 12

    关注

  • 交互新人如何创建用户角色
  • Music Story -发表文章流程展示
  • 《奇怪的荆楚大冒险》场景插画
  • 简书iOS 10Redesign

    猜你喜欢

      2017-03-11 原创文章 经验/观点 举报 1011 1 2 0

      我对校园足球产生积极影响的故事

      0.0°

      你确定要举报我对校园足球产生积极影响的故事

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录