{"id":122591,"date":"2023-06-25T00:47:44","date_gmt":"2023-06-25T03:47:44","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/"},"modified":"2023-07-26T16:58:58","modified_gmt":"2023-07-26T19:58:58","slug":"ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2","status":"publish","type":"post","link":"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/","title":{"rendered":"UI UX Design Workflow: Compreendendo o Fluxo de Trabalho"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html><br \/>\n  <head><br \/>\n    <title><a target=\"_blank\" href=\"https:\/\/brasil.uxdesign.cc\/ux-writing-na-pr%C3%A1tica-50f56ab1dc88\" rel=\"noopener\">Fluxo de Trabalho de UI UX Design<\/a><\/title><br \/>\n  <\/head><br \/>\n  <body><\/p>\n<h2>Introdu\u00e7\u00e3o ao Fluxo de Trabalho de UI UX Design<\/h2>\n<p>O Fluxo de Trabalho de UI UX Design \u00e9 um processo que visa melhorar a usabilidade e a <a target=\"_blank\" href=\"https:\/\/www.coursera.org\/learn\/fundamentos-do-design-da-experiencia-do-usuario-ux\" rel=\"noopener\">Experi\u00eancia do usu\u00e1rio<\/a> em um projeto de design. Neste artigo, vamos explorar a import\u00e2ncia desse fluxo de trabalho e como ele pode fazer a diferen\u00e7a no resultado final de um projeto de design.<\/p>\n<h3>Import\u00e2ncia do UI UX Design Workflow<\/h3>\n<p>O UI UX Design Workflow \u00e9 fundamental para o sucesso de um projeto de design, pois ele define todas as etapas necess\u00e1rias para criar uma experi\u00eancia de usu\u00e1rio eficaz e agrad\u00e1vel. Vamos destacar a import\u00e2ncia desse fluxo de trabalho e como ele pode afetar os resultados de um projeto.<\/p>\n<h3>Compreendendo o p\u00fablico-alvo<\/h3>\n<p>O primeiro passo no UI UX Design Workflow \u00e9 entender o p\u00fablico-alvo do projeto. Isso inclui pesquisa de mercado, an\u00e1lise da concorr\u00eancia e a cria\u00e7\u00e3o de personas que representam os diferentes tipos de usu\u00e1rios. Compreender as necessidades e expectativas dos usu\u00e1rios \u00e9 essencial para criar uma experi\u00eancia de usu\u00e1rio adequada.<\/p>\n<h3>Definindo os objetivos do projeto<\/h3>\n<p>Depois de compreender o p\u00fablico-alvo, \u00e9 importante definir os objetivos do projeto. Isso inclui estabelecer o prop\u00f3sito do design, identificar os resultados desejados e planejar as m\u00e9tricas para medir o sucesso do projeto. Ter objetivos claros ajuda a guiar as decis\u00f5es de design e garante que todas as etapas do fluxo de trabalho estejam alinhadas com esses objetivos.<\/p>\n<h3>Cria\u00e7\u00e3o de wireframes<\/h3>\n<p>Ap\u00f3s definir os objetivos do projeto, a pr\u00f3xima etapa no fluxo de trabalho \u00e9 a cria\u00e7\u00e3o de wireframes. Os wireframes s\u00e3o esbo\u00e7os b\u00e1sicos que ajudam a visualizar a estrutura e o layout do design. Eles n\u00e3o se preocupam com a est\u00e9tica, mas focam na funcionalidade e na disposi\u00e7\u00e3o dos elementos. Os wireframes fornecem uma vis\u00e3o clara do fluxo de intera\u00e7\u00e3o e ajudam a identificar poss\u00edveis problemas antes mesmo de iniciar o processo de design visual.<\/p>\n<h3>Design visual<\/h3>\n<p>Depois de criar os wireframes, \u00e9 hora de dar vida ao design com a parte visual. Nesta etapa, \u00e9 importante considerar os princ\u00edpios de design, como cores, tipografia e elementos visuais consistentes. O design visual deve ser atraente, mas tamb\u00e9m deve ser funcional e alinhado com as necessidades do usu\u00e1rio.<\/p>\n<h3>Prototipagem<\/h3>\n<p>Uma vez que o design visual \u00e9 conclu\u00eddo, \u00e9 fundamental criar prot\u00f3tipos interativos para testar a usabilidade e a experi\u00eancia do usu\u00e1rio. Os prot\u00f3tipos funcionam como vers\u00f5es interativas do design final, permitindo que os designers e os usu\u00e1rios testem a navegabilidade, intera\u00e7\u00e3o e fluxo de trabalho do projeto. Os feedbacks dos usu\u00e1rios nessa etapa ajudam a identificar poss\u00edveis melhorias e ajustes antes do lan\u00e7amento final.<\/p>\n<h3>Testes e itera\u00e7\u00f5es<\/h3>\n<p>Ap\u00f3s a prototipagem, \u00e9 hora de realizar testes com usu\u00e1rios reais e obter seus feedbacks. Esses testes ajudam a identificar problemas de usabilidade, falhas de design e pontos de atrito que podem afetar a experi\u00eancia do usu\u00e1rio negativamente. Com base nos resultados dos testes, \u00e9 poss\u00edvel realizar itera\u00e7\u00f5es e fazer ajustes refinados no design para melhorar a experi\u00eancia do usu\u00e1rio.<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>O Fluxo de Trabalho de UI UX Design \u00e9 um processo essencial para a cria\u00e7\u00e3o de designs eficazes e agrad\u00e1veis para os usu\u00e1rios. Compreender o p\u00fablico-alvo, definir objetivos claros, criar wireframes, desenvolver um design visual atraente, prototipar, testar e iterar s\u00e3o etapas cruciais para alcan\u00e7ar o sucesso em um projeto de design. Ao seguir um fluxo de trabalho bem estruturado, \u00e9 poss\u00edvel garantir que todas as decis\u00f5es de design sejam baseadas nas <a target=\"_blank\" href=\"https:\/\/medium.com\/ux-strategy\/como-descobrir-necessidades-dos-usu%C3%A1rios-atrav%C3%A9s-de-pesquisa-38489b6cb3c8\" rel=\"noopener\">Necessidades dos usu\u00e1rios<\/a>, resultando em uma experi\u00eancia de usu\u00e1rio satisfat\u00f3ria.<\/p>\n<p>Desenvolva a sua carreira hoje mesmo! Conhe\u00e7a a <a href=\"https:\/\/fluency.io\/br\/blog\/?utm_source=blog\">Awari<\/a>.<\/p>\n<p>A Awari \u00e9 uma plataforma de ensino completa que conta com mentorias individuais, cursos com aulas ao vivo e suporte de carreira para voc\u00ea dar seu pr\u00f3ximo passo profissional. Quer aprender mais sobre as t\u00e9cnicas necess\u00e1rias para se tornar um profissional de relev\u00e2ncia e sucesso?<\/p>\n<p>Conhe\u00e7a nossos cursos e desenvolva compet\u00eancias essenciais com jornada personalizada, para desenvolver e evoluir seu curr\u00edculo, o seu pessoal e materiais complementares desenvolvidos por especialistas no mercado!<\/p>\n<p>  <\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Compreender o fluxo de trabalho do UI UX design \u00e9 fundamental para o sucesso de qualquer projeto digital. Saiba como esse processo pode fazer a diferen\u00e7a no resultado final de um projeto de design. Saiba mais sobre o fluxo de trabalho do UI UX design aqui! #uiuxdesignworkflow<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-122591","post","type-post","status-publish","format-standard","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UI UX Design Workflow: Compreendendo o Fluxo de Trabalho - Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Compreender o fluxo de trabalho do UI UX design \u00e9 fundamental para o sucesso de qualquer projeto digital. Saiba como esse processo pode fazer a diferen\u00e7a n...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI UX Design Workflow: Compreendendo o Fluxo de Trabalho - Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Compreender o fluxo de trabalho do UI UX design \u00e9 fundamental para o sucesso de qualquer projeto digital. Saiba como esse processo pode fazer a diferen\u00e7a n...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-25T03:47:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-26T19:58:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/\",\"url\":\"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/\",\"name\":\"UI UX Design Workflow: Compreendendo o Fluxo de Trabalho - Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"datePublished\":\"2023-06-25T03:47:44+00:00\",\"dateModified\":\"2023-07-26T19:58:58+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Compreender o fluxo de trabalho do UI UX design \u00e9 fundamental para o sucesso de qualquer projeto digital. Saiba como esse processo pode fazer a diferen\u00e7a n...\",\"breadcrumb\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/homolog.fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI UX Design Workflow: Compreendendo o Fluxo de Trabalho\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency.io Brasil\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"},\"url\":\"https:\/\/homolog.fluency.io\/br\/author\/kaue\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI UX Design Workflow: Compreendendo o Fluxo de Trabalho - Fluency.io Brasil","description":"Compreender o fluxo de trabalho do UI UX design \u00e9 fundamental para o sucesso de qualquer projeto digital. Saiba como esse processo pode fazer a diferen\u00e7a n...","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:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/","og_locale":"pt_BR","og_type":"article","og_title":"UI UX Design Workflow: Compreendendo o Fluxo de Trabalho - Fluency.io Brasil","og_description":"Compreender o fluxo de trabalho do UI UX design \u00e9 fundamental para o sucesso de qualquer projeto digital. Saiba como esse processo pode fazer a diferen\u00e7a n...","og_url":"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/","og_site_name":"Fluency.io Brasil","article_published_time":"2023-06-25T03:47:44+00:00","article_modified_time":"2023-07-26T19:58:58+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/","url":"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/","name":"UI UX Design Workflow: Compreendendo o Fluxo de Trabalho - Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"datePublished":"2023-06-25T03:47:44+00:00","dateModified":"2023-07-26T19:58:58+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Compreender o fluxo de trabalho do UI UX design \u00e9 fundamental para o sucesso de qualquer projeto digital. Saiba como esse processo pode fazer a diferen\u00e7a n...","breadcrumb":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/homolog.fluency.io\/br\/blog\/ui-ux-design-workflow-compreendendo-o-fluxo-de-trabalho-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/homolog.fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"UI UX Design Workflow: Compreendendo o Fluxo de Trabalho"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency.io Brasil","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"},"url":"https:\/\/homolog.fluency.io\/br\/author\/kaue\/"}]}},"_links":{"self":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/122591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/comments?post=122591"}],"version-history":[{"count":0,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/122591\/revisions"}],"wp:attachment":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/media?parent=122591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/categories?post=122591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/tags?post=122591"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/format?post=122591"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=122591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}