Design Adaptável é um conjunto de técnicas que aprimoram a experiência de navegação em um site, independente do dispositivo (desktop ou mobile) em que será acessado. Criar sites adaptáveis é pensar na experiência do usuário, apresentando-lhe a interface que mais se adequa ao seu ambiente de navegação web.

1. DESIGN ADAPTÁVEL
Sites que se adaptam as novas realidades

2. Uma empresa que faz a diferença, buscando sempre
soluções criativas e inovadoras em TI, comprometida com o
sucesso de cada cliente .
1997
2002
2003
2008
2009
2010
A
Add
A
empresa
Cria
uma
nova
Consolidada
no
A
Add
Divisão
da
Technologies
começa
a
marca:
a
Add
mercado,
a
amplia
sua
empresa
em
nasce
atender
as
InteracCve.
Add
Technologies
área
de
5
áreas
de
desenvolvendo
demandas
resultado
da
comemora
seus
atuação
e
negócio:
soluções
de
TI
das
áreas
de
união
entre
10
anos
de
lança
novos
Governança
de
para
Web
markeCng
criação
Web
e
sucesso
produtos.
TI,
Fábrica,
de
seus
TI,
para
atender
InteraCvidade,
clientes
o
ciclo
completo
Outsourcing
e
das
empresas
Fullpacks

3. COMO
FAZEMOS
?
SITES

4. DIMENSÕES FIXAS
CONTEÚDO “TRAVADO”
LARGURA EM PXS

5. www.cocacolabrasil.com.br

6. Fonte:
Ibope

7. Fonte:
Ibope

8. Fonte:
Ibope

9. www.cocacolabrasil.com.br

10. “
OS USUÁRIOS ESTÃO NAVEGANDO NA
WEB POR DIVERSOS DISPOSITIVOS,
RESOLUÇÕES E NAVEGADORES. E NÓS
PRECISAMOS NOS ANTECIPAR E
RESPONDER PARA O NOSSOS USUÁRIOS
”
AS INTERFACES QUE ELES PRECISAM

11. LAYOUTSFLUIDOS

12. DIMENSÕES VARIÁVEIS
CONTEÚDO “FLEXÍVEL”
LARGURA EM %

13. BENEFÍCIOS
maior acessibilidade /
transmissão de mais
informação / usabilidade

14. FLUIDEZ É O
?
SUFICIENTE
NÃO

15. DESIGN
ADAPTÁVEL

16. “
DESIGN ADAPTÁVEL É UM CONJUNTO
DE TÉCNICAS QUE APRIMORAM A
EXPERIÊNCIA DE NAVEGAÇÃO
CRIANDO SITES ADAPTÁVEIS PARA
”
DIVERSOS DISPOSITIVOS

17. “
DESIGN ADAPTÁVEL É UM CONJUNTO
DE TÉCNICAS QUE APRIMORAM A
EXPERIÊNCIA DE NAVEGAÇÃO
CRIANDO SITES ADAPTÁVEIS PARA
”
DIVERSOS DISPOSITIVOS

18. www.diablomedia.com.br

19. www.diablomedia.com.br

20. BENEFÍCIOS
desenvolvimento ágil /
redução de custos /
satisfação do usuário /
convergência: web-mobile

21. COMPATIBILIDADE
SUPORTE NOS NAVEGADORES MAIS
POPULARES DO MERCADO:
SAFARI, CHROME, FIREFOX,
OPERA, IE9

22. COMPATIBILIDADE
SUPORTE NOS NAVEGADORES MOBILE
MAIS POPULARES DO MERCADO:
SAFARI MOBILE, OPERA MOBILE,
OPERA MINI, ANDROID
BROWSER, BLACKBERRY,
FIREFOX, SYMBIAN

23. COMPATIBILIDADE COM CMS
SUPORTE NOS CMS’s MAIS POPULARES
DO MERCADO:
WORDPRESS, JOOMLA, DRUPAL,
DOTNETNUKE

24. DÚVIDAS?

25. #obrigado
@addtechnologies
Victor Gonçalves
victorgoncalves@addtech.com.br
www.addtech.com.br