F7 Sistemas – Criar Sites , BH, Santa Luzia , MG

Um exercício simples para decidir entre site responsivo ou sites separados


Receba os artigos diretamente no seu email


02

Já escrevemos bastante por aqui sobre Design Responsivo e sites que se adaptam automaticamente para diferentes dispositivos, tamanhos de tela e contextos de uso.

Leia também: Um fluxograma para você decidir entre App ou Site mobile >

Mas em alguns casos um site responsivo não é necessariamente a melhor solução para o novo projeto que vocês estão criando – em alguns casos construir dois sites separados (um para dispositivos mobile, e um para computadores desktop) pode ser mais inteligente.

Daí que esses dias li sobre um exercício que o Cennydd Bowles faz para esclarecer qual das duas opções é melhor.

  1. Liste, em ordem de importância, as tarefas que o usuário quer fazer em um dispositivo móvel. (se você não tem essa informação, deveria fazer mais pesquisas com usuários)
  2. Repita o mesmo exercício agora focando em computadores desktop / laptops: quais as tarefas que o usuário quer fazer nesse contexto, em ordem de importância?
  3. Coloque as duas listas, uma do lado da outra, e trace linhas conectando as tarefas idênticas de uma coluna com a outra.

Agora olhe para o seu diagrama e para as linhas que conectam a coluna 1 com a coluna 2.

Comparando solução responsiva com solução de sites separados

Se as linhas se cruzarem só um pouco (como o...

exemplo da esquerda, acima), então é muito provável que a melhor solução seja um site responsivo. Você não vai ter dificuldade ao repriorizar os módulos na página, ou os links no menu.

Se as linhas se cruzarem loucamente (como o exemplo da direita, acima), isso é um sinal de que o usuário tem prioridades tão diferentes em cada um dos contextos (mobile vs. desktop), que é melhor considerar uma solução de um site dedicado a cada dispositivo. Isso te dará mais controle sobre como os módulos e funcionalidades estão organizados na interface.

Combinado?

 

Com informações de (Fonte):Blog de AI » Mobile

Tags , , , , , , , ,