将创意转化为产品的十个步骤（第一部分）

各位开发者好！

你还记得你当初是怎么想到这个点子，并且想把它变成现实，但却不知道该从何入手吗？

在本系列文章（第 1 部分，第 2 部分）中，我将分享整个过程。

让我们从第一部分开始，也就是我们今天要讲的内容：

每一步都有一个最终目标，因此很容易集中注意力。

1. 想法

🎯最终目标：清晰的愿景

我的想法很简单：一款习惯追踪应用程序。

经过一年的实验，我决定开发一款应用程序来帮助我养成好习惯。

2. 动机

🎯最终目标：提升动力

一开始动力十足，但根据我的经验，产品开发需要时间。

所以我决定写下一些能帮助我保持更长时间动力的事情：

1. 新技能：Flutter/Firebase/Figma 和改进的简历
2. 一款能帮助我和我的好朋友的应用程序
3. 练习 Vim

3. 模型

🎯最终目标：提供整体视觉效果以理解建筑结构

在这里，我决定不深入细节，只介绍有助于完成工作的功能：养成习惯并将其标记为已完成。

4. 市场调研

🎯最终目标：更新我在某个领域的知识

所以，我先和朋友们讨论了这个想法，听听他们的看法。我的一位朋友已经研究过这个话题，所以他给了我一些很不错的资料供我仔细审查。

我查看了苹果应用商店/Play商店中的22款应用，并记录了每款应用的优缺点，以便更好地了解市场现状。

并用以下代码创建了概念页面：

1. 此类应用中最受欢迎的功能
2. 人们不喜欢竞争对手应用程序的哪些方面？
3. 市场上每款应用的优势和劣势
4. 关键词

5. 技术选择与教育

🎯最终目标：定义技术栈

为了简化选择，我设定了两个主要标准：

• 速度和成本——分别更快、更低
• 可行性——能够访问应用程序所需的设备 API

桌上摆着的有：

1. PWA - 渐进式 Web 应用
2. Phone Gap/Cordova
3. 原生 Android 和 iOS
4. React Native / Flutter

让我们详细了解一下这项决定是如何做出的。

PWA——看起来不错，但读了这份研究报告
后，我决定不走这条路。至少目前来看，iOS用户的引导流程从用户体验的角度来看相当糟糕。

PhoneGap/Cordova——和现在用 PHP 开始新项目一样。它能用，但你知道我的意思😁。

原生应用——开发和维护两套代码库成本很高。而且对于像我这样的简单应用来说，原生方案的优势完全是杀鸡用牛刀了。

React Native 和 Flutter都非常适合这项任务。在快速浏览了文档、查看了 GitHub 上的趋势以及可用的工具之后，我决定选择 Flutter。

以下是我做出这个决定的过程：

1. Flutter 由 Google 开发和维护，而我也有 Angular 的经验。所以，来自同一家供应商的东西应该很容易理解。
2. 后端我决定选择 Firebase，因为它能加快处理速度，而且似乎与 Flutter 有很好的集成。

我花了一天时间观看Flutter 速成课程，阅读文档，学习 Firebase 的基础知识。

6. 环境设置

🎯最终目标：加快开发

我想要一个已经可以正常运行的东西，所以我查看了样板代码和入门示例，以便尽可能地接近可以正常运行的应用程序。

我找到一个，几分钟后，这个带有身份验证功能的简单应用程序就已经安装到我的手机上了。很棒，不是吗？

有了这份入门代码，我对 Flutter 的学习帮助很大：

• 我从其他开发人员那里学到了如何正确地组织代码。

• 我大幅缩短了开发时间。

7. MVP 和来自 Instagram 的反馈

🎯最终目标：获得反馈和额外的动力提升

太好了，经过几天的修改，我的应用程序终于可以运行了：

我上传了一段关于这款应用的视频到Instagram，并提出了一个简单的问题：你想使用这样的应用吗？

结果还不错，尽管我知道由于“丑婴儿综合症”，我必须谨慎对待这些数据。

总之，这对我的动力很有帮助，公开宣布的消息给我带来了积极的压力，我也得到了初步的反馈。

8. 良好的用户界面/用户体验

🎯最终目标：用户界面布局

我从Dribbble上寻找灵感。我看了看设计师们如何在类似我的应用中展示某些内容，以及他们通常使用什么配色方案。

经过一天的流畅创作，我在Figma中得到了这个结果：

我在 Instagram 上进行了第二次调查，结果显示大多数人更喜欢网格视图而不是列表视图。所以我选择了网格视图作为第一个版本的设计。

9. 发展

🎯最终目标：具有全新用户界面/用户体验的可用应用程序

我花了整整两天时间才把它做出来。为了加快进度，一些用户界面元素被移除了。

以下几个要点值得注意：

1. 首先，我创建了一个包含颜色、样式和字体的主题类。这将确保整个应用程序的样式保持一致。
2. 剩下的就是编码了，有了完整的用户界面，这只是时间问题。
3. 尽管学习曲线很陡峭，但使用Vim可以将速度提高近 30-40%。

10. 首次发布

🎯最终目标：分享 Google Play 链接

因此，我选择了与上述相同的方法：理论与实践按 20/80 的比例进行。

1. 我研究了其他应用开发者如何在应用商店中展示他们的产品。

2. 阅读文章，了解如何制作更好的视觉效果、优化搜索引擎排名并提高转化率

3. 使用 Figma 和 Photoshop 制作图像

4. 根据市场调研结果撰写了SEO描述。

5. 我搭建了一个简单的网站，主要用于发布App Store 和 Google Play 要求的使用条款和隐私政策。

经过三天（谷歌审核正好用了三天），我的应用终于通过审核了：Google Play 🎉🎉🎉

接下来会发生什么？

太好了，希望你读得开心！现在我们计划先积累一小群用户，在真实环境中进行测试，非常欢迎你加入我们！

测试完成后，我会发布 iOS 版本，以便开展更积极的推广活动，例如在 Product Hunt、Google/Facebook 广告等平台上发布。关于这方面的内容，请关注第二部分，该部分将在工作完成后发布！

订阅即可获取最新消息！

我非常感谢您在下方评论区留下的反馈意见，无论是正面的还是负面的！

此致，
Alex
https://skob.io