Criação de sites

1,563 views

Published on

Teste de criaçao de PP

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,563
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
84
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Criação de sites

  1. 1. Desenvolvimento de Sites Definições Básicas WEBDESIGN - 2011
  2. 2. Etapas para o desenvolvimento de sites: <ul><li>Levantamento dos dados </li></ul><ul><li>Desenvolvimento do protótipo </li></ul><ul><li>Desenvolvimento do código conteúdo e imagens </li></ul><ul><li>Publicação </li></ul><ul><li>Manutenção </li></ul>
  3. 3. Processo de criação <ul><li>Criação é dividida em três grupos de trabalho, como profissionais de diferentes áreas: </li></ul><ul><li>Arquitetura da Informação </li></ul><ul><li>Design de Interface </li></ul><ul><li>Branding </li></ul>
  4. 4. Arquitetura da Informação <ul><li>Efetua o levantamento e a categorização de todas as informações que existirão no site. Estimam a quantidade de páginas, o conteúdo e as funcionalidades existentes em cada uma delas, definindo a importância de cada informação presente na tela. É responsável também pela documentação de descrição das telas, explicando a funcionalidade de cada elemento da tela. </li></ul>
  5. 5. Design de Interface <ul><li>Preocupa-se com a usabilidade e a interação do homem (usuário) com a máquina (computador) de tudo que é projetado na criação. </li></ul>
  6. 6. Design de Interface <ul><li>É responsável por: </li></ul><ul><li>Facilidade de uso. </li></ul><ul><li>Tratamento de erros. </li></ul><ul><li>Capacidade de agradar ao usuário. </li></ul>
  7. 7. Design de Interface <ul><li>Utilizam os documentos da Arquitetura da Informação para: </li></ul><ul><li>Se guiar e projetar a página. </li></ul><ul><li>Hierarquizar informações. </li></ul><ul><li>Pensar na navegação do Site. </li></ul><ul><li>Montar uma estrutura de layout. </li></ul>
  8. 8. Design de Interface <ul><li>Projetam: </li></ul><ul><li>Wireframes que são a planta baixa do site, prevendo cada detalhe e funcionalidade que será utilizada. </li></ul>
  9. 9. Wireframes
  10. 10. Branding <ul><li>Concentra seu trabalho no design gráfico, ou seja na parte visual do site. </li></ul>
  11. 11. Branding <ul><li>É responsável pela comunicação da mensagem que deve ser transmitida. </li></ul><ul><li>Deve refletir os atributos da marca e sua personalidade, além das características emocionais que o produto deve estar associado. </li></ul>
  12. 12. Metodologia do Projeto <ul><li>A metodologia de um projeto de criação de Website, varia conforme sua necessidade. </li></ul><ul><li>Contudo podemos organizar, de uma maneira geral, o processo da seguinte forma: </li></ul>
  13. 13. Metodologia do Projeto <ul><li>Demanda / Definição da estratégia </li></ul><ul><li>Marcas de referência no mercado (Benchmark) </li></ul><ul><li>Levantamento das funcionalidade necessárias (Brainstorm) </li></ul><ul><li>Macroarquitetura da informação </li></ul><ul><li>Verificação da Viabilidade tecnológica </li></ul><ul><li>Continuação do Projeto </li></ul><ul><ul><ul><li>Detalhamento da arquitetura da informação </li></ul></ul></ul><ul><ul><ul><li>Desenho da experiência do usuário </li></ul></ul></ul><ul><ul><ul><li>Projeto de Interface </li></ul></ul></ul><ul><ul><ul><li>Projeto de Branding </li></ul></ul></ul><ul><ul><ul><li>Ajustes </li></ul></ul></ul><ul><li>Implementação </li></ul><ul><li>Desenvolvimento </li></ul><ul><li>Lançamento </li></ul>

×