{"id":7278,"date":"2021-03-09T20:29:18","date_gmt":"2021-03-09T20:29:18","guid":{"rendered":"https:\/\/blog-stg.cheesecakelabs.com\/blog\/building-app-phase-2-product-design\/"},"modified":"2022-07-01T18:18:57","modified_gmt":"2022-07-01T18:18:57","slug":"construindo-app-fase-2-design-produto","status":"publish","type":"post","link":"https:\/\/blog-stg.cheesecakelabs.com\/br\/construindo-app-fase-2-design-produto\/","title":{"rendered":"Construindo um aplicativo com a Cheesecake Labs: Fase #2 Design do produto"},"content":{"rendered":"

Na Cheesecake Labs, criamos uma metodologia de quatro fases para o desenvolvimento de aplicativos de sucesso: defini\u00e7\u00e3o do produto<\/a>, design do produto, desenvolvimento do produto<\/a> e otimiza\u00e7\u00e3o do produto.<\/p>\n

A utiliza\u00e7\u00e3o desse processo garante que um aplicativo atenda – e muitas vezes supere – as expectativas de nossos clientes, seus stakeholders e, o mais importante, dos usu\u00e1rios finais.<\/p>\n

Na primeira parte desta s\u00e9rie de conte\u00fados, explicamos como nossa primeira fase – Defini\u00e7\u00e3o do Produto – ajuda a preparar o terreno para um design e desenvolvimento bem-sucedidos. Agora \u00e9 hora de olhar para a Fase # 2: Design do produto.
\n
\nNeste guia, explicaremos como a equipe da Cheesecake Labs aborda o design de interface do usu\u00e1rio e UX do aplicativo – e por que essa abordagem \u00fanica agrega valor real ao seu neg\u00f3cio.<\/p>\n

Constru\u00edndo experi\u00eancias digitais encantadoras para seus usu\u00e1rios<\/h2>\n

A fase 2 \u00e9 onde as pe\u00e7as da sua ideia realmente come\u00e7am a se encaixar. At\u00e9 agora, a vis\u00e3o de seu aplicativo tem sido principalmente conceitual – todas as evid\u00eancias est\u00e3o l\u00e1 para dizer que provavelmente funcionar\u00e1 no mercado, mas voc\u00ea n\u00e3o necessariamente sabe como ser\u00e1 a experiencia real do usu\u00e1rio, tanto visualmente quanto pr\u00e1tica.<\/p>\n

Ao final desta fase, voc\u00ea ter\u00e1 uma compreens\u00e3o clara de como ser\u00e1 a apar\u00eancia do seu aplicativo, quanto custar\u00e1 para ser constru\u00eddo, quanto tempo o processo de desenvolvimento deve levar e – o que \u00e9 crucial – como os usu\u00e1rios ir\u00e3o interagir com ele.<\/p>\n

Seus usu\u00e1rios s\u00e3o nosso foco principal durante a etapa de design. Um aplicativo tecnicamente excelente, mas que n\u00e3o traz valor para o usu\u00e1rio, \u00e9 s\u00f3 isso e nada mais. N\u00e3o tem prop\u00f3sito. Para que um aplicativo mobile seja um case de sucesso, os usu\u00e1rios precisam am\u00e1-lo e querer se envolver com ele. \u00c9 isso que pretendemos alcan\u00e7ar nesta fase da jornada.<\/p>\n

\u00c9 importante destacar que voc\u00ea n\u00e3o precisa passar pela fase de Defini\u00e7\u00e3o de nossa metodologia de quatro fases para ir direto para a etapa de Design. N\u00f3s o recomendamos, mas n\u00e3o \u00e9 essencial. Talvez seu pensamento estrat\u00e9gico j\u00e1 esteja bem avan\u00e7ado e voc\u00ea j\u00e1 entendeu a fundo o seu usu\u00e1rio para ser capaz de construir uma experi\u00eancia digital incr\u00edvel – estamos felizes em come\u00e7ar de onde voc\u00ea parou ou atualiz\u00e1-lo e preencher as lacunas.<\/p>\n

No final do dia, tudo se resume a mitigar riscos e agregar valor. Mesmo se voc\u00ea estiver come\u00e7ando na etapa de Design, trabalharemos duro para testar a resist\u00eancia de sua ideia de aplicativo ao longo do processo – nossa equipe de QA estar\u00e1 dispon\u00edvel para avaliar a tecnologia e nossos desenvolvedores ser\u00e3o informados e prontos para assumir as r\u00e9deas.<\/p>\n

E digamos que voc\u00ea decida trabalhar internamente com sua pr\u00f3pria equipe de desenvolvimento ou contratar uma ag\u00eancia diferente para a constru\u00e7\u00e3o do app, ainda assim estaremos dispon\u00edveis para fornecer instru\u00e7\u00f5es e ajuda para os problemas, para garantir uma transi\u00e7\u00e3o perfeita e um resultado bem-sucedido para todos.<\/p>\n

O que acontece durante a fase de design da Cheesecake Labs?<\/h2>\n

Cada projeto e cada cliente t\u00eam necessidades \u00fanicas. Podemos ser chamados de Cheesecake Labs, mas n\u00e3o trabalhamos com receitas de bolos. E \u00e9 por isso que sempre nos concentramos no que voc\u00ea precisa – n\u00e3o no que nosso \u00faltimo cliente queria.<\/p>\n

Nossa prefer\u00eancia \u00e9 trabalhar lado a lado com nossos clientes; conversar com frequ\u00eancia no Slack e hospedar reuni\u00f5es semanais importantes para compartilhar o progresso, verificar o direcionamento e reafirmar que o aplicativo est\u00e1 funcionando para seu p\u00fablico-alvo. A colabora\u00e7\u00e3o n\u00e3o \u00e9 apenas parte do nosso processo; \u00e9 o nosso processo.<\/p>\n

\u00c9 por isso que a primeira coisa que fazemos durante a fase de design \u00e9 colocar todos na mesma p\u00e1gina. Talvez j\u00e1 tenhamos trabalhado juntos na Defini\u00e7\u00e3o do Produto<\/a> e simplesmente precisemos recapitular. Ou talvez haja um alinhamento mais significativo que precisa ocorrer. De qualquer forma, vamos come\u00e7ar (re) perguntando:<\/p>\n

O que estamos aqui para construir, para quem estamos construindo e por que estamos constru\u00edndo?<\/p><\/blockquote>\n

Essa vis\u00e3o hol\u00edstica e n\u00e3o filtrada do produto nos ajudar\u00e1 a validar as ideias e prepar\u00e1-las para a prototipagem.<\/p>\n

Produzindo wireframes<\/h3>\n

Voc\u00ea pode j\u00e1 possuir alguns wireframes, mas agora \u00e9 a hora de verificar como cada tela de seu aplicativo mobile ser\u00e1 estruturada. Os layouts de baixa fidelidade ser\u00e3o projetados com a UX ideal em mente – as cores, imagens e texto ser\u00e3o todos discutidos, mas vamos nos comprometer em oferecer uma experi\u00eancia do usu\u00e1rio encantadora que os ajude a completar suas tarefas com efici\u00eancia e prazer.<\/p>\n

\"\"<\/p>\n

Estamos falando de uma intera\u00e7\u00e3o ou experi\u00eancia radicalmente nova para esses usu\u00e1rios? Ent\u00e3o, podemos usar nossos prot\u00f3tipos clic\u00e1veis \u200b\u200bpara conduzir uma rodada de testes iniciais, se necess\u00e1rio. Ao pedir que os usu\u00e1rios em potencial percorram os modelos realizando \u201ctarefas\u201d ou \u201ctrabalhos\u201d no aplicativo, identificamos rapidamente oportunidades para reduzir a confus\u00e3o. Melhor agora do que quando seu aplicativo chegar ao mercado.<\/p>\n

Este tamb\u00e9m \u00e9 um \u00f3timo momento para apresentar o projeto \u00e0 nossa equipe de controle de qualidade (QA) e nosso Tech Lead. O QA pode detectar funcionalidades potencialmente problem\u00e1ticas, enquanto nosso Tech Lead dedicado destacar\u00e1 qualquer coisa que pare\u00e7a boa demais para ser verdade. Validar a tecnologia desde o in\u00edcio – no design e n\u00e3o apenas no desenvolvimento – significa que sabemos que a constru\u00e7\u00e3o \u00e9 tecnologicamente vi\u00e1vel. Isso tamb\u00e9m economiza tempo durante a fase de desenvolvimento, pois a equipe de QA ter\u00e1 contexto e j\u00e1 sabe o que \u00e9 necess\u00e1rio testar e o que se espera da experi\u00eancia do usu\u00e1rio.<\/p>\n

Os layouts come\u00e7am a tomar forma<\/h3>\n

Em seguida, nossos designers come\u00e7ar\u00e3o a adicionar cor e subst\u00e2ncia. Para muitos clientes, \u00e9 quando as coisas realmente come\u00e7am a ficar emocionantes, \u00e0 medida que o aplicativo ganha vida bem na frente de seus olhos.<\/p>\n

Para que possamos trabalhar com efici\u00eancia, a equipe de designers criar\u00e3o elementos em um Design System e os replicar\u00e1 no aplicativo. O seu design system \u00e9 um resultado da soma de sua marca e os requisitos da aplica\u00e7\u00e3o, criando assim uma cole\u00e7\u00e3o de componentes reutiliz\u00e1veis que refletem a identidade do produto. Esses elementos podem ser montados de v\u00e1rias maneiras para se adequar a cada tela, mantendo a consist\u00eancia e respeitando a linguagem visual da sua marca.<\/p>\n

\"\"<\/p>\n

Podemos at\u00e9 come\u00e7ar a discutir micro intera\u00e7\u00f5es, anima\u00e7\u00f5es e quaisquer outros extras de que seu aplicativo precisa. Nossa inten\u00e7\u00e3o neste est\u00e1gio \u00e9 criar um plano completo de tudo que seu aplicativo deve ter para ser um sucesso com seu p\u00fablico.<\/p>\n

Invista em Design e o resto se cuida<\/h2>\n

Ao final da fase de design, voc\u00ea ter\u00e1 uma representa\u00e7\u00e3o de seu aplicativo, o mais pr\u00f3ximo poss\u00edvel da realidade, e sem exigir uma \u00fanica linha de c\u00f3digo. A pr\u00f3xima etapa \u00e9 lev\u00e1-lo para o desenvolvimento.<\/p>\n

Como nossa equipe de desenvolvimento especializada ter\u00e1 acompanhado a jornada da ideia de seu aplicativo at\u00e9 agora, eles est\u00e3o preparados e prontos para fornecer uma transi\u00e7\u00e3o perfeita do design para o desenvolvimento.<\/p>\n

Os resultados desta fase de design podem variar, dependendo das necessidades do seu projeto, mas eles desempenham um papel crucial na defini\u00e7\u00e3o de um briefing claro para os desenvolvedores come\u00e7arem, assim que voc\u00ea lhes der luz verde.<\/p>\n

As entregas do Design do Produto podem incluir:<\/strong><\/p>\n