1
resposta

[Dúvida] Diferença entre sitemap, arquitetura de informação e user flow

Olá! Tudo bem? :)

Há um tempo tenho dúvidas com relação à diferença entre sitemap, arquitetura de informação e user flow. De vez em quando, acabo confundindo os termos e gostaria de sanar esses questionamentos. Poderiam me ajudar?

Obrigada!

1 resposta

Olá, Vitória! Tudo bem contigo?

É natural ter dúvidas, dessa maneira, vamos tentar compreender juntas?

Arquitetura de Informação (AI) é o conjunto de organização de todo o conteúdo, ou seja, o sitemap é um artefato da arquitetura e o User Flow é outro artefato da arquitetura da informação.

Sitemap é a representação visual da estrutura de um site, app ou sistema. Sendo mais comum visualizá-lo como um diagrama. O objetivo principal de um sitemap é mostrar a organização do conteúdo e a navegação da pessoa usuária dentre o site, app ou sistema, assim auxiliando no planejamento e organização, além de otimização mecanismos de busca. Exemplificando, pode conter a visualização das páginas de um site, sua hierarquia e a organização do conteúdo e a navegação do usuário no site e é apenas um dos artefatos que existem dentro da arquitetura da informação de um sistema.

Arquitetura de Informação (AI) apresentada por meio de retângulos interligados, contendo neste exemplo 3 partes, com o fundo em degradê entre branco e lilás claro. A primeira parte é um retângulo superior à direita contendo somente a palavra Sample em um fundo de cor lilás, interligado por uma linha para baixo que o interliga com dois retângulos diferentes, sendo o primeiro o Screen 1, estando esse nome na cor preta inserido em um retângulo em branco com bordas arredondadas na cor lilás; o espaço abaixo contém notas escritas, como Notes here, …, Filter/sort/etc, abaixo contém um outro subtítulo “form” em preto, no qual contém as palavras também em preto: Element, Element (dentro deste Element há Item 1, Item 2 e Item 3) e embaixo a palavra Button em roxo. Na parte inferior há um outro retângulo com o subtítulo Button Group em roxo, contendo abaixo 3 bullets com os termos Item 1, Item 2, Item 3. Ao lado da Screen 1, que se encontra no lado esquerdo, temos a Screen 2, a qual contém esse título na cor preta inserido em um retângulo em branco com bordas arredondadas na cor lilás; o espaço abaixo contém notas escritas, como Notes here, … . Abaixo contém um outro subtítulo “Section” em preto, no qual contém as palavras também em preto: Element (dentro deste Element há Item 1, Item 2 e Item 3) e abaixo Multiple Elements (dentre deste há Item 1, Item 2 e Item 3) e embaixo há o subtítulo Card with Button em um fundo branco, com bordas em lilás, e abaixo do subtítulo há os itens card item 1, card item 2, card item 3.

Para maior aprofundamento no assunto e na diferenciação sobre os dois primeiros, sugiro a leitura do artigo Sitemaps & Information Architecture (IA) , o qual se encontra em inglês, mas que pode ser lido com auxílio de tradução online se assim considerar melhor.

Além deste, temos o User Flow, o qual pode também ser chamado de “fluxo do usuário/usuária”, que contém os passos que a pessoa usuária deve seguir para realizar uma tarefa em um site, app ou sistema, e tal caminho é demonstrado desde a entrada no sistema até a conclusão da tarefa iniciada. Sendo que o User Flow é bastante útil para identificar dificuldades da pessoa usuária enquanto esta interage com o sistema, para assim haver ainda maior planejamento de estratégia de design de interface, sendo também outro artefato existente dentro de uma arquitetura da informação.

Espero ter te auxiliado. Quaisquer dúvidas fico à disposição, ok?

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software