design adaptável para sites adaptáveis - add technologies
DESCRIPTION
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.TRANSCRIPT
![Page 1: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/1.jpg)
Sites que se adaptam as novas realidades DESIGN ADAPTÁVEL
![Page 2: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/2.jpg)
“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
A Add Technologies
nasce desenvolvendo soluções de TI para Web
A empresa começa a atender as demandas das áreas de markeCng de seus clientes
Cria uma nova marca: a Add InteracCve. resultado da união entre
criação Web e TI, para atender o ciclo completo das empresas
Consolidada no mercado, a
Add Technologies comemora seus 10 anos de sucesso
A Add amplia sua área de atuação e lança novos produtos.
2010
Divisão da empresa em 5 áreas de negócio:
Governança de TI, Fábrica,
InteraCvidade, Outsourcing e Fullpacks
![Page 3: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/3.jpg)
COMO FAZEMOS
SITES ?
![Page 4: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/4.jpg)
CONTEÚDO “TRAVADO”
DIMENSÕES FIXAS
LARGURA EM PXS
![Page 5: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/5.jpg)
www.cocacolabrasil.com.br
![Page 6: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/6.jpg)
Fonte: Ibope
![Page 7: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/7.jpg)
Fonte: Ibope
![Page 8: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/8.jpg)
Fonte: Ibope
![Page 9: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/9.jpg)
www.cocacolabrasil.com.br
![Page 10: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/10.jpg)
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 ”
“
![Page 11: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/11.jpg)
LAYOUTSFLUIDOS
![Page 12: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/12.jpg)
CONTEÚDO “FLEXÍVEL”
DIMENSÕES VARIÁVEIS
LARGURA EM %
![Page 13: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/13.jpg)
maior acessibilidade /
transmissão de mais
informação / usabilidade
BENEFÍCIOS
![Page 14: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/14.jpg)
FLUIDEZ É O SUFICIENTE ? NÃO
![Page 15: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/15.jpg)
DESIGN ADAPTÁVEL
![Page 16: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/16.jpg)
”
“
DESIGN ADAPTÁVEL É UM CONJUNTO
DE TÉCNICAS QUE APRIMORAM A
EXPERIÊNCIA DE NAVEGAÇÃO
CRIANDO SITES ADAPTÁVEIS PARA
DIVERSOS DISPOSITIVOS
![Page 17: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/17.jpg)
DESIGN ADAPTÁVEL É UM CONJUNTO
DE TÉCNICAS QUE APRIMORAM A
EXPERIÊNCIA DE NAVEGAÇÃO
CRIANDO SITES ADAPTÁVEIS PARA
DIVERSOS DISPOSITIVOS
DESIGN ADAPTÁVEL É UM CONJUNTO
DE TÉCNICAS QUE APRIMORAM A
EXPERIÊNCIA DE NAVEGAÇÃO
CRIANDO SITES ADAPTÁVEIS PARA
DIVERSOS DISPOSITIVOS ”
“
![Page 18: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/18.jpg)
www.diablomedia.com.br
![Page 19: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/19.jpg)
www.diablomedia.com.br
![Page 20: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/20.jpg)
BENEFÍCIOS
desenvolvimento ágil /
redução de custos /
satisfação do usuário /
convergência: web-mobile
![Page 21: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/21.jpg)
SUPORTE NOS NAVEGADORES MAIS
POPULARES DO MERCADO:
SAFARI, CHROME, FIREFOX,
OPERA, IE9
COMPATIBILIDADE
![Page 22: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/22.jpg)
SUPORTE NOS NAVEGADORES MOBILE
MAIS POPULARES DO MERCADO:
SAFARI MOBILE, OPERA MOBILE,
OPERA MINI, ANDROID
BROWSER, BLACKBERRY,
FIREFOX, SYMBIAN
COMPATIBILIDADE
![Page 23: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/23.jpg)
SUPORTE NOS CMS’s MAIS POPULARES
DO MERCADO:
WORDPRESS, JOOMLA, DRUPAL,
DOTNETNUKE
COMPATIBILIDADE COM CMS
![Page 24: Design Adaptável para sites Adaptáveis - Add Technologies](https://reader031.vdocuments.site/reader031/viewer/2022020206/5482a4cfb07959330c8b4872/html5/thumbnails/24.jpg)
DÚVIDAS?