ESTRUTURA DE UM SITE PROFISSIONAL

ARQUITETO DE INFORMAÇÃO
É o profissional que é capaz de organizar, classificar e indexar o conteúdo.
Ele é responsável também pelo o trânsito do site, sua navegação, entre outras
seções do conteúdo categorizado.

SITEMAPS
É um termo usado para quem trabalha com Web Sites.
É a representação gráfica da estrutura de um Web Site.
Tem o objetivo de organizar da melhor maneira sua distruição, pelo conteúdo
por "páginas"..
Também tem o objetivo de organizar os HiperLinks a ser percorridoi pelo
usuários para chegar ao local desejado.
Em geral, SiteMaps são representações iconográficas de estruturas físicas ou
digitas, de modo a serem mais úteis como
guia visuais e informativos de um determinado caminho ou sistema.

MODELOS DE MAPAS - SITEMAPS

Todo Web Site tem 2 planejamentos.
1º - Sistema Estrutural.
Esse modelo é quase totalmente iconográfico e necessita apenas de
alguns elementos completentares para sua compreensão.
Elementos como recursos de legenda e numeração de páginas são
muito importante no SiteMaps.
Estrutura da 1º Etapa do SiteMaps:
Navegável.
Digital.
Interativo.
Indexador.
Multidimensional.
Principal(EX.:)
Descrição do Site.
Programa de Ensino à Distância.
Teoria da Computação.
Plano de curso.
Aulas.
Livro Eletrônico.
Simuladores.
Banco de Exercicios.
Mural.

Linguagens Formais.
Linguagens Formais https://site.com.br.

Matemática Intervalar.
Plano de curso.
Aulas.
Livro Eletrônico.
Simuladores.
Banco de Exercicios.
Mural.

Computação Simbólica e Numérica.

Plano de curso.
Aulas.
Livro Eletrônico.
Simuladores.
Banco de Exercicios.
 Mural.
Universidade Gaúchas.
Universidades.
Questionário.
Questionários sobre seu curso.

2º - Estrutura de SiteMap navegável - Wireframe.

O Wireframe tem o objetivo de estruturar o conteúdo de cada página,
indicando o peso e relevância de cada elemento do layout e sua relaçã com os demais
elementos formadores do todo.
O Wireframe também indicar a correta marcação de textos, breadcrumbs de
navegação, guidelines de marca e até dos recursos de programação e tecnologia a
serem utilizados pela equipe de produção.
Também será muito útil para testes de usabilidade.
OBS:
Breadcrumbs - São elementos muito utilizados para que o
utilizador não se perca, indicando-ile onde está e a relação hierárquica desse modo
com o resto da estrutura da web.
O Wireframe não pode ser interpretado como a estelizaçõa de layous e
criação de páginas de um site.
O Wireframe também é usado para etapas de uma compra on-line.
Por exemplo, busca pelo produto, escolha de um dos resultados,
confirmação da intenção, preencimento do cadastro e opção de pagamento.
É essencial, quase obrigadório que tenha um Wireframe nesse
processo, para que possa ser compreendido da melhor forma o processo de interação e
o caminho percorrido pelo usuário.
Principais elementos de um Wireframe
Na construção de um Wireframe o arquiteto busca representar
esquematicamente todos os elementos que compõem a página.(Imagens, Textos,
Fórmulas, Formulários, Flasj, Mecanismo de Busca, Entre muitos outros.).
EX.:
LOGO ---------------- BANNER
MENU Chamada(2 Artivos)
INSIDER BOX
COLUNAS CHAMADAS EM DESTAQUES
OUTROS TEMAS
EDITOR
CLICK JOBS Chamada (3 Artigos)
RODAPÉ

EXERCÍCIO:
Faça o SiteMaps do site - https://g1.globo.com/.
Concluído - Nota 10.