Web Designer - Principais Conhecimentos Principais Funções

6,183
-1

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
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,183
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
34
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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.

×