0
Web Designer               Web Designer               Principais Conhecimentos                   Principais Funções      ...
Web Designer                                                                    Principais Conhecimentos                  ...
Web Designer                                                                     Principais Conhecimentos                 ...
Web Designer                                                                Principais Conhecimentos                      ...
Web Designer                                                                     Principais Conhecimentos                 ...
Web Designer                                                                      Principais Conhecimentos                ...
Web Designer                                                                  Principais Conhecimentos                    ...
Web Designer                                                                       Principais Conhecimentos               ...
Web Designer                                                                     Principais Conhecimentos                 ...
Web Designer                           Principais Funções                           Designer Gráfico                      ...
Web Designer                                         Principais Funções                      Designer Gráfico             ...
Web Designer                                  Principais Funções               Front End               O front-end é uma e...
Web Designer                                             Principais Funções                    Animações                  ...
Web Designer               Marconi A. Pacheco               Bacharel em Design               FUCAPI - AM. Coordenação de g...
Upcoming SlideShare
Loading in...5
×

Web Designer - Principais Conhecimentos Principais Funções

5,043

Published on

Dividindo a experiência para aqueles que ainda não conhecem os pricipais conhecimentos e as principais funções de um Web Designer, também para os interessados no assunto.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
5,043
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web Designer - Principais Conhecimentos Principais Funções"

  1. 1. Web Designer Web Designer Principais Conhecimentos Principais Funções 
  2. 2. Web Designer Principais Conhecimentos Arquitetura de informação Interação Gestalt Semiótica Design Ergonomia de IHC Usabilidade“O design de interface eficiente permite a um usuário isolado navegar intuitivamente através de seus documentos a aplicações, comunicando-se ocasionalmente” Johnson (2001)
  3. 3. Web Designer Principais Conhecimentos Arquitetura de Informação Sistemas de organização: assunto, cronologia, hierarquia etc. Sistemas de rotulagem: termo técnico, termo leigo etc. Sistemas de navegação: global, contextual e local Sistemas de busca: contextual, local etc. “A combinação de organização, rotulação e esquemas de navegação dentro de um sistema de informações” Morville, Rosenfeld (2002) --------------
  4. 4. Web Designer Principais Conhecimentos Interação Pontos mais comuns em design de interação: Visibilidade Feedback Restrições Mapeamento Consistência Affordance Processo cognitivo: Atenção Percepção e reconhecimento Memória Aprendizado Leitura Fala e audição Resolução de problemas “Interação é a forma de como as pessoas se comunicam com um produto ou uma interface” Preece, Rogers & Sharp (2005)
  5. 5. Web Designer Principais Conhecimentos Gestalt Forma Cor Tipografia“A Gestalt é representada como o poder da comunicação como forma de linguagem visual, compreende o significado e as manifestações visuais da forma, sua leitura” Filho (2000) --------------
  6. 6. Web Designer Principais Conhecimentos Semiótica Signos Signo é alguma coisa que representa algo para alguém”, tal formulação parece ter o poder de facilitar o caminho da compreensão. Ícones É quando a apresentação se dá por semelhança, a apre- sentação pode ser feita por meio de analogia como algo representado, um modo icônico exibe traços analógicos de seu objeto dinâmico para uma mente interpretadora. “A semiótica ilumina o processo no qual se dá a construção de um sistema de significação” Niemeyer (2003)
  7. 7. Web Designer Principais Conhecimentos Design O design é responsavel pela definição das funções e distribuições dos elementos, tor- nando a interface atrativa e de fácil com- preensão. Um bom design se conecta com o comporta- mento humano naturalmente, pois um bom design é inovador, estético, compreensível e funcional, proporcionando a realização de tarefas de modo mais eficiente e eficaz. Design não é só aparência. Design é também a funcionalidade.” Steve Jobs
  8. 8. Web Designer Principais Conhecimentos Ergonomia de IHC O objetivo principal da interação humano-computador (IHC) na web é o projeto e desenvolvimento de páginas com o propósito de melhorar a eficiência e proporcio- nar satisfação ao usuário.“É uma área que se destina ao estudo de como projetar, programar e utilizar sistemas computacionais interativos e como computadores e sistemas afetam os usuários” Moraes e Santa Rosa (2008)
  9. 9. Web Designer Principais Conhecimentos Usabilidade Na avaliação de usabilidade de sistemas interativos, o padrão internacional mais comum é a ISO 9241 que considera a usabilidade: “a capacidade de um produto ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto es- pecífico de uso”. “Não é o que consideram sobre o seu site que conta, mas sim o que os utilizadores pensam dele” Jakob Nielsen
  10. 10. Web Designer Principais Funções Designer Gráfico Frond-End Animações --------------
  11. 11. Web Designer Principais Funções Designer Gráfico Tem como principal atividade desenvolver o layout do site de acordo com o briefing do cliente, agregando gestalt e a semiótica para as formas e cores seguindo os conseitos da usabiliade. Tem como dominio os principais programas: Photoshop, illustrator e coreldraw. --------------
  12. 12. Web Designer Principais Funções Front End O front-end é uma espécie de interface entre o usuário e o back-end (programação). Ele é responsalvel por fazer a formatação do layout em códigos html e css, preparando-o para a inte- ração dos usuários finais, e também estrura para os programadores trabalharem em cima dessa formatação. Tem como dominio os principais programas: Dreamweaver, Notepad++ ou programas editores de HTML.
  13. 13. Web Designer Principais Funções Animações Este profissional desenvolve conteúdos interativos como banners, propagandas publicitarias, jogos, infograficos, aberturas introdutorias etc, além de gif’s animados, vi- sando à otimização do processo de animação, a fim de criar interfaces que possam ser exploradas pelo usuário da web. Principal programa: Flash, programação actionscript. Com as nova tecnologia em html 5 as animações pas- sam a ser em jQuery e javascript. --------------
  14. 14. Web Designer Marconi A. Pacheco Bacharel em Design FUCAPI - AM. Coordenação de graduação em design de interface digital. Experiência Profissional: Desenvolvimento em projetos de web sites, arquitetura de informação, wireframes, layouts, formatação em HTML, CSS. Projetos gráficos e comunicação visual para mídias im- pressas de pequeno e grande formato. Idealização de logotipo e suas aplicações, diagramação de revistas e livros.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×