Badminton-Footwork 4.0 设计开发过程

用户头像
深圳/设计爱好者/2年前/50浏览
Badminton-Footwork 4.0 设计开发过程
羽毛球步伐
 App 4.0 上线了2周左右的时间了。现在总结一下这1个多月的设计开发过程。
4.0 版本需要解决的问题
做4.0版本之前,因为我自己长时间使用3.0来训练步伐。还有一些用户直接或间接的反馈。总结了4.0版本需要解决的问题:
  1. AR球场定位后不能很好调整角度和位置;
  2. AR球场会遮盖在人物之上,并且会浮动在地面上;
  3. 3.0的训练计时是设定的训练时长 / 间隔 = 训练次数,然后再用训练次数 * 间隔 来得到最终训练的时长,导致最终训练的时长会少于设定的时长。这个问题是小问题,但还是希望做得更好一点。
  4. 单打训练没有进攻/防守的情景反馈,导致不好练习跳杀等主动步伐还是防守的被动步伐;
  5. 启动App的教程动画不能重播和卡顿的问题;
  6. 音频也有一些问题,不同数字的音频音量有差异;
  7. 当然,还是有一些bug需要修复,如倒计时点击结束按钮没有效果的问题。
这些问题即4.0的需求。
还有新的目标:就是为了方便后面App上到Vision pro,所以这次技术框架要从UIKit切换到SwiftUI。
设计方案
因为3.0之前技术方案是请朋友帮忙开发的。这次由自己来全部使用SwiftUI来重构,难度不小。所以设计上只在AR模块做了相对简略的设计。原因:
  1. 首页的设计只做微调,这个直接改代码即可;
  2. 这次AR页做的设计是确保开发有方向之外,也不好确保设计方案与最终方案能精细保持一致。因为我也是第一次开发AR模块,需要做很多摸索,即这次需要根据自己的技术水平来最终定产出的结果。
Badminton-Footwork 4.0 设计开发过程(图ZMTQ4NDgzMjA=) - 观点 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
  • 采用iPhone 7的分辨率来做设计,这个是我考虑兼容iOS设备的最低版本。
  • 后面查找平地的状态我去掉了,直接只用AR模块的默认提示即可。
  • 固定设备的提示后面改成更细腻的动画。
  • 设定训练位置和间隔时长考虑到横屏的高度,这里后面改成2列布局。
  • 开始和结束按钮后面考虑到一致性,还是用文案而不是会有歧义的图标按钮。
4.0 具体的设计改进之处
重点改进的地方:
  1. 训练位置选项
  2. 使用说明动画
  3. AR 球场的设置
  4. 计时器
  5. 单打模型
  6. 人物遮挡和景深侦测
1. 训练位置选项
Badminton-Footwork 4.0 设计开发过程(图ZMTQ4NDgyODQ=) - 观点 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
2. 使用说明动画
Badminton-Footwork 4.0 设计开发过程(图ZMTQ4NDgyOTY=) - 观点 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
3. AR球场的设置
Badminton-Footwork 4.0 设计开发过程(图ZMTQ4NDgzMDg=) - 观点 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
4. 计时器
首页和AR的技术器都做了优化。
Badminton-Footwork 4.0 设计开发过程(图ZMTQ4NDgzMDQ=) - 观点 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
Badminton-Footwork 4.0 设计开发过程(图ZMTQ4NDgzMTI=) - 观点 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
5. 单打模型
单打步伐训练的时候,3.0 只有击球的声音。不像双打步伐有进攻/防守的情景说明声音。导致不能练习主动步伐(我方可进攻)和被动步伐(我方需要防守)。4.0这里做了大的改进,这样单打步伐训练的时候,可以更具体练习对应的步伐。
6.人物遮挡和景深侦测
Badminton-Footwork 4.0 设计开发过程(图ZMTQ4NDgzMTY=) - 观点 - 站酷设计师ataraxia002原创素材 - 站酷ZCOOL
收藏
总结
这个
Badminton-Footwork
4.0项目从设计开发测试到上线。我花了不少时间精力。收获也有很多。从设计的角度来讲,收获:
  • 音频设计也要考虑多语言,尽量用同一种语调来说不同语言,避免同一个音量下,中文声音能很清楚,另外的声音可能会偏大或偏小;
  • 音频大小也要考虑,特别是无线传输的时候,音频越大,感觉会越慢。3.0训练的时候,这个问题能感觉到到,所以4.0我特别压缩了音频文件大小。
  • 了解技术其实可以大大拓展用户体验设计的边界。如果不了解ARKit和Reality,就不一定知道如何设计人物遮挡和景深侦测。
  • 开发过程中也会有更简洁的设计idea。所以设计方案就算设计好后,也可以认真听取开发人员的建议来再次简化设计方案。
End。
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
校园文化宣传栏
 ps常用偷懒笔刷
新能源腊八节海报
玫瑰
卡通兔子插画
乐陶创意体验工坊标志设计
像素兵马俑怪物动画序列帧
汉堡插画
木纹贴图设计师常用
love玫瑰花
浙江省区位分析图
炫光
头发1
红黑色简约现代风格|个人作品集排版简历模板
中国风书法汉字字体设计其他
国画水墨人物水墨画放牛娃画江南风景乡村墙绘素材
我要奋斗
女生半身插画
黑白荧光色实验性风格|个人作品集排版简历模板
人物网球运动、棒球运动动态插画
彩灯_花灯_春节彩灯_春节花灯_马年彩灯_马年花灯
船坞民宿概方案
小青龙IP吉祥物系列插画设计
国画水墨江南山水画装饰画电视背景墙装饰画
香盒包装设计国风国潮通用香礼盒
你可能喜欢
相关收藏夹
大家都在看
登录注册