WEB DESIGN RESPONSIVO
Augusto César Albuquerque Coelho
Orientador: Profª Dra.Geórgia Maria Feitosa e Paiva
MELHORANDO INTE...
Resumo
A realização deste trabalho tem como principal relevância entender como
funciona a técnica do web design responsivo...
Metodologia
Pesquisa bibliográfica e de informações contidas na
internet sobre web design responsivo, usabilidade,
design ...
Há aproximadamente oito anos atrás,
quando pensávamos em desenvolver uma
interface para um novo site na web,
focávamos ape...
Dados
Em 2013, o Brasil teve um crescimento de 110% na venda de
smartphones comparado com o ano de 2012, Foram 8,3 milhões...
Pesquisa Brasileira de Mídia
Fonte: SECRETARIA DE COMUNICAÇÃO SOCIAL DA PRESIDÊNCIA DA REPÚBLICA PESQUISA BRASILEIRA DE MÍ...
Com a chegada da era pós-pc, nós fomos
apresentados a novas formas de acesso a
internet, e essa estratégia teve de ser
rep...
Diante deste cenário, para garantir uma melhor usabilidade para os
usuários foi preciso pensar em uma nova forma de desenv...
Case - MicrosoftCase - Microsoft
Microsoft Case - Microsoft
Case - Apple Case - Apple
Apple Case - Apple
Case - Amazon Case - Amazon
Amazon Case - Amazon
Case - SubmarinoCase - Submarino
Case - ReclameAquiCase – Reclame Aqui
Muitos sites da web ainda não fazem a utilização desta técnica, mas há
uma forte tendência de que as corporações comecem a...
“Web design responsivo oferece”
: Agilidade de
desenvolvimento.
: Facilidade de manutenção
de códigos.
: Adaptação a diver...
ALTERMANN, Denis. Design Responsivo: Entenda o que é a técnica e como ela funciona. Disponível
em: <http://www.midiatismo....
OBRIGADO!
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na navegação web
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na navegação web
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na navegação web
Próximos SlideShares
Carregando em…5
×

Web Design Responsivo - Melhorando interfaces e a experiência do usuário na navegação web

651 visualizações

Publicada em

Como adaptar os sites a esta nova realidade na vida das pessoas e Como criar sites que se adaptem a infinidade de aparelhos nesta nova realidade de mercado? Através da produção desse artigo é possível entender o cenário da nova forma de acesso a Internet.

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
651
No SlideShare
0
A partir de incorporações
0
Número de incorporações
10
Ações
Compartilhamentos
0
Downloads
53
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Web Design Responsivo - Melhorando interfaces e a experiência do usuário na navegação web

  1. 1. WEB DESIGN RESPONSIVO Augusto César Albuquerque Coelho Orientador: Profª Dra.Geórgia Maria Feitosa e Paiva MELHORANDO INTERFACES E A EXPERIÊNCIA DO USUÁRIO NA NAVEGAÇÃO WEB Pós-Graduação em Comunicação e Marketing em Mídias Digitais
  2. 2. Resumo A realização deste trabalho tem como principal relevância entender como funciona a técnica do web design responsivo e a usabilidade na web com a chegada da era pós-pc, onde surgiram diversos tipos de dispositivos de acesso a internet. Como adaptar os sites a esta nova realidade na vida das pessoas e Como criar sites que se adaptem a infinidade de aparelhos nesta nova realidade de mercado? Os computadores vêm perdendo força e os aparelhos móveis ampliam a participação de mercado e ganham cada vez mais a preferência dos consumidores.
  3. 3. Metodologia Pesquisa bibliográfica e de informações contidas na internet sobre web design responsivo, usabilidade, design para a internet, design de interação, ergonomia. Além disso, foi utilizado o método estudo de caso, que consistiu na análise de alguns sites verificando as principais características de páginas digitais que usam e que não usam a técnica do tema estudado.
  4. 4. Há aproximadamente oito anos atrás, quando pensávamos em desenvolver uma interface para um novo site na web, focávamos apenas em desenvolver um layout exclusivo para telas de desktops.
  5. 5. Dados Em 2013, o Brasil teve um crescimento de 110% na venda de smartphones comparado com o ano de 2012, Foram 8,3 milhões de novos aparelhos vendidos. Além disso, o país teve 114 milhões de acessos à internet móvel em janeiro de 2014, um crescimento de 56% comparado ao ano de 2013, segundo dados da Associação Brasileira de Telecomunicações
  6. 6. Pesquisa Brasileira de Mídia Fonte: SECRETARIA DE COMUNICAÇÃO SOCIAL DA PRESIDÊNCIA DA REPÚBLICA PESQUISA BRASILEIRA DE MÍDIA 2015 Nas questões sobre o uso concomitante dos meios de comunicação, os entrevistados podiam apresentar respostas múltiplas. Por isso, a simples soma das respostas não “fecha” em 100%. Pesquisa Brasileira de Mídia
  7. 7. Com a chegada da era pós-pc, nós fomos apresentados a novas formas de acesso a internet, e essa estratégia teve de ser repensada.
  8. 8. Diante deste cenário, para garantir uma melhor usabilidade para os usuários foi preciso pensar em uma nova forma de desenvolvimento web, um conceito chamado de Web Design Responsivo, criado por Ethan Marcotte. (2011) Esse conceito produz uma interface que se adapta a diferentes resoluções de telas. Tendência de Design
  9. 9. Case - MicrosoftCase - Microsoft
  10. 10. Microsoft Case - Microsoft
  11. 11. Case - Apple Case - Apple
  12. 12. Apple Case - Apple
  13. 13. Case - Amazon Case - Amazon
  14. 14. Amazon Case - Amazon
  15. 15. Case - SubmarinoCase - Submarino
  16. 16. Case - ReclameAquiCase – Reclame Aqui
  17. 17. Muitos sites da web ainda não fazem a utilização desta técnica, mas há uma forte tendência de que as corporações comecem a realizar adaptações em seus projetos online tendo em vista o vasto crescimento das mídias digitais e dos novos aparelhos de interação entre homem e máquina. Verificamos que ao não desenvolver os sites adaptados para todos os dispositivos, poderá haver perdas de acessos ou vendas, pois o usuário não executará uma tarefa naquele determinado momento tendo que o fazer posteriormente exclusivamente em um computador. Além do mais é necessário também atenção com o site Google por ser um dos sites mais acessados do país, muitas pessoas chegam ao seu site através dele, principalmente depois do site anunciar que dará maior relevância aos sites que aplicam o conceito de web design responsivo. Considerações FinaisConsiderações Finais
  18. 18. “Web design responsivo oferece” : Agilidade de desenvolvimento. : Facilidade de manutenção de códigos. : Adaptação a diversos dispositivos como TVs, tablets, computadores, smartphones e celulares. : Mais relevância para aparecer em buscadores como Google, Yahoo e Bing. : Amplia a possibilidade de negócios na web. : Gera melhor experiência de usabilidade na internet.
  19. 19. ALTERMANN, Denis. Design Responsivo: Entenda o que é a técnica e como ela funciona. Disponível em: <http://www.midiatismo.com.br/o-mobile/design-responsivo-entenda-o-que-e-a-tecnica-e-como- ela-funciona> Acesso em: 19/01/2015. BARBOSA, Simone. SILVA, Bruno. Interação Humano Computador. Rio de Janeiro: Elsevier, 2010. 408 p. COELHO, Augusto. Usabilidade na Web: Uma análise do Portal Unimed Fortaleza. (Graduação em Design) - Faculdade Fanor, Fortaleza, 2011. Conversion. Atualização do Google irá priorizar sites responsivos. Disponível em: <http://www.conversion.com.br/blog/atualizacao-google-ira-priorizar-sites-responsivos/> Acesso em: 19/01/2015. FERRAZ, Reinaldo. Novas perspectivas para a web móvel. Disponível em: <http://imasters.com.br/desenvolvimento/novas-perspectivas-para-web-movel/>. Acesso em 20/01/2015. e demais referências no artigo impresso. Referências
  20. 20. OBRIGADO!

×