{"id":6338,"date":"2019-05-17T10:02:31","date_gmt":"2019-05-17T13:02:31","guid":{"rendered":"https:\/\/www.blip.ai\/blog\/?p=6338"},"modified":"2023-07-15T23:17:02","modified_gmt":"2023-07-16T02:17:02","slug":"como-construir-prototipos-em-conjunto","status":"publish","type":"post","link":"https:\/\/www.blip.ai\/blog\/design\/como-construir-prototipos-em-conjunto\/","title":{"rendered":"Dicas sobre prot\u00f3tipos colaborativos: como prototipamos a evolu\u00e7\u00e3o do BLiP em apenas 1 dia"},"content":{"rendered":"

A prototipagem \u00e9 um processo complexo, que demanda muita pesquisa e m\u00e3o na massa. Neste post, voc\u00ea vai entender como construir prot\u00f3tipos em conjunto pode otimizar e aprimorar ainda mais essa experi\u00eancia.<\/span><\/i>
\n 
\nEm toda boa empresa de tecnologia contempor\u00e2nea, as mudan\u00e7as acontecem r\u00e1pido demais, e precisamos nos adaptar a essas mudan\u00e7as com a mesma velocidade em que elas acontecem. Com a Take n\u00e3o \u00e9 diferente: percebemos necessidades em nossos clientes que antes n\u00e3o existiam e, muitas vezes, precisamos atend\u00ea-las o quanto antes.<\/span>
\nSendo assim, precisamos seguir um processo de design bem estruturado para atendermos a essas necessidades da maneira mais adequada poss\u00edvel. Mas como combinar velocidade e precis\u00e3o? <\/span>Em grupo!<\/b>
\nPor isso, ao longo de uma tarde, algumas pessoas do time de design da Take desenvolveram um prot\u00f3tipo de alta fidelidade para um novo recurso do BLiP (que \u00e9 segredo, stay tuned).<\/span>
\n\"como<\/p>\n

Metodologia utilizada no processo<\/h2>\n

Para que isso acontecesse, seguimos o m\u00e9todo do <\/span>Design Sprint 2.0<\/b>, que foi criado pelo designer Jake Knapp e que hoje \u00e9 utilizado por v\u00e1rias empresas ao redor do mundo, mostrando-se efetivo para a valida\u00e7\u00e3o de ideias em pouco tempo de desenvolvimento. O foco \u00e9 <\/span>mapear, idear e desenvolver<\/b> uma ideia em apenas 4 dias de workshop.<\/span>
\nMas como foi a experi\u00eancia de desenhar um prot\u00f3tipo de alta fidelidade em conjunto? Afinal, n\u00e3o \u00e9 f\u00e1cil desenvolver este tipo de entrega em grupo. Aqui, vamos falar um pouco sobre como foi a nossa experi\u00eancia de construir prot\u00f3tipos em conjunto, o que aprendemos e como essa intera\u00e7\u00e3o nos ajudou e fortaleceu como equipe. <\/span>
\n

\"como
O time durante o design sprint. Da esquerda para a direita: \u00c2ndlei Lisboa (Product Designer), Fernando Lima (UX Designer), Brunna Amaral (Webdesigner) e Ermeson David (UX Designer)<\/figcaption><\/figure><\/p>\n

Nossas dicas para quem vai construir prot\u00f3tipos em conjunto<\/h2>\n

Quando falamos em desenvolvimento de novos produtos, a fase de prototipa\u00e7\u00e3o pode variar de projeto para projeto, pois cada um tem sua especificidade. Sendo assim, n\u00e3o existe um passo-a-passo para isso.<\/span>
\nPor\u00e9m, temos algumas pr\u00e1ticas que podem facilitar o nosso trabalho na prototipa\u00e7\u00e3o de um produto digital de forma colaborativa:<\/span><\/p>\n

1. Escolha uma ferramenta \u00fanica<\/h3>\n

Cada designer tem a liberdade de usar a <\/span>ferramenta de prototipagem<\/span><\/a> que mais lhe conv\u00e9m. \u00a0Por\u00e9m, escolher a ferramenta correta \u00e9 de extrema import\u00e2ncia na fase de prototipa\u00e7\u00e3o, principalmente quando falamos de um design sprint onde temos apenas um dia para criar um prot\u00f3tipo de alta fidelidade. <\/span>
\nAo executar esse tipo de trabalho em grupo, \u00e9 interessante que <\/span>todos usem uma ferramenta que agilize o trabalho de todos<\/b>. Se cada um fizer sua parte em uma plataforma diferente, o processo de insights e feedbacks torna-se dif\u00edcil e \u00e9 poss\u00edvel que o resultado final fique semelhante a uma colcha de retalhos.<\/span>
\n\"como<\/span>
\nAqui na Take utilizamos o <\/span>Figma<\/span><\/a>, que permite que diversos usu\u00e1rios de uma mesma equipe tenham acesso a um mesmo trabalho ao mesmo tempo. Assim,<\/span> todos podem trazer suas contribui\u00e7\u00f5es para o projeto da forma mais coesa poss\u00edvel<\/b>, al\u00e9m de trazer recursos de design de interface e prototipa\u00e7\u00e3o.<\/span>
\nO Figma pode ser utilizado diretamente no navegador, sem a depend\u00eancia de um sistema operacional espec\u00edfico ou de algum processo de instala\u00e7\u00e3o, o que \u00e9 uma grande vantagem no processo.<\/span><\/p>\n

2. Monte sua sala de guerra<\/h3>\n

Trabalhar um dia inteiro com pessoas em um mesmo projeto e em uma mesma sala nos trouxe aprendizados incr\u00edveis. Apesar de cada um trabalhar em seu pr\u00f3prio computador, todos os envolvidos no projeto estiveram presentes na mesma sala.<\/span>
\nDessa forma, <\/span>todos os envolvidos estavam totalmente focados no projeto<\/b>, evitando interrup\u00e7\u00f5es e muito alinhados no que diz respeito \u00e0 consist\u00eancia da interface. Os insights e feedbacks s\u00e3o mais f\u00e1ceis de serem ditos pessoalmente, o que acabou agilizando ainda mais o trabalho. <\/span><\/p>\n

3. Divida para conquistar<\/h3>\n

Um mesmo projeto \u00e9 composto por diversas partes. Para agilizar o processo, resolvemos dividir essas partes entre a equipe.<\/span>
\nNo sprint, <\/span>cada designer tinha um papel espec\u00edfico<\/b> para que n\u00e3o perd\u00eassemos tempo. Enquanto um designer criava os componentes e padr\u00f5es de navega\u00e7\u00e3o, outros montavam as telas e havia mais um designer para fazer com que aquele prot\u00f3tipo fosse naveg\u00e1vel mapeando todas as intera\u00e7\u00f5es.<\/span>
\n\"como<\/span>
\nNeste ponto, o Figma se mostrou uma \u00f3tima ferramenta, pois tudo isso foi desenvolvido em uma mesma \u00e1rea de trabalho, o que permitiu a <\/span>troca constante de feedbacks<\/b>.<\/span><\/p>\n

4. N\u00e3o se esque\u00e7a dos testes<\/h3>\n

De nada vale um belo prot\u00f3tipo se ele n\u00e3o for validado pelos usu\u00e1rios finais. Ap\u00f3s um dia de trabalho montando telas com todas as intera\u00e7\u00f5es necess\u00e1rias para o sucesso do usu\u00e1rio, no \u00faltimo dia do design sprint <\/span>fomos a campo e colocamos nosso trabalho em prova<\/b>. <\/span>
\nForam v\u00e1rias vis\u00f5es diferentes e muitos feedbacks ricos para a evolu\u00e7\u00e3o do produto. Levantamos nossas <\/span>principais certezas, d\u00favidas e suposi\u00e7\u00f5es<\/b>, mapeamos o fluxo ideal e utilizamos um roteiro como guia para avaliar a ader\u00eancia do produto desenvolvido com os nossos usu\u00e1rios finais.<\/span><\/p>\n

Conclus\u00e3o<\/h2>\n

Trabalhar em equipe em um \u00fanico projeto n\u00e3o \u00e9 f\u00e1cil, principalmente quando se trata de algo que exige agilidade \u2014 s\u00e3o muitas vis\u00f5es, opini\u00f5es e experi\u00eancias diferentes para construir prot\u00f3tipos em conjunto.<\/span>
\nNo entanto, esse tipo de atividade foi muito importante para o crescimento de cada um. Foram quatro pessoas que trabalham em equipes diferentes, com vis\u00f5es diferentes e com diferentes formas de lidar com problemas ensinando umas \u00e0s outras. Ao final do dia, apesar do cansa\u00e7o, <\/span>fizemos um trabalho do qual nos orgulhamos e colhemos muitos aprendizados<\/b> \u2014 e esperamos que, em breve, voc\u00ea aproveite junto com a gente!<\/span>
\nSe voc\u00ea tem interesse em mais assuntos sobre design, desenvolvimento e neg\u00f3cios no meio da tecnologia, assine nossa newsletter aqui no blog e receba mais conte\u00fados como esse por e-mail!<\/span><\/p>\n

\n

\"brunna<\/strong>
\nBrunna Amaral e Fernando Lima<\/strong>
\nWebdesigner e UX Designer na Take
\n <\/p>\n

Leia mais:<\/h3>\n

Desafios e oportunidades de UI\/UX design em interfaces conversacionais<\/span><\/a><\/h3>\n

Como o Business Origami ajudou no direcionamento da evolu\u00e7\u00e3o do BLiP?<\/a><\/span><\/h3>\n

\u00c9tica e design de conversas: humanize conversas sem confundir o usu\u00e1rio<\/a><\/span><\/h3>\n","protected":false},"excerpt":{"rendered":"

A prototipagem \u00e9 um processo complexo, que demanda muita pesquisa e m\u00e3o na massa. Neste post, voc\u00ea vai entender como construir prot\u00f3tipos em conjunto pode otimizar e aprimorar ainda mais essa experi\u00eancia.   Em toda boa empresa de tecnologia contempor\u00e2nea, as mudan\u00e7as acontecem r\u00e1pido demais, e precisamos nos adaptar a essas mudan\u00e7as com a mesma […]<\/p>\n","protected":false},"author":512,"featured_media":6340,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[127],"tags":[],"class_list":["post-6338","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"lang":"pt","translations":{"pt":6338},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/posts\/6338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/users\/512"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/comments?post=6338"}],"version-history":[{"count":0,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/posts\/6338\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/media\/6340"}],"wp:attachment":[{"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/media?parent=6338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/categories?post=6338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blip.ai\/blog\/wp-json\/wp\/v2\/tags?post=6338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}