Web Design Responsivo - Melhorando interfaces e a experincia do usurio na navega§£o web

  • View
    202

  • Download
    2

Embed Size (px)

Text of Web Design Responsivo - Melhorando interfaces e a experincia do usurio na navega§£o web

  • WEB DESIGN RESPONSIVO

    Augusto Csar Albuquerque Coelho

    Orientador: Prof Dra.Gergia Maria Feitosa e Paiva

    MELHORANDO INTERFACES E A EXPERINCIA DO USURIO NA NAVEGAO WEB

    Ps-Graduao em Comunicao e Marketing em Mdias Digitais

  • Resumo A realizao deste trabalho tem como principal relevncia entender como

    funciona a tcnica do web design responsivo e a usabilidade na web com a

    chegada da era ps-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 vm perdendo fora e os aparelhos mveis ampliam a

    participao de mercado e ganham cada vez mais a preferncia dos

    consumidores.

  • Metodologia Pesquisa bibliogrfica e de informaes contidas na

    internet sobre web design responsivo, usabilidade,

    design para a internet, design de interao, ergonomia.

    Alm disso, foi utilizado o mtodo estudo de caso, que

    consistiu na anlise de alguns sites verificando as

    principais caractersticas de pginas digitais que usam e

    que no usam a tcnica do tema estudado.

  • H aproximadamente oito anos atrs,

    quando pensvamos em desenvolver uma

    interface para um novo site na web,

    focvamos apenas em desenvolver um

    layout exclusivo para telas de desktops.

  • Dados

    Em 2013, o Brasil teve um crescimento de 110% na venda de

    smartphones comparado com o ano de 2012, Foram 8,3 milhes

    de novos aparelhos vendidos.

    Alm disso, o pas teve 114 milhes de acessos internet

    mvel em janeiro de 2014, um crescimento de 56% comparado

    ao ano de 2013, segundo dados da Associao Brasileira de

    Telecomunicaes

  • Pesquisa Brasileira de Mdia

    Fonte: SECRETARIA DE COMUNICAO SOCIAL DA PRESIDNCIA DA REPBLICA PESQUISA BRASILEIRA DE MDIA 2015 Nas questes sobre o uso concomitante dos meios de comunicao, os entrevistados podiam apresentar respostas mltiplas.

    Por isso, a simples soma das respostas no fecha em 100%.

    Pesquisa Brasileira de Mdia

  • Com a chegada da era ps-pc, ns fomos

    apresentados a novas formas de acesso a

    internet, e essa estratgia teve de ser

    repensada.

  • Diante deste cenrio, para garantir uma melhor usabilidade para os

    usurios 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 resolues de telas.

    Tendncia de Design

  • Case - Microsoft Case - Microsoft

  • Microsoft Case - Microsoft

  • Case - Apple Case - Apple

  • Apple Case - Apple

  • Case - Amazon Case - Amazon

  • Amazon Case - Amazon

  • Case - Submarino Case - Submarino

  • Case - ReclameAqui Case Reclame Aqui

  • Muitos sites da web ainda no fazem a utilizao desta tcnica, mas h

    uma forte tendncia de que as corporaes comecem a realizar

    adaptaes em seus projetos online tendo em vista o vasto

    crescimento das mdias digitais e dos novos aparelhos de interao

    entre homem e mquina.

    Verificamos que ao no desenvolver os sites adaptados para todos os

    dispositivos, poder haver perdas de acessos ou vendas, pois o usurio

    no executar uma tarefa naquele determinado momento tendo que o

    fazer posteriormente exclusivamente em um computador.

    Alm do mais necessrio tambm ateno com o site Google por ser

    um dos sites mais acessados do pas, muitas pessoas chegam ao seu

    site atravs dele, principalmente depois do site anunciar que dar

    maior relevncia aos sites que aplicam o conceito de web design

    responsivo.

    Consideraes Finais Consideraes Finais

  • Web design responsivo oferece

    : Agilidade de

    desenvolvimento.

    : Facilidade de manuteno

    de cdigos.

    : Adaptao a diversos

    dispositivos como TVs,

    tablets, computadores,

    smartphones e celulares.

    : Mais relevncia para

    aparecer em buscadores

    como Google, Yahoo e Bing.

    : Amplia a possibilidade de

    negcios na web.

    : Gera melhor experincia

    de usabilidade na internet.

  • ALTERMANN, Denis. Design Responsivo: Entenda o que a tcnica e como ela funciona. Disponvel

    em: Acesso em: 19/01/2015.

    BARBOSA, Simone. SILVA, Bruno. Interao Humano Computador. Rio de Janeiro: Elsevier, 2010. 408 p.

    COELHO, Augusto. Usabilidade na Web: Uma anlise do Portal Unimed Fortaleza. (Graduao em

    Design) - Faculdade Fanor, Fortaleza, 2011.

    Conversion. Atualizao do Google ir priorizar sites responsivos. Disponvel em:

    Acesso em:

    19/01/2015.

    FERRAZ, Reinaldo. Novas perspectivas para a web mvel. Disponvel em:

    . Acesso em

    20/01/2015.

    e demais referncias no artigo impresso.

    Referncias

  • OBRIGADO!