O documento descreve as etapas do processo criativo para design e usabilidade, abrangendo atividades desde briefing até a construção de interfaces. Inclui a criação de wireframes, protótipos navegáveis e planejamento gráfico, além de destacar a importância de identidade visual e design para plataformas móveis e interativas. Também menciona serviços relacionados a design de jogos e tecnologia 3D, direcionados a campanhas publicitárias e experiência do usuário.

1. www.addtechnologies.com.br
Add Interactive
Etapas do Processo Criativo
Rio de Janeiro, 2º semestre de 2010

2. Criação
Design
Usabilidade

3. Briefing
 Verificar expectativas do cliente
 Levantar requisitos para o projeto
 Alinhar conteúdos e funcionalidades
 Coletar amostras de conteúdos
 Obter padrões de identidade visual
 Coleta e análise de concorrência
 Discutir linguagem de comunicação

4. Arquitetura da Informação
Organizar a informação de forma
que o usuário encontre
rapidamente o que procura

5. AI: mapa de arquitetura
Documento composto por
diagramas que representam
hierarquicamente a estrutura e
organização dos grupos de
informações e funcionalidades,
bem como prevê fluxos de
navegação e interação.

6. AI: inventário de conteúdos
As amostras de conteúdo são organizadas num documento que
funciona como índice de tudo que deverá ser incluído
Planilha resultante da coleta,
junto ao cliente, para
obtenção de amostras de
conteúdo que deverão ser
produzidos ou de versões
finais, se já disponíveis.

7. Projeto de Interface: planejamento físico
Organizar os elementos de
interface com o usuário, dentro de
uma visão estrutural esquemática

8. Projeto de Interface: wireframe
Organizar os elementos de interface com o usuário, dentro de
uma visão estrutural esquemática.

9. Projeto de Interface: usabilidade
Garantir que a interface
seja fácil de ser
compreendida e utilizada,
trazendo segurança e
satisfação para o usuário.

10. Projeto de Interface: protótipo navegável
Telas navegáveis que simulam a
estrutura, fluxos e interações do
usuário, inclusive comportamentos,
mensagens de erros, alertas, etc.

11. Identidade Visual
Estudos de layouts com
softwares de edição
gráfica para definição e
aprovação “look and feel”
geral do ambiente.

12. Projeto Gráfico
Detalhamento em software gráfico dos
modelos e variações das telas
necessários para a montagem do
sistema ou site, incluindo a criação de:
 Templates para Sharepoint
 Skins para CMS
 Interfaces para Multimídia
 Interfaces e animações Flash
 Interfaces Flex

13. Construção das Interfaces
 Montagem dos códigos HTML
 Folhas de estilo CSS
 JavaScript / Ajax
 Sharepoint, DNN
 Interfaces para Multimídia
 Flash + Papervision 3D
 Interfaces Flex

14. Serviços de Criação e Design | Interactive

15. Design para e-mail marketing
E-mail personalizado, com a
identidade visual do cliente,
adequado aos mais diferentes
leitores de e-mail ou webmail,
com linguagem e visual
profissionais.

16. Design para mobile
 Convergência Web-Mobile
 Sites Mobile
 Aplicativos Corporativos
 Aplicativos Sociais
 Realidade Aumentada

17. Mobile: aplicativos sociais

18. Mobile: realidade aumentada
Sobreposição de objetos virtuais tridimensionais, gerados por
computador, com um ambiente real, por meio de algum
dispositivo tecnológico.

19.  Uma tecnologia que rompe
fronteiras
 Inovação na criação de
campanhas publicitárias
 Divulgação de produtos
 Experiência de
interatividade com a marca
Mobile: realidade aumentada

20. Projeto Gráfico Digital
Criação de layouts para sites,
hotsites, campanhas, banners,
animações e quaisquer outras
peças digitais, seja para Web
ou multimídia.

21. 3D Design
Criação de animações, filmes,
vinhetas, e projetos para os mais
variados fins em tecnologia 3D.
Exemplos incluem filmes
publicitários, maquete
eletrônica, ilutração, etc.

22. Design de personagens
Elaboração de personagens ou mascotes para fins publicitários ou
educacionais. Em tecnologia 3D ou 2D convencional.

23. Design de jogos – Game Design
Desenvolvimento de projetos
gráficos para games. A criação
pode abranger desde o concept-
art até o próprio planejamento da
jogabilidade, stage-design, etc.
em tecnologia 3D, 2D (Flash),
pixel-art, e outras linguagens de
comunicação visual.

24. www.addtech.com.br/interatividade/a-interactive.aspx

25. São Paulo
Av. Brig. Luis Antônio, 2482 / 5º andar
Jd. Paulista • São Paulo • SP • CEP: 01317-001
Tel.: 11 2865-7502 | 11 8517-8330
Rio de Janeiro
Rua da Ajuda, 35 / 16º e 24º andares
Centro • Rio de Janeiro • RJ
CEP: 20040-915 • Tel.: 21 2212-3236
#obrigado
@addtechnologies
Rio de Janeiro, 2º semestre de 2010
www.addtechnologies.com.br