Badminton Zone 的设计开发过程

深圳/设计爱好者/1年前/78浏览
Badminton Zone 的设计开发过程
为什么做这个App
我打羽毛球是菜又瘾的水平,好几年了,经常受虐不减热情。打球后大汗淋漓太酸爽解压了。打多后,会慢慢考虑到球路的组织问题,球路非常多,很难记住。之前找过相关的软件,没有找到对应产品,所以觉得这个是一个值得投入的需求。
需求 & 设计
因为这个项目对我的难点是开发,所以需求和设计上我都追求做到极简。需求上直接使用Axure来绘制简单的原型。
原型
最开始绘制的原型
Badminton Zone 的设计开发过程
Collect
后来抛弃这个版本的原因:
  1. 每个击球的数据会重复(上拍的落点和下一拍的击球点回重复),重复的信息会变成信息噪音,降低阅读效率,因此简化了。
  2. pagenationView不方便展示超过很多7个以上的数据
  3. 球路编辑的弹框不能太大,不然iPhone7这些手机就不一定能看到球场图了。
  4. 添加操作不方便。
最后一版的原型
Badminton Zone 的设计开发过程
Collect
这版原型和最后的效果还是有差异的:
  1. 编辑球路的页面考虑到所见即所得,所以放弃掉了原型里单独的编辑页的效果;
  2. 列表页加上添加按钮(1.1版本加上了扫码按钮)
设计
设计上我投入的时间主要是做3D建模和创建SF符号。
用Blender设计的球场模型
Badminton Zone 的设计开发过程
Collect
用Blender设计的羽毛球模型
Badminton Zone 的设计开发过程
Collect
设计的SF符号
Badminton Zone 的设计开发过程
Collect
开发
因为是首次自己设计自己开发软件,设计上,我已不差能力经验。难点是开发。所以我是直接开始构想如何开发。即重点是拆分开发任务。即不断思考这2个问题:
1. 这个App哪个功能最重要?
2. 这个最重要的功能能不能再细分?
3. 如果能细分,细分出来的哪个功能最重要?
这样整理出来的结果就是我开发优先级排序好的功能点列表。我先后开发的功能:
  1. scenekit的Scene的定制(颜色,镜头自动根据屏幕握持方向来改变)
  2. 3维轨迹-球路曲线的创建
  3. 球沿着球路曲线的运动(速度、旋转角度)
  4. 展示和切换单打/双打落点
  5. 球路数据的编辑和添加
  6. 球路标题模块
  7. 球路列表的俯瞰视图
  8. 样式的调整和优化
  9. 球路的增删改
  10. 测试和限定Max值
  11. 多语种的翻译和提交审核
Badminton Zone 的设计开发过程
Collect
上线
Badminton Zone
这个App 我提交给App Store审核,经过一次驳回,修改后再提交,最终于3.25日傍晚审核通过了!
回顾
从0到1,从需求到设计到开发一人做完,让我感觉自身能力多一个维度,感觉特别好。总结一下:
  1. 拆分能力非常重要。需求、设计方案、技术逻辑都可以拆分,拆分后就可以一步一步来,逐个实现。
  2. 问对问题的能力也很重要,在开发过程中,有的时候遇到xcode报错,我都不知道原因是什么,这个情况我会请教ChatGPT。 很多时候,ChatGPT给的答案不一定对,而且会让问题变得更复杂,所以如何把问题描述清楚,给出更具体的说明和要求,才能让Ai给出更明确更清晰更简洁的答案。
  3. 坚持,有好几次都写不下去了。因为我手上只有一台电脑,担心电脑出问题(如水泼到了),所以我有每日备份代码的习惯,其中的一个版本名称是“代码备份-改不动的版本”。还好熬过去了。
  4. Love & Just Do It, 热爱永远是第一驱动力,动手能力是爱好的附加生物。
体验链接
4
Report
|
收藏
Share
相关推荐
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
大家都在看
Log in