Tag Archives for Mapa do site

Um sitemap é uma ferramenta que pode ser usada para visualizar a estrutura de um site. Enquanto lista as páginas web ou o conteúdo de um site, ele ajuda a identificar as informações em que seu site deve consistir, remover conteúdos redundantes ou duplicados e garantir que ele tenha uma navegação fácil e seja de fácil utilização. Basicamente um sitemap é uma ferramenta que pode ser usada para planejar um site, seu design, bem como seu desenvolvimento. Abaixo estão listados alguns modelos de sitemaps que o ajudarão a começar a fazer o seu mapa do site rapidamente. Estes modelos são feitos usando os ícones de sitemaps desenhados profissionalmente disponíveis no Creately. Basta clicar na imagem para editar o modelo online ou exportá-lo diretamente.

• Modelo de Sitemap para Conteúdo do site 
• Modelo de Sitemap de desktop do Creately
• Estrutura do Mapa do Site com Páginas Futuras e Páginas Dinâmicas
• Modelo de sitemap de marketing
• Modelo de sitemap de Produtos & Serviços
• Sitemap de Página pessoal
• Modelo de sitemap com um Login de Segurança
• Modelo de mapa do site com links externos
• Mapa do Creately
• Modelo de Sitemap com a estrutura de navegação de um site
• Modelo simples de mapa do site pronto a usar

Modelo de Sitemap com Conteúdo do Site

Apresentamos abaixo um sitemap básico para um site de conteúdo. Existem ícones lindamente desenhados para páginas em grupos, páginas futuras, páginas bloqueadas, etc. disponíveis no aplicativo. Clique na imagem para começar a editá-la imediatamente.

Modelo de Sitemap de Desktop do Creately

Este modelo de sitemap fornece uma visão geral do conteúdo da página web do Desktop do Creately. Como você pode ver, as páginas foram codificadas por cores para uma rápida identificação. Você pode facilmente mudar as cores dos ícones e até mesmo adicionar um fundo diferente. Clique no modelo para iniciar a edição.

Estrutura de Sitemap com Páginas Futuras e Páginas Dinâmicas

Abaixo está um modelo de sitemap de navegação com páginas futuras, páginas dinâmicas, bem como páginas com links externos. Todos estes ícones estão disponíveis no aplicativo, e você pode adicionar o próximo formato desejado com um único clique usando a barra de ferramentas de contexto. Clique na imagem para abrir o mapa do site no editor.

Modelo de Sitemap de marketing

Este é um modelo de mapa do site conceitual organizado para uma empresa de marketing. Como no sitemap de desktop do Creately, este também é codificado por cores, o que facilita a identificação das diferentes páginas e torna o mapa do site muito mais apelativo. Clique na imagem para editá-la de acordo com suas necessidades ou utilizá-la como modelo.

Sitemap de Produtos & Serviços 

Todo site normalmente tem uma página web de produtos e serviços para promover e oferecer informações sobre os produtos ou serviços que eles oferecem aos visitantes. O seguinte mapa do site é de uma página web deste tipo. A forma/índice da Home Page indica que a página inclui elementos como vídeos em streaming. Clique no modelo para modificá-lo online.

Sitemap de Página pessoal 

Aqui está a estrutura de um website de uma página pessoal ou de um blog pessoal. Ao contrário dos outros modelos de sitemap, este inclui caixas de conteúdo que são usadas para indicar informações em cada página. Clique na imagem para abri-la no editor para que você possa fazer as alterações necessárias.

Sitemap com Login de Segurança

Abaixo está mostrado um modelo de mapa de um site com um login de segurança. O indicador de segurança representa um login seguro que requer que aqueles que ainda não fizeram login façam o login antes de acessar a página de sua conta. Clique na imagem para começar a editar o modelo.

Modelo de mapa do site com links externos

Este modelo mostra uma estrutura de sitemap com links externos. Um link externo é usado para indicar um link para outro site. Aqui, uma das Soluções para Exibir Vídeos contém um site externo. Clique na imagem para modificar o modelo online.

Sitemap do Creately

Aqui está a estrutura do sitemap do site Creately. Mostra as páginas existentes, bem como as páginas futuras que pertencem ao grupo de páginas dos Exemplos. Use este sitemap para começar a planejar a estrutura do mapa do site do seu próprio site.

Modelo de Sitemap de estrutura de navegação de um site

O seguinte modelo vertical de sitemap mostra uma estrutura de navegação do site. A página principal foi dividida em 4 páginas de destino sendo a página de destino ‘Produtos’ ramifica-se para várias páginas novas. Clique na imagem para fazer alterações de acordo com as suas necessidades.

Modelo simples de sitemap pronto a usar

Aqui está um simples modelo vertical de sitemap pronto a usar para que você possa iniciar o seu mapa do site imediatamente. Clique na imagem para incluir informações e escolha um tema de cor diferente como preferir.

Mais modelos de Sitemaps

Compilados acima estão os modelos de sitemaps que estão prontamente disponíveis como exemplos no Creately na nossa comunidade de diagramação. Estes são desenhados profissionalmente para te dar um excelente ponto de partida para começar um novo sitemap do seu próprio site. Verifique os modelos de sitemaps fornecidos também por nossos usuários Creately. Lembre-se também de verificar nossa comunidade de vez em quando, pois a atualizamos com novos modelos de tempos em tempos.

Mais Modelos de Diagramação

• Modelos de Diagramas de Casos
• Modelos de diagramas de espinha de peixe
• Modelos de Mapas Mentais
• Modelo de processo de negócios
• Modelos de Storyboard
• Modelos de diagramas de network
• Modelos de diagramas de Venn
• Modelos de gráficos KWL
• Modelos de esquemas de estrutura de projeto
• Modelos de análise SWOT
• Modelos de Diagramas de classe
• Modelos de diagramas ER
• Modelos de Diagramas de sequência
• Modelos de organogramas
• Modelos de Gráficos de Gantt
• Modelos de diagramas de atividade
• Modelos de Diagramas de Implantação
• Modelos de Diagramas de Arquitectura AWS
• Modelos de maquete UI
• Modelos de Cisco

No Creately, somos focados em aumentar a eficiência dos projetos com Auxílios Visuais. Ajudamos outras empresas a serem mais eficazes usando ferramentas visuais, e agora estamos iniciando uma série para compartilhar alguns insights. Nas próximas semanas vamos analisar como usamos Mapas de site, Fluxos de Usuários, Casos de Uso, Históricos de Usuários, Wireframes e muito mais para entregar um site/produto de software eficaz para seu cliente. Temos muito para cobrir, e informe-nos se você tiver mais ideias em blogs@creately.com

Mapas de Site

Ao dar início a um projeto é sempre importante estabelecer uma estrutura de conteúdo para o site. Enquanto alguns argumentam que o mapa do site é um artefato datado agora,  já que os links de conteúdo acontecem de muitas maneiras, acreditamos que ele é realmente útil quando usado corretamente. É uma ótima ferramenta para ajudar a visualizar como o site está dividido, quais serão as páginas principais e onde na hierarquia de conteúdo elas pertencem. Nós realmente acreditamos que é uma ferramenta importante a ser usada em um projeto para trazer mais clareza e consenso.

Quando usar

1. Ao criar um novo site: Utilize-o para identificar áreas de conteúdo amplas, subseções e uma estrutura conceptual para o site.
2. Ao atualizar um site existente/redesign – Percorra o site e gere um mapa. Recomendamos ir contra os típicos ‘geradores de mapa do site‘, pois eles escolhem todos os links para criar a estrutura. Nem todos os links são feitos iguais! Ao documentar o que está no site agora, você pode começar a curar o conteúdo

Princípios orientadores

1. O mapa do site é uma organização e uma ferramenta de planejamento. Normalmente não é o resultado final do site. Utilize-o não só para identificar as principais áreas do site, mas também tipos de páginas, modelos que as acompanham, páginas seguras/não seguras, etc.
2. Chegue rapidamente a um acordo sobre a primeira versão do mapa do site e continue revisitando o projeto. Use-o como uma visão de alto nível para identificar o que foi concluído no projeto, que decisões de alto nível foram tomadas, etc.

Melhores Práticas para Mapas de Site

1. Faça um Brainstorm primeiro. 

A melhor maneira de fazer um mapa do site é na verdade NÃO começar com um mapa do site. Tente trabalhar em um mapa mental com seu cliente e equipe. Será uma estrutura natural para você capturar todas as ideias e depois começar a agrupá-las.

2. Identifique as principais áreas de conteúdo e suas divisões de página. 

Os cabeçalhos dos conteúdos e títulos de subseções, devem ser registrados até essa altura. Uma boa ideia seria salvá-los no próprio documento. Quanto mais cedo você conseguir fazer isso, mais claro será o entendimento do projeto por parte de seus clientes e equipes. 

3. Marque as páginas que incluem funcionalidades especiais.

 Tem algumas páginas que precisam ser carregadas com segurança? Algumas com formulários? Algumas com conteúdo de vídeo? Marque-as no próprio mapa do site. 

4. Identifique as variações de design.

 Algumas páginas do site/aplicativo podem ter diferentes temas ou elementos de design. Coloque cores diferentes para identificar facilmente grupos destas páginas. 

5. Mantenha-o ‘Vivo’

Reveja e revisite o mapa do site à medida que o seu entendimento do projeto muda. Novas páginas, estrutura alterada, novos nomes; fazer as simples atualizações para manter o documento atualizado garantirá que você terá menos confusão em sua equipe e clientes mais felizes.

6. Uma vista de alto nível

Use o mapa do site como uma visão de alto nível para o projeto. Você pode ligar os fluxos de usuários, wireframes e outros documentos que você cria às páginas para acompanhar o progresso e fornecer uma visão unificada ao seu cliente e à sua equipe. 

Então, como você usa mapas de sites em seus projetos?

 @Chandika