Web Designer - Principais Conhecimentos Principais Funções

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.