A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

ELABORAÇÃO DE PROJETOS PARA WEB Prof. Baroni Cel.: 9108.7973.

Apresentações semelhantes


Apresentação em tema: "ELABORAÇÃO DE PROJETOS PARA WEB Prof. Baroni Cel.: 9108.7973."— Transcrição da apresentação:

1 ELABORAÇÃO DE PROJETOS PARA WEB Prof. Baroni Cel.:

2 O D ESAFIO DE C RIAR W EB S ITES A metáfora de interação dos leitores com uma página HTML é diferente da sua experiência com livros. Os usuários não se limitam a olhar a informação na web, eles interagem com o conteúdo. Ex.: Wikipédia. Algum desafios para os Web Designers: Como subdividir, organizar e apresentar as informações; É necessário fornecer ao leitor ferramentas de busca e navegação, assim como dicas de onde ele está; Qual o tamanho ideal para uma página; É importante conhecer a audiência do site e suas expectativas.

3 F ASES Determinação dos objetivos do site e o retorno esperado; Identificação da audiência do site; Determinação do tipo de informação que se quer armazenar (escopo); Projeto do site: a metáfora de navegação utilizada (Iconografia); Projeto das páginas: o visual do site.

4 P ÁGINAS I NDEPENDENTES Páginas web diferem das páginas de um livro fundamentalmente num aspecto: os hyperlinks permitem o acesso a elas sem nenhum preâmbulo, logo páginas web precisam ser mais independentes. As páginas precisam conter informações para situar o leitor/usuário: Quem – Sempre informe ao leitor qual a fonte da informação, quem está falando com ele; O Quê – O documento deve ter um título explicativo que resuma seu contéudo. Este título também se tornará o texto dos bookmarks feitos pelos usuários; Quando – A informação na web é bastante volátil, logo é importante informar a data de criação ou revisão de um documento; Onde – Uma página deve informar onde está localizada, a que organização pertence, qual a sua vizinhança.

5 P ROJETO DE I NTERFACE CENTRADO NO U SUÁRIO As interfaces gráficas surgiram para dar aos usuários um controle maior sobre as tarefas realizadas no computador Uma boa interface deve se adaptar às necessidades dos usuários e não o contrário Por isso é tão importante saber para quem se está projetando o site, conhecer sua audiência

6 NAVEGAÇÃO Na web, desaparece a sensação física da informação e os links fornecem pouca informação sobre onde está o usuário Páginas web devem fornecer ao leitor um conjunto de dicas sobre o contexto em que se encontram e a organização da informação, pois somente uma pequena parte do site é vista a cada vez pelo leitor Hyperlinks conferem flexibilidade ao web designer, mas podem desorientar o usuário Top menus Barras de botões Botões Back and Forward Botões Previous and Next

7 P ROJETO DO W EB S ITE O projeto do site irá determinar sua estrutura organizacional, ou seja, como arranjar seu conteúdo a fim de melhor atender às necessidades dos usuários Lembre-se: o objetivo principal de um site é prestar serviços à sua audiência Pode ser um erro tático utilizar um site meramente para descrever a estrutura de uma empresa ou instituição

8 SUBDIVISÃO DA INFORMAÇÃO Sem uma organização lógica e coerente da informação, um site não será bem compreendido Sabe-se que o ser humano consegue guardar cerca de quatro a sete unidades discretas de informação em sua memória de curto prazo Portanto, pequenas porções de informação são mais fáceis de lembrar e manipular Passos básicos para organizar a informação de um site: Divida o conteúdo em pequenas unidades lógicas; Estabeleça uma hierarquia entre as unidades; Use a hierarquia para estruturar relações entre as unidades; Construa o site segundo a estrutura de sua informação; Analise o site sob o ponto de vista estético e funcional.

9 ORGANIZAÇÃO EM TEIA Pode ser muito difícil de entender ou prever Impõe poucas restrições aos relacionamentos entre as páginas Para que um conjunto de informação possa ser organizado desta forma, é preciso que ele seja altamente uniforme, com tópicos e sub-tópicos bem definidos A audiência desse tipo de site é especializada e deve ser treinada para esta forma de interação Destina-se à elaboração de manuais de procedimentos, descrições de casos médicos, listas de cursos etc.

10 A LGUNS ELEMENTOS DE UM WEB S ITE Menus Guias Novidades Busca Informações de contato e feedback FAQs Referências Páginas de erro Redes sociais e outros

11 P ROJETO V ISUAL Um bom design de página pode conferir a um site maior clareza, legibilidade, organização e confiança por parte dos usuários A finalidade principal do web designer é criar uma hierarquia visual forte e consistente, logicamente organizada, que dirija a atenção dos usuários à informação que se quer mostrar

12 P ROJETO V ISUAL ( CONT.) Contraste é essencial para capturar a atenção dos usuários Uma página constituída apenas de texto torna-se monótona e indiferenciada Uma página com excesso de cores, fontes ou gráficos também afasta a maioria dos usuários Um bom contraste visual provê um senso de organização

13 RECOMENDAÇÕES BÁSICAS Estabeleça uma hierarquia visual É preciso que a página tenha uma hierarquia visual forte e consistente, que enfatize os elementos importantes Guie o olhar do leitor A parte superior de qualquer página é a mais importante, Distrações gráficas Evite gráficos bonitinhos e desnecessários. Cuidado também com letras muito grandes e excesso de fontes Consistência é fundamental Crie um layout básico para o seu site e seja fiel a ele

14 E STRUTURA B ÁSICA Cabeçalhos: Identidade do site Rodapés: Proveniência Tabelas (Absolutas ou Relativas) Frames


Carregar ppt "ELABORAÇÃO DE PROJETOS PARA WEB Prof. Baroni Cel.: 9108.7973."

Apresentações semelhantes


Anúncios Google