A Wireframing é o primeiro passo que muitos web designers dão para projetar um novo website. O processo envolve a criação de um esboço visual de um site em torno do qual o produto final será desenvolvido.
A Wireframing pode sem dúvida tornar um projeto de web design mais fácil de administrar. Um desenvolvedor pode obter a aprovação do cliente antes de começar a trabalhar, por exemplo. Ou, se o senhor estiver projetando seu próprio website, uma wireframing ajudará o senhor a formular suas idéias.
No entanto, a wireframing também pode, às vezes, restringir o processo criativo. Portanto, aqui está uma explicação mais detalhada do que é wireframing e uma discussão das vantagens e desvantagens do wireframing no design da web.
Os prós e contras da Wireframing um projeto de Web
O que é uma wireframe?
Um wireframe é uma representação visual básica do layout e da estrutura de um website. O desenho do esboço pode ser preparado usando ferramentas de linha telefônica, tais como o Sketch ou Adobe XD. Alternativamente, uma estrutura de arame poderia ser criada usando uma ferramenta de desenho, tal como MS Paint, ou desenhada à mão em papel.
O esboço do site não incluiria nenhuma marca, cores, ou gráficos. Ao invés disso, uma estrutura de arame é um esboço básico mostrando onde os componentes aparecerão nas várias páginas. E uma estrutura de arame não é uma maquete ou um protótipo, como explicado abaixo.
Os termos wireframe, mock-up e protótipo são freqüentemente confundidos. No entanto, os três métodos são bem diferentes.
Quadro de arame
Como mencionado acima, os quadros de arame são representações visuais do layout do site. São muito mais um esboço do esqueleto de um website do que um protótipo. De fato, muitos desenvolvedores criam armações de arame com caneta e papel.
Mock-ups
As maquetes são geralmente usadas para representar as características do design visual do site. Uma maquete normalmente demonstraria a marca, tipografia, paletas de cores, e aparência geral. No entanto, uma maquete geralmente não seria um site funcional.
Protótipo
Um protótipo é uma prévia do local proposto ao vivo. Alguns dos elementos finais do projeto do site podem estar faltando. E os websites provavelmente conterão apenas funcionalidade e conteúdo parcialmente acabados. No entanto, um protótipo permitiria a um cliente de web design ter uma idéia de como o site acabado vai ficar e funcionar.
Os prós e contras da Wireframing a Site
Alguns desenvolvedores web sempre começam um projeto com um wireframe. Outros preferem mergulhar diretamente e ver para onde o projeto os leva. Portanto, quais são os méritos das wireframes, e quais são os inconvenientes. Aqui estão os prós e contras de começar um projeto de web design com uma wireframe.
Os prós e os contras de um wireframe
A Wireframing permite que o esqueleto do local seja mapeado antes da produção. Essa abordagem pode ajudar a administrar um projeto e focalizar a atenção nas características fundamentais. Aqui estão alguns dos benefícios da wireframing.
Envolve os clientes no processo de projeto
Ao projetar um website para um cliente, uma wireframe pode ajudar a envolver o cliente no processo de design desde o início. Uma wireframe ajudará o cliente a visualizar o site antes que qualquer desenvolvimento seja empreendido. E, se o senhor conseguir a aprovação do cliente para a estrutura de arame, isso pode evitar que o escopo se desvirtue à medida que o projeto avança.
Economia de tempo e dinheiro
Todos os projetos podem ser entregues de maneira mais eficiente com um plano. E o wireframe fornece um plano geral para o projeto de um novo website. Portanto, a wireframing pode ser uma ferramenta essencial para a administração de um projeto de web design. E isso pode evitar a necessidade de redesenhar mais tarde o projeto, o que é dispendioso e demorado. Os wireframes também podem ajudar a administrar a delegação de tarefas a uma equipe em um projeto maior.
Definir as características antes do início do desenvolvimento
A definição do esqueleto do site no início ajudará a determinar as características exigidas. E isso pode evitar a necessidade de reequipar as características mais tarde. E, como mencionado acima, a armação do website também pode ajudar a evitar que um cliente peça novos recursos nas etapas finais de um projeto.
Determinar a capacidade de resposta do site
A Wireframing traz considerações sobre a capacidade de resposta para as etapas de planejamento de um projeto. Portanto, como o site aparecerá em vários dispositivos pode ser considerado nos estágios iniciais do projeto. E isso pode poupar tempo em relação à alternativa de readequação a um local parcialmente desenvolvido.
Prioriza a experiência do usuário
Priorizar a experiência do usuário é fundamental para o bom design da web, e o wireframing também pode ajudar nesse aspecto. Esboçar as interações do usuário com as diversas características do site pode ajudar a determinar o melhor layout e estrutura de um site. A natureza minimalista de uma wireframe também pode ajudar a evitar que um site se torne desnecessariamente complexo.
Forças Foco antecipado no conteúdo
Os Wireframes não incluem os sinos visuais e apitos em um website completo. Portanto, mais atenção pode ser dada ao conteúdo do site do que aos aspectos visualmente atraentes do design. E o conteúdo pode ser escrito para se adequar ao site, em vez de projetar o site em torno do conteúdo. No entanto, como mencionado abaixo, esse aspecto do wireframing também pode ser visto como uma desvantagem.
Os contras da Wireframing
Portanto, o wireframing tem suas vantagens, particularmente em termos de gestão de projetos. No entanto, também há alguns inconvenientes nessa abordagem. Aqui estão algumas razões pelas quais nem todos os web designers são grandes fãs da wireframing.
Passo extra desnecessário no processo
A estruturação de um site leva tempo, o que pode aumentar a duração de um projeto. O atraso causado pela wireframing também pode ser exacerbado por longos debates com um cliente sobre o projeto proposto para o site. E é por isso que alguns empreiteiros preferem pular o passo e passar diretamente ao desenvolvimento de um protótipo ou maquete.
Dificuldades de visualização de um site a partir de uma estrutura de arame
Os quadros de arame parecem um esboço. Portanto, pode ser um desafio para algumas pessoas visualizar um site a partir de um esboço esquemático. Quando isso acontece, a única maneira de provar um conceito é com uma maquete ou um protótipo que se pareça mais com o produto acabado.
Prioriza a forma sobre o conteúdo
Como mencionado acima, o wireframing pode forçar os redatores de conteúdo a produzir conteúdo que se ajuste ao site. No entanto, os proponentes do conteúdo – primeira abordagem ao design da web argumentariam que esse é o caminho errado.
Restringe a liberdade criativa
Talvez a crítica mais significativa à armação de arame é que ela pode colocar demasiada ênfase no desenho estrutural. E, uma vez que uma estrutura de arame é acordada, alguns web designers se sentem constrangidos pelo esquema que deve ser seguido. Afinal de contas, algumas das melhores inspirações de web design vêm na espessura do processo de desenvolvimento.
Conclusão
Em resumo, o wireframing pode ser uma ferramenta valiosa para a gestão de um projeto de web design. Mas o processo pode ser restritivo para os designers mais criativos. Ainda assim, a maioria das pessoas começa a projetar projetos com uma wireframe. Muitas vezes, porém, a estrutura de arame é apenas um esboço de fundo de tela. Portanto, a armação de arame só vai atrapalhar a criatividade se o senhor se agarrar muito rigidamente à armação de arame.
