Upload
marconi-desenhos
View
4.964
Download
0
Embed Size (px)
DESCRIPTION
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.
Citation preview
Web Designer
Web DesignerPrincipais Conhecimentos
Principais Funções
Web Designer
Principais Conhecimentos
Arquitetura de informaçãoInteraçãoGestaltSemióticaDesignErgonomia de IHCUsabilidade
“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)
- - - - - - - - - - - - - -
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)
- - - - - - - - - - - - - -
Web Designer Principais Conhecimentos
Interação
Pontos mais comuns em design de interação:VisibilidadeFeedback RestriçõesMapeamentoConsistênciaAffordance
Processo cognitivo:AtençãoPercepção e reconhecimentoMemóriaAprendizadoLeituraFala e audiçãoResolução de problemas
“Interação é a forma de como as pessoas se comunicam com um produto ou uma interface”Preece, Rogers & Sharp (2005)
- - - - - - - - - - - - - -
Web Designer Principais Conhecimentos
Forma
Cor
Tipografia
Gestalt
“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)
- - - - - - - - - - - - - -
Web Designer Principais Conhecimentos
SignosSigno é 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.
Semiótica
“A semiótica ilumina o processo no qual se dá a construção de um sistema de significação”Niemeyer (2003)
- - - - - - - - - - - - - -
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
- - - - - - - - - - - - - -
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)
- - - - - - - - - - - - - -
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
- - - - - - - - - - - - - -
Web Designer
Principais Funções
Designer GráficoFrond-EndAnimações
- - - - - - - - - - - - - -
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.
- - - - - - - - - - - - - -
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.
- - - - - - - - - - - - - -
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.
- - - - - - - - - - - - - -
Web Designer
- - - - - - - - - - - - - -
Marconi A. Pacheco
Bacharel em DesignFUCAPI - 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.