{"id":14441,"date":"2024-04-29T20:22:28","date_gmt":"2024-04-29T23:22:28","guid":{"rendered":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/"},"modified":"2024-04-29T20:22:28","modified_gmt":"2024-04-29T23:22:28","slug":"5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br","status":"publish","type":"post","link":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/","title":{"rendered":"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site &#8211; imasters.com.br"},"content":{"rendered":"<p>we are developers<br \/>Design &amp; UX<br \/>Tem <a href=\"#\">13<!-- --> artigos<\/a> publicados com<a href=\"#\"> <!-- -->16900<!-- --> visualiza\u00e7\u00f5es<\/a> desde <a href=\"#\">2015<\/a><br \/>\u00c9 um gerente de marketing na startup austr\u00edaca Usersnap. \u00c9 especializado em inbound &amp;amp; content marketing. Em seu tempo livre, escreve sobre tend\u00eancias de marketing e de tecnologia em seu blog. Ele pode ser encontrado no Twitter: @tompeham.<br \/>Voc\u00ea j\u00e1 recebeu feedback sobre seu mockup ou prot\u00f3tipo de um site do tipo \u201cQue linguagem \u00e9 essa? Eu n\u00e3o sei falar \u2018lorem ipsum!\u201d.<br \/>J\u00e1? Ent\u00e3o voc\u00ea sabe que n\u00e3o \u00e9 um sentimento muito bom. N\u00e3o pela pergunta em si&#8230;<br \/>Neste artigo, vou te mostrar 5 dicas para que voc\u00ea se previna de receber esse tipo de feedback e como fazer seus mockups ainda melhores.<br \/><a href=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-large wp-image-88067\" src=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg\" alt=\"mockups-1\" width=\"620\" height=\"318\" srcset=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg 620w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-300x154.jpg 300w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1.jpg 700w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><br \/>Jerry Cao escreveu, em um <a href=\"http:\/\/sixrevisions.com\/user-interface\/design-mockup-fidelity\/\" target=\"_blank\" rel=\"noopener\">artigo recente<\/a>, que a chave para um mockup de sucesso pode ser encontrada na defini\u00e7\u00e3o do n\u00edvel de fidelidade que ser\u00e1 usado no est\u00e1gio de prototipagem.<br \/>Come\u00e7ar com papel e caneta para trabalhar os primeiros rabiscos \u00e9 uma vit\u00f3ria f\u00e1cil. Esses esquetes ser\u00e3o bastante gen\u00e9ricos e pouco fi\u00e9is. \u00c0 medida que a fidelidade desses esquetes aumenta, eu recomendo que voc\u00ea use uma ferramenta simples, como <a href=\"https:\/\/balsamiq.com\/\" target=\"_blank\" rel=\"noopener\">balsamiq<\/a> ou moqups. Deixe ferramentas mais profissionais como Photoshop e similares para quando voc\u00ea for trabalhar em desenhos de alta fidelidade.<br \/>A chave aqui \u00e9 encontrar o timing do esquete de baixa para alta fidelidade.<br \/><a href=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-2.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-88068\" src=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-2-620x309.png\" alt=\"mockups-2\" width=\"620\" height=\"309\" srcset=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-2-620x309.png 620w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-2-300x150.png 300w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-2.png 696w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a>(source: <a class=\"selectionShareable\" href=\"http:\/\/www.jfarny.com\/inrix.php\" target=\"_blank\" rel=\"nofollow noopener\">jfarny.com<\/a>)<br \/>Ambos, seja come\u00e7ando muito cedo ou muito tarde nos mockups de alta fidelidade, v\u00e3o gastar recursos (f\u00edsicos e de tempo), e voc\u00ea vai arriscar acabar com um prot\u00f3tipo med\u00edocre.<br \/><a href=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-3.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-88069\" src=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-3-620x422.png\" alt=\"mockups-3\" width=\"620\" height=\"422\" srcset=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-3-620x422.png 620w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-3-300x204.png 300w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-3.png 700w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><br \/>&nbsp;<br \/>Enquanto fazemos esquetes e wireframes, nossa tend\u00eancia \u00e9 pensar em solu\u00e7\u00f5es antes mesmo de levantar o \u201cproblema real\u201d.<br \/><em>O pedido do cliente \u201cfa\u00e7a a logo maior\u201d n\u00e3o \u00e9 a identifica\u00e7\u00e3o de nenhum problema.<\/em><br \/>\u00c9 uma proposta de solu\u00e7\u00e3o, apesar de voc\u00ea n\u00e3o estar oferecendo nenhuma informa\u00e7\u00e3o do problema para a solu\u00e7\u00e3o. Questionar com v\u00e1rios \u201cporqu\u00eas\u201d pode ajudar nessas situa\u00e7\u00f5es.<br \/>Hoje, somos treinados para pensar em solu\u00e7\u00f5es e em muitas situa\u00e7\u00f5es essas ideias podem ser muito \u00fateis. Por\u00e9m, n\u00e3o \u00e9 realmente de grande ajuda quando voc\u00ea est\u00e1 no meio do processo criativo, desenhando wireframes e mockups.<br \/>E a maioria dessas solu\u00e7\u00f5es vem em forma de requisi\u00e7\u00f5es, como \u201cpodemos mudar a cor de vermelho para azul\u201d.<br \/>Ent\u00e3o, se voc\u00ea est\u00e1 buscando muito a \u201csolu\u00e7\u00e3o\u201d dos seus colegas e clientes, tente levantar alguns porqu\u00eas. Por exemplo, \u201cvoc\u00ea pode me dizer qual \u00e9 o desafio que voc\u00ea est\u00e1 tentando resolver com isso?\u201d.<br \/>Ao ir fundo e descobrir o real problema, voc\u00ea n\u00e3o s\u00f3 vai ter um resultado melhor, mas vai tornar a sua vida de designer e desenvolvedor mais f\u00e1cil \ud83d\ude42<br \/>Eu sei, imagens e c\u00f3pias n\u00e3o estar\u00e3o em sua lista de prioridade enquanto voc\u00ea estiver trabalhando em um novo mockup. Mas deveriam estar. De verdade.<br \/>O recurso correto em seu mockup n\u00e3o s\u00f3 vai destruir seu wireframe, mas tamb\u00e9m trar\u00e1 o design a um novo n\u00edvel, o design de alta fidelidade.<br \/>Al\u00e9m do est\u00e1gio dos esquetes e do mockup, voc\u00ea (e seus colegas e clientes) deveriam estar trabalhando na linguagem visual do seu novo web app ou site.<br \/>Claro, n\u00e3o h\u00e1 necessidade de apresentar imagens padr\u00e3o ou ilustra\u00e7\u00f5es finalizadas nesses mockups.<br \/>H\u00e1 uma <a href=\"https:\/\/medium.com\/web-development-resources\/resources-of-royalty-free-images-for-your-tech-blog-b725b251f656\" target=\"_blank\" rel=\"noopener\">grande quantidade de imagens e v\u00eddeos de bancos de imagens<\/a> dispon\u00edveis que ajudar\u00e3o voc\u00ea a tornar seus mockups mais v\u00edvidos, definitivamente fazendo a diferen\u00e7a na sua apresenta\u00e7\u00e3o.<br \/><a href=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-88071\" src=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-4-620x493.png\" alt=\"mockups-4\" width=\"620\" height=\"493\" srcset=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-4-620x493.png 620w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-4-300x239.png 300w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-4.png 700w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a>(source: Google Style Imagery)<br \/>Se voc\u00ea mantiver o workflow dos seus mockups e prot\u00f3tipos est\u00e1tico, voc\u00ea perder\u00e1 uma enorme quantidade de tempo. Na maioria dos casos, \u00e9 muito mais eficiente manter tudo simples e leve. Quando voc\u00ea concluir os primeiros esquetes e wireframes, pode fazer a itera\u00e7\u00e3o mais rapidamente em passos pequenos, e ter um feedback r\u00e1pido do processo.<br \/>Por isso, eu recomendo:<br \/>N\u00e3o me entenda mal. J\u00e1 falei em alguns artigos da import\u00e2ncia de dados compartilhados e sistemas conectados. No entanto, isso pode ser um grande desafio durante o est\u00e1gio de prototipagem. Em muitos casos, isso pode at\u00e9 mesmo aumentar a criatividade, ao trocar de ferramentas para tarefas diferentes. Pessoalmente, eu acho este esquema de ferramentas muito \u00fatil:<br \/><a href=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-88073\" src=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-5-620x482.png\" alt=\"mockups-5\" width=\"620\" height=\"482\" srcset=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-5-620x482.png 620w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-5-300x233.png 300w, https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-5.png 700w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><br \/>Ser um profissional criativo requer muita expertise. Seus colegas e clientes conhecem muito sobre a audi\u00eancia e os objetivos estrat\u00e9gicos. Ent\u00e3o, vamos criar uma situa\u00e7\u00e3o onde todos ganhem. E deixe que eles digam quando for o tempo apropriado para voc\u00ea gui\u00e1-los de forma a fazer o melhor na fase de prototipagem.<br \/>Qual \u00e9 o seu conjunto de ferramentas quando voc\u00ea trabalha com mockups e prot\u00f3tipos?<br \/><em>***<\/em><br \/><em>Thomas Peham faz parte do time de colunistas internacionais do iMasters. A tradu\u00e7\u00e3o do artigo \u00e9 feita pela reda\u00e7\u00e3o iMasters, com autoriza\u00e7\u00e3o do autor, e voc\u00ea pode acompanhar o artigo em ingl\u00eas no link: <a href=\"http:\/\/usersnap.com\/blog\/prototyping-tips-website-mockups\/\" target=\"_blank\" rel=\"noopener\">http:\/\/usersnap.com\/blog\/prototyping-tips-website-mockups\/<\/a><\/em><br \/>De 0 a 10, o quanto voc\u00ea recomendaria este artigo para um amigo?<br \/>\u00c9 um gerente de marketing na startup austr\u00edaca Usersnap. \u00c9 especializado em inbound &amp;amp; content marketing. Em seu tempo livre, escreve sobre tend\u00eancias de marketing e de tecnologia em seu blog. Ele pode ser encontrado no Twitter: @tompeham.<br \/>Fique em dia com as novidades do iMasters! Assine nossa newsletter e receba conte\u00fados especiais curados por nossa equipe<\/p>\n<p><a href=\"https:\/\/news.google.com\/rss\/articles\/CBMiY2h0dHBzOi8vaW1hc3RlcnMuY29tLmJyL2Rlc2lnbi11eC81LWRpY2FzLXBhcmEtdm9jZS1tZWxob3Jhci1vcy1tb2NrdXBzLWUtb3MtcHJvdG90aXBvcy1kZS1zZXUtc2l0ZdIBAA?oc=5\">source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>we are developersDesign &amp; UXTem 13 artigos publicados com 16900 visualiza\u00e7\u00f5es desde 2015\u00c9 um gerente de marketing na startup austr\u00edaca Usersnap. \u00c9 especializado em inbound &amp;amp; content marketing. Em seu tempo livre, escreve sobre tend\u00eancias de marketing e de tecnologia em seu blog. Ele pode ser encontrado no Twitter: @tompeham.Voc\u00ea j\u00e1 recebeu feedback sobre seu&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[70],"class_list":["post-14441","post","type-post","status-publish","format-standard","hentry","category-design","tag-designer"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.1 (Yoast SEO v22.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site - imasters.com.br - 4tuneagencia.digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site - imasters.com.br\" \/>\n<meta property=\"og:description\" content=\"we are developersDesign &amp; UXTem 13 artigos publicados com 16900 visualiza\u00e7\u00f5es desde 2015\u00c9 um gerente de marketing na startup austr\u00edaca Usersnap. \u00c9 especializado em inbound &amp;amp; content marketing. Em seu tempo livre, escreve sobre tend\u00eancias de marketing e de tecnologia em seu blog. Ele pode ser encontrado no Twitter: @tompeham.Voc\u00ea j\u00e1 recebeu feedback sobre seu...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/\" \/>\n<meta property=\"og:site_name\" content=\"4tuneagencia.digital\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-29T23:22:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg\" \/>\n<meta name=\"author\" content=\"4tune\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"4tune\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/\"},\"author\":{\"name\":\"4tune\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/7c40d2e8b9964c2390122613459c2100\"},\"headline\":\"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site &#8211; imasters.com.br\",\"datePublished\":\"2024-04-29T23:22:28+00:00\",\"dateModified\":\"2024-04-29T23:22:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/\"},\"wordCount\":922,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg\",\"keywords\":[\"Designer\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/\",\"name\":\"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site - imasters.com.br - 4tuneagencia.digital\",\"isPartOf\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg\",\"datePublished\":\"2024-04-29T23:22:28+00:00\",\"dateModified\":\"2024-04-29T23:22:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#primaryimage\",\"url\":\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg\",\"contentUrl\":\"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/4tuneagencia.digital\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site &#8211; imasters.com.br\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#website\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/\",\"name\":\"4tuneagencia.digital\",\"description\":\"Marketing e Web Designer \",\"publisher\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/4tuneagencia.digital\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#organization\",\"name\":\"4tuneagencia.digital\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2023\/09\/novo-logo-e1694954525541.png\",\"contentUrl\":\"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2023\/09\/novo-logo-e1694954525541.png\",\"width\":250,\"height\":250,\"caption\":\"4tuneagencia.digital\"},\"image\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/7c40d2e8b9964c2390122613459c2100\",\"name\":\"4tune\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e81e8ea0176022ee4555117aee5e3092bff2a7aaa930134f8023c7d4bc2f1495?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e81e8ea0176022ee4555117aee5e3092bff2a7aaa930134f8023c7d4bc2f1495?s=96&d=mm&r=g\",\"caption\":\"4tune\"},\"sameAs\":[\"http:\/\/4tuneagencia.digital\"],\"url\":\"https:\/\/4tuneagencia.digital\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site - imasters.com.br - 4tuneagencia.digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/","og_locale":"pt_BR","og_type":"article","og_title":"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site - imasters.com.br","og_description":"we are developersDesign &amp; UXTem 13 artigos publicados com 16900 visualiza\u00e7\u00f5es desde 2015\u00c9 um gerente de marketing na startup austr\u00edaca Usersnap. \u00c9 especializado em inbound &amp;amp; content marketing. Em seu tempo livre, escreve sobre tend\u00eancias de marketing e de tecnologia em seu blog. Ele pode ser encontrado no Twitter: @tompeham.Voc\u00ea j\u00e1 recebeu feedback sobre seu...","og_url":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/","og_site_name":"4tuneagencia.digital","article_published_time":"2024-04-29T23:22:28+00:00","og_image":[{"url":"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg"}],"author":"4tune","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"4tune","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#article","isPartOf":{"@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/"},"author":{"name":"4tune","@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/7c40d2e8b9964c2390122613459c2100"},"headline":"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site &#8211; imasters.com.br","datePublished":"2024-04-29T23:22:28+00:00","dateModified":"2024-04-29T23:22:28+00:00","mainEntityOfPage":{"@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/"},"wordCount":922,"commentCount":0,"publisher":{"@id":"https:\/\/4tuneagencia.digital\/blog\/#organization"},"image":{"@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#primaryimage"},"thumbnailUrl":"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg","keywords":["Designer"],"articleSection":["Design"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/","url":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/","name":"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site - imasters.com.br - 4tuneagencia.digital","isPartOf":{"@id":"https:\/\/4tuneagencia.digital\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#primaryimage"},"image":{"@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#primaryimage"},"thumbnailUrl":"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg","datePublished":"2024-04-29T23:22:28+00:00","dateModified":"2024-04-29T23:22:28+00:00","breadcrumb":{"@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#primaryimage","url":"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg","contentUrl":"https:\/\/static.imasters.com.br\/wp-content\/uploads\/2015\/09\/mockups-1-620x318.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/4tuneagencia.digital\/blog\/5-dicas-para-voce-melhorar-os-mockups-e-os-prototipos-de-seu-site-imasters-com-br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/4tuneagencia.digital\/blog\/"},{"@type":"ListItem","position":2,"name":"5 dicas para voc\u00ea melhorar os mockups e os prot\u00f3tipos de seu site &#8211; imasters.com.br"}]},{"@type":"WebSite","@id":"https:\/\/4tuneagencia.digital\/blog\/#website","url":"https:\/\/4tuneagencia.digital\/blog\/","name":"4tuneagencia.digital","description":"Marketing e Web Designer ","publisher":{"@id":"https:\/\/4tuneagencia.digital\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/4tuneagencia.digital\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/4tuneagencia.digital\/blog\/#organization","name":"4tuneagencia.digital","url":"https:\/\/4tuneagencia.digital\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2023\/09\/novo-logo-e1694954525541.png","contentUrl":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2023\/09\/novo-logo-e1694954525541.png","width":250,"height":250,"caption":"4tuneagencia.digital"},"image":{"@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/7c40d2e8b9964c2390122613459c2100","name":"4tune","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e81e8ea0176022ee4555117aee5e3092bff2a7aaa930134f8023c7d4bc2f1495?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e81e8ea0176022ee4555117aee5e3092bff2a7aaa930134f8023c7d4bc2f1495?s=96&d=mm&r=g","caption":"4tune"},"sameAs":["http:\/\/4tuneagencia.digital"],"url":"https:\/\/4tuneagencia.digital\/blog\/author\/admin\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/posts\/14441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/comments?post=14441"}],"version-history":[{"count":0,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/posts\/14441\/revisions"}],"wp:attachment":[{"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/media?parent=14441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/categories?post=14441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/tags?post=14441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}