UX Collective 🇧🇷 - Medium 07月11日 19:22
Do discovery à implementação (e além)
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文分享了使用人工智能(AI)从零开始构建产品LinhaDeChegada.run的经验。该项目面向跑步爱好者,在产品设计的各个阶段都使用了AI工具,包括市场调研、用户访谈、界面设计和后端开发。文章探讨了AI在加速、补充甚至影响设计流程中的作用,并分享了作者在实践中获得的经验和遇到的挑战,强调了AI工具的辅助作用以及人类判断的重要性。

💡 **探索与构思阶段:** 作者使用ChatGPT进行市场调研,分析了跑步爱好者的需求、服务类型、信息获取渠道以及痛点,为产品定义提供了基础。通过ChatGPT生成用户调查问卷,收集真实用户反馈,验证产品假设。

🛠️ **界面开发与实现:** 作者使用Lovable.dev平台,通过文本指令生成用户界面和后端系统,无需传统设计工具。ChatGPT被用作中间桥梁,将想法转化为Lovable能理解的指令。作者也发现了直接在Lovable中进行创意探索的价值,以获得更多样化的设计方案。

🗣️ **沟通与反馈:** 与AI工具沟通需要明确的指令,包括明确指出“不应该做什么”。作者通过实践,逐渐学会了更精准地传达意图,并尝试在指令中加入否定性信息,以减少不必要的修改。同时,作者也认识到AI工具有时会产生超出预期的结果,需要不断调整和优化。

🚀 **项目成果与总结:** 在一周内,作者完成了LinhaDeChegada.run的第一个版本,包括主页、专业人士列表、活动日历等功能。作者总结了AI在产品开发中的优势,如加速流程和探索创意,但也强调了人类的批判性思维和明确的沟通至关重要。

Construindo um produto do zero com IA.

Tela do Lovable com o projeto LinhadeChegada.run

Com o avanço das ferramentas de inteligência artificial, surgiu uma pergunta prática: até onde e como podemos usar IA em um processo completo de design e criação de produto?

Para responder, criei o LinhaDeChegada.run — uma plataforma voltada ao universo da corrida amadora, desenvolvida com o apoio de IA em todas as etapas, da pesquisa à implementação. O projeto teve um objetivo claro:

Experimentar como a IA pode acelerar, complementar ou até atrapalhar o fluxo real de trabalho em design.

Neste artigo, compartilho o processo, os aprendizados e os limites que encontrei ao testar esse modelo na prática.

­

Contexto

O projeto partiu da curiosidade de experimentar o uso da IA no processo de design e construção de produto digital, conectado com uma ideia de negócio a partir de experiências do meu círculo pessoal.

O tema que escolhi foi o universo da corrida amadora. Minha namorada é corredora e acompanhei um pouco do processo dela em começar nessa caminhada sozinha, até a mudança quando começou a ter apoio de pessoas profissionais da área.

Usei isso como ponto de partida para testar ferramentas, validar hipóteses e construir um MVP funcional. Fiz um planejamento inicial de qual ferramenta eu usaria em cada etapa do processo.

Planejamento de quais ferarmentas utilizar durante o processo

­

Discovery e Ideação

A primeira etapa foi mapear o mercado e levantar hipóteses. Para isso, usei o ChatGPT como parceiro estratégico. Pedi que organizasse quais os:

Exemplo de resultados que o ChatGPT trouxe a partir da pesquisa inicial sobre o mundo de corrida de rua

Com base nesse material, defini algumas teses iniciais de produto — como a dificuldade de encontrar bons profissionais, a pulverização de informações sobre provas e a falta de critérios claros na escolha de serviços.

­

Transformando hipóteses em pesquisa

A seguir, pedi à IA que me ajudasse a estruturar um formulário para validar essas hipóteses com usuários reais. As perguntas abordavam temas como:

O formulário foi distribuído entre corredores amadores e alcançamos 44 respostas válidas. Isso permitiu levantar evidências concretas que sustentassem (ou não) as direções do produto com base em dados reais — não apenas suposições.

­

Do dado ao direcionamento

Com os dados coletados, retornei ao ChatGPT para consolidar os padrões e me ajudar a transformar as respostas em decisões de produto. Os aprendizados mais relevantes foram:

Exemplo do resultado da análise da pesquisa via formulárioque o ChatGPT

Com base nisso, criamos um business model canvas e definimos as primeiras funcionalidades do MVP:

Nessa etapa a IA foi importante para agilizar a estruturação e validação de hipóteses, funcionando como uma ferramenta de síntese e apoio à análise crítica — sem deixar de revisar e decidir com base no meu julgamento.

­

Implementação

Com as decisões de produto definidas, passei para a construção da interface.

Ao invés de usar ferramentas de design tradicionais, optei por construir o MVP com o Lovable.dev — uma plataforma que gera interfaces e sistemas completos a partir de instruções textuais.

­

Escrevendo a interface

A construção foi feita sem eu ter que desenhar uma única tela. Eu escrevia o que queria e o Lovable traduzia isso em telas navegáveis e back-end funcional, a partir dai eu ia pedindo ajustes específicos de interação e visuals. Em alguns casos, usava o ChatGPT como ponte — transformando minha intenção em comandos mais objetivos, que o Lovable pudesse interpretar melhor.

Descobri existirem dois caminhos:

­

O desafio de comunicação

Um ponto de atenção foi que o Lovable, em alguns momentos, ia além do que tinha sido pedido — adicionando comportamentos ou interações que eu não queria.

Um dos aprendizados que tive sobre a interação com essas ferramentas foi que é preciso ser específico sobre o que deve ser feito e, principalmente, o que não deve.

Exemplo de comunicação com a ferramenta — aqui eu já tinha passado várias vezes por isso e estava testando abordagens de feedback para a ferramenta quando isso acontecia.

A partir desses aprendizados, passei a incluir também o que não deveria ser feito ao final de cada instrução.

Ainda assim passei por momentos frustrantes, onde a comunicação não funcionava, mas esse direcional ajudou bastante a diminuir esses casos — exemplo de direcional que era escrito junto com a instrução do que deveria ser feito:

…Importante: não alterar interface visual nem lógicas que já funcionam
em outras áreas do site. Todas as mudanças devem ser isoladas ao
fluxo de autenticação e dashboard.

Em alguns momentos, também, a ferramenta gerava uma expectativa de resolução que não se concretizava na prática.

Por exemplo, ao identificar um erro em um fluxo e montar um plano de solução, ela criava um botão com o rótulo “Implementar solução definitiva” para dar o comando de executar o plano.

A ação dava a entender que o problema seria resolvido com um clique — mas, na prática, muitas vezes o erro continuava.

­

A criatividade

Em vários momentos, optei por usar instruções mais abertas no Lovable, como: “Implemente uma solução mais lúdica” ou “Deixe esse fluxo mais agradável visualmente”.

A ferramenta conseguia responder com sugestões criativas que, muitas vezes, traziam direções interessantes para serem exploradas. Ainda que quase sempre fosse necessário refinar os resultados, os caminhos propostos serviam como bons pontos de partida.

Área de “Minha conta” na primeira versão
Área de “Minha conta” depois do comando mais aberto para melhorar o visual

­

Primeira versão

Em aproximadamente uma semana (dedicando grande parte do tempo a ajustes visuais e refinamentos nas interações) finalizei a primeira versão do site que considerei pronta para ser lançada, com:

Tudo isso foi construído sem escrever código ou abrir ferramentas de design visual.

Imagem da página inicial do site linhadechegada.run

­

Principais aprendizados

O experimento serviu como um laboratório prático para entender até onde a IA pode ajudar — e onde ela precisa de mais direcionamento humano.

Meus principais aprendizados:

🧠 IA complementa, mas não substitui

Ferramentas de IA podem acelerar etapas como discovery e implementação, mas o olhar crítico e o envolvimento humano continuam indispensáveis. Ao longo do processo, precisei revisar, ajustar e complementar desde as perguntas de pesquisa até as soluções geradas.

­

✨ Pode ir além de seguir instruções

A IA não serve apenas para executar direções claras. Em vários momentos, ela me ajudou a explorar caminhos que eu não havia considerado, inclusive em contextos mais abertos e criativos. Essa capacidade de gerar alternativas pode ser útil não só para validar ideias, mas para expandi-las.

­

🗣️ É um aprendizado constante de comunicação

Construir com base em texto exige um novo tipo de precisão. É preciso mais intenção, mais contexto e mais cuidado na forma como as instruções são escritas. Aprender a se comunicar com clareza e objetividade é parte do processo.

🚀 Use e pratique sem medo!

Trabalhar com IA pode gerar frustrações, especialmente quando a comunicação falha ou os resultados não saem como esperado. Mas, com prática e direcionamento, esses ruídos diminuem e as entregas melhoram. No fim, ferramentas de IA se mostram parceiras eficientes para tirar ideias do papel com agilidade.

E o uso de IA continua! Atualmente, estou utilizando o GPT para criar planos de anúncios e estratégias de divulgação nas redes sociais do Linha de Chegada.

Arte de divulgação do LinhadeChegada.run

O LinhaDeChegada.run está no ar, e o projeto segue evoluindo. Mais do que o produto final, o valor maior desse experimento foi entender um pouco mais e aprender, na prática, como combinar IA com pensamento de produto, com velocidade, mas sem abrir mão da direção.

Conhece algum profissional de corrida ou marca que possa se interessar em divulgar no site e apoiar o projeto? Indique ou compartilhe agora:

🏃 https://linhadechegada.run — @linhadechegada.run

Esse texto foi escrito pelo ChatGPT a partir de áudios que gravei como se estivesse contando como foi o projeto para outra pessoa.


Do discovery à implementação (e além) was originally published in UX Collective 🇧🇷 on Medium, where people are continuing the conversation by highlighting and responding to this story.

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

人工智能 产品设计 AI工具 LinhaDeChegada.run 跑步
相关文章