Design Responsivo: entenda o processo

Você que tem interesse sobre design responsivo agora tem um local onde encontra tudo que precisa sobre o processo de criação de sites ou projetos deste tipo.

O Responsive Process criou um conceito dos 4 Ds (em inglês) do processo de criação de web design responsivo. Segundo eles os 4 Ds são: discovery, design, development, and deployment (uma tradução livre ficaria algo como: descoberta, desenho, desenvolvimento e implantação).

responsive process

Processos das etapas:

Discovery:

  • Kickoff & Project Charter;
  • Project Analysis;
  • IA & Content Strategy;
  • Search Strategy;
  • Strategic Direction.

Design:

  • UX Sketches;
  • Page Tables;
  • Interaction Design;
  • Visual Design;
  • Styleguide / Documentation;

Develop:

  • HTML or Theme Build;
  • CMS Build & Template Implementation
  • Cross-Browser/Device Testing;

Deploy:

  • Content Migration;
  • User Acceptance Testing;
  • Documentation & Training;
  • Launch Plan & Release;
  • Start of Operational Plan.

Cada uma destas etapas possuem seus próprios processos descritos que você pode encontrar no site.

O que é um design responsivo?

Para finalizar gostaria de deixar o conceito na qual a wikipedia oferece sobre design responsivo:

Web Design Responsivo é uma abordagem de web design destinada a elaborar sites para fornecer uma ótima experiência de visualização, fácil leitura e navegação com um mínimo de redimensionamento e visionamento, para uma ampla gama de dispositivos (de monitores de computador a telefones celulares)

Um website definido como responsivo adapta sua exibição para o ambiente de visualização usando grades proporcionais e fluídas imagens flexíveis, e media queries CSS3, uma extensão da regra @media.


Gostou da dica? Compartilhe com seus amigos nas redes sociais!