Organizando conteúdo na página com html

Video: Como criar Menus e colocar postagens dentro das páginas no Blogger

Legibilidade é o princípio mais importante para organizar e exibir o conteúdo na sua página web. Sua página web deve permitir que os visitantes para ler facilmente, entender e agir sobre o seu conteúdo. A ação desejada você tem em mente para seus visitantes pode ser para clicar e ler o conteúdo adicional, compartilhar o conteúdo com os outros, ou talvez fazer uma compra.

Mal conteúdo organizado vai levar os usuários a sair do seu site antes de se envolver com o seu conteúdo por tempo suficiente para completar a ação desejada.

Os números mostram dois exemplos de website legibilidade. Nesta figura, Craigslist.org foi procurado para um apartamento em Nova York.

Video: Como personalizar / organizar a pagina inicial do canal Youtube iniciantes - Dicas Para Youtubers

Fonte: craigslist.org

Video: Tutorial HTML para diseñadores : Organizando partes de la página con HTML | video2brain

Os resultados da pesquisa são estruturados como uma lista, e você pode limitar o conteúdo exibido usando os filtros e formulários de pesquisa. Cada lista tem vários atributos, como uma descrição, o número de quartos, o bairro, e, mais importante, o preço. Comparando atributos similares de diferentes listagens leva algum esforço - notar a linha irregular seu olho deve seguir.

A figura a seguir mostra os resultados de uma pesquisa conduzida em Hipmunk.com voos de Nova Iorque para Londres.

Fonte: hipmunk.com

Tal como acontece com os resultados da pesquisa Craigslist, você pode limitar o conteúdo exibido usando os filtros e formulários de pesquisa. Além disso, cada listagem de vôo tem vários atributos, incluindo o preço, portador, hora de partida, hora de aterragem, e duração, que são semelhantes aos atributos das listagens de apartamentos. Comparando atributos similares de diferentes vôos é muito mais fácil com o layout Hipmunk, no entanto. Observe como o conteúdo, em contraste com a Craigslist de, tem um layout que permite que o olho para seguir uma linha reta para baixo a página, assim você pode facilmente classificar e comparar diferentes opções.

Não subestime o poder da simplicidade ao exibir conteúdo. Embora layout de conteúdo do Craigslist pode parecer quase demasiado simples, o site é um dos top 50 sites mais visitados no mundo. Reddit.com é outro exemplo de um top 50 website com um layout simples.

Antes de exibir o seu conteúdo, pergunte a si mesmo algumas perguntas primeiros:

• Será que o seu conteúdo tem um atributo com os dados relacionados, ou ele siga os passos seqüenciais? Se assim for, considerar o uso de listas.

• Será que o seu conteúdo tem vários atributos adequados para a comparação? Se assim for, considerar o uso de tabelas.

• Você precisa coletar a entrada do visitante? Se assim for, considerar o uso de formulários.

Video: Curso HTML e CSS - Como montar uma página em HTML e CSS

Não deixe que essas escolhas oprimi-lo. Escolha um, ver como seus visitantes reagir, e se necessário a mudança como você exibir o conteúdo. O processo de avaliação de uma versão a uma outra versão da mesma página web é chamado O teste A / B.