Badminton-Footwork 1.0到3.0的设计迭代过程

用户头像
深圳/设计爱好者/2年前/120浏览
Badminton-Footwork 1.0到3.0的设计迭代过程
2021年3月21日,
Badminton-Footwork
App 1.0上线后到2024年5月,此应用已经更新到3.2版本。开始做这个App, 动力还是想做出设计和商业上都能自豪的产品,3年后回顾,设计上还算达标,商业尚需努力。
1.0 设计开发过程
因为之前工作项目的教训,让我决定之后的项目迭代节奏一定要做到极致。每个版本的开发时间限定在8小时内,8小时做不完就换人。8小时内做完就马上测试验收,验收没问题就马上付款。因此对设计的要求其实是非常高的:
  1.  需求能简化到极致,能砍掉的都要砍掉;
Badminton-Footwork 1.0到3.0的设计迭代过程(图ZMTQ4NDQ5NjA=) - 资讯 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
2. 设计方案也要极致简化:能使用默认的交互就使用系统默认的交互(因此需要非常了解官方的人机交互指南);文案能简化就简化,这里就涉及到非常多文案写作的技巧尽量用 Symbol > 单词 > 短语 > 段落
Badminton-Footwork 1.0到3.0的设计迭代过程(图ZMTQ4NDQ5NjQ=) - 资讯 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
3.整个设计方案能否简化为一个页面?极简后的方案往往可以省略掉新手引导的设计,因为用户的学习成本已经非常低了。
Badminton-Footwork 1.0到3.0的设计迭代过程(图ZMTQ4NDQ5Njg=) - 资讯 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
Badminton-Footwork 1.0的设计过程:
  1.  先使用Sketch设计好页面,导出UI标注。
  2.  然后导入到Principle 做好动画效果,确保交付给开发后,降低沟通成本,让开发可以收到方案后,马上就能理解需要开发的需求和效果,快速投入开发。
  3.  写出具体的需求和设计文档
  4.  找开发,2021年03月16日在V2EX我发起一个
    贴
    ,回答问题,然后3月19日找到了合适的人选。
  5.  然后我发方案给对方,对方看完方案后,给我预算,然后我付了定金后,然后就开始开发,大概只花了4.5小时,就开发好,然后我测试验收,没有发现什么问题,就马上提交给App Store。最终3月21日通过审核上线。
2.0 设计开发过程
1.0 做好之后,隔了2年,我决定做2.0版本。把双打步伐加上,这个双发步伐想了好久才把算法想出来了。2.0 版本的设计难点有:
  1.  双打步伐算法,这个双打轮转逻辑算法是我总结归纳出来的。
Badminton-Footwork 1.0到3.0的设计迭代过程(图ZMTQ4NDQ5NzI=) - 资讯 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
2.球场步伐演示动画过渡到球场位置选项(2.0上最令我自豪的设计细节, 具体的设计过程是使用blender制作好动画,然后导出png的系列图,然后使用apng maker工具来制作成apng图)
Badminton-Footwork 1.0到3.0的设计迭代过程(图ZMTQ4NDQ5NzY=) - 资讯 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
3.音效(2.0加:击球声、双打进攻/防守的情况声音)
4.布局的调整,横屏从原来的单列调整为2列
Badminton-Footwork 1.0到3.0的设计迭代过程(图ZMTQ4NDQ5ODA=) - 资讯 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
设计难点都解决好后,写好需求和设计文档然后找了一个熟悉的开发高手,也是用了8小时左右的时间开发好。2.0版本于2023年4月30日上线。
3.0 设计开发过程
3.0 版本解决训练场地的桎梏问题,因此新版核心功能就是AR功能,这也是我首次设计AR功能的方案。设计过程是相对简单,就是把已有的3D模型导入到 Reality Converter里导出为ARkit使用的USDZ格式即可。然后开发用来实现具体的效果即可。
3.0具体的设计方案:
Badminton-Footwork 1.0到3.0的设计迭代过程(图ZMTQ4NDQ5ODQ=) - 资讯 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
其中核心的AR功能的设计方案:
Badminton-Footwork 1.0到3.0的设计迭代过程(图ZMTQ4NDQ5ODg=) - 资讯 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
这个版本开发好后,因此测试过程中出现了不少问题,调试修复用了好几天,最终2023年7月18日上线。
总结
当然这3个大版本之间,有一些修复bug的小版本。现在的最新版本3.2还是有一点小bug还在解决中。
设计上,也在考虑用户反馈的问题做一些功能的调整优化。
Badminton-Footwork
是我不断试错后创作的第一个能稳定带来正面积极反馈的应用。
继续努力。
1
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
盲盒APP UI设计
UI界面 组件
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】礼物/活动icon
手表表盘UI系列
【新年UI图标】30个图标
Security Camera UI kit
UI通用设计素材1
新能源APP应用UIKit
UI 登录界面设计模板包
科技医疗透明柜UI界面设计
【新年UI图标】会员icon
高级感金属拟物 UI设计组件库
钱包ui模板
户外旅行飞机情侣假日出行
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】秒杀icon
新拟态风格 UI设计组件库
【新年UI图标】体育icon
你可能喜欢
相关收藏夹
大家都在看
登录注册