|
Share this
Twitter
Mister Wong
Digg
Yahoo
Technorati
Newsvine
Googlize this
Blinklist
Facebook
Hear this text
Export PDF
Print
E-mail
Introdução
Há poucos anos atrás, quando comecei a projetar sites Joomla! , descobri muitas dificuldades, principalmente quando se trabalha com os clientes. Ser jovem e ansioso, eu sempre pulava diretamente para um projeto com pouco pensamento e menos preparação, ou até mesmo sem muita comunicação com um cliente! Eu passava horas e horas na minha mesa, trabalhando e achando que era o "design perfeito". E vendo o cliente rejeitar completamente e lançando comentários como: "Eu estava pensando em algo um pouco diferente", ou "Isso não é bem o que eu tinha em mente ", ou ainda pior" Você é realmente um designer? "
Assim, com o passar do tempo, tenho aprendido e evoluído meu processo de design, e que usamos na minha empresa, decidi compartilhar e ajudar a evitar muitas situações perigosas e indesejáveis.
Nós procuramos fazer nosso próprio processo que envolve e direciona nossos clientes através de todo o processo do início a conclusão.
Nosso processo não é único. De fato, muitas agências de criação e web em todo o mundo seguem ou usam processos semelhantes para alcançar os mesmos objetivos, um esforço colaborativo entre a agência e o cliente web.
Este é um pequeno panorama de como nós vamos usamos o processo de design com os nossos clientes.
O Trabalho "Investigativo"
No início, é preciso ter comunicação. Gastamos tempo com o cliente para entender o seu negócio ou organização e descobrir exatamente o que querem, qual o propósito do site é e quais os objetivos que pretendem alcançar com o website.
Aqui está uma lista de algumas coisas que podemos pedir a um cliente:
- Mercado-alvo e demografia
- Material de branding, impressão, marketing, logos
- Concorrência e sites semelhantes ao resultado desejado
- Objetivo do site
- Posição no mercado da empresa
Todos esses fatores são importantes, pois todos têm sido de grande influência, e contribuindo de como o site será projetado.
O que o site faz? - Funções
- Fornecer informações a potenciais novos clientes
- Gerar novos clientes
Nesta situação teríamos certeza de que existem áreas no projeto, onde os usuários podem facilmente ter acesso a informações de vendas, bem como maneiras rápidas e fáceis para contactar a empresa para iniciar o processo de geração de vendas.
O uso de padrões comuns F e pesquisa de rastreamento ocular a partir de estudos de usabilidade, podemos determinar o melhor posicionamento possível para essas funções específicas principais e conteúdo no site.
Determinar estas funções irão se certificar de que o design do site tem um foco e objetivo.
Fazendo um esboço - O uso de wireframe
Fazer uso de wireframe, para criar um esboço do projeto: Eu acho ser a parte mais agradável do processo de projeto inteiro. Para aqueles que não sabem o que é wireframe, é basicamente o processo de desenhar o site na sua forma mais minimalista e completamente simplista.
O ponto deste é fazer com que o cliente e o designer para se concentrar exclusivamente nos elementos e o posicionamento dos elementos no layout do projeto e não se distrair com cores, marcas e estilos.
Existem muitas ferramentas de wireframe, tanto para desktop e online. O que eu estou usando e o Pencil, um projeto da Mozilla, tendo uma versão que rode no Firefox e outra totalmente no desktop. Totalmente gratuito e fácil de usar.
Construindo a Estrutura - Estrutura e Planejamento
Em seguida, vamos olhar para a estrutura de conteúdo no site.
O Planejamento da arquitetura de informação do site, neste ponto vai um longo caminho, especialmente desde que o conteúdo de vários sites parecem ser sempre deixado como as últimas coisas a serem planejadas.
Ter um mapa do site, ajuda a trabalhar não só com a fase de projeto, mas também com a implementação do site. Recomendo usar ferramentas como o Microsoft Visio e similiares, para criar organogramas da estrutura do conteúdo do site.
Como isso funciona? - Prototipagem
Depois que o wireframe atingiu um estágio maduro no processo e que o cliente está feliz com os resultados, a prototipagem pode ser iniciado.
Prototipagem é essencialmente uma versão funcional do wireframes que foram projetados até agora. É feito para testar a usabilidade de um layout bem como dando ao cliente uma visão geral de como o design é, na verdade como funcionará.
Existem muitas ferramentas de prototipagem lá fora. Você pode realmente usar Joomla para construir rapidamente um protótipo funcional, criando algo simples.
Este processo permite que o cliente ver e poder interagir com o website.
O processo final - Criando o site
Agora que temos todos os planos, wireframes e estrutura básica montado, podemos começar o processo de criação.
De reuniões anteriores com o cliente e as informações detalhadas que nos reunimos, podemos determinar o esquema de cores, público-alvo e tema geral do site.
O designer pode realmente ir longe neste momento e passar algum tempo de ser criativo com o resumo e as informações dos processos anteriores.
Uma vez que os conceitos de design do projeto foram criados, nós chamamos o cliente e fazemos apresentações dos conceitos, juntamente com explicações e justificativas a respeito de porque nós escolhemos certas combinações de cores, estilo e posicionamento dos vários elementos.
Uma vez que o conceito de projetos são aprovados, os arquivos de nosso projeto são limpos e preparados para o desenvolvimento. Isso envolve desde a instalação e configuração do Joomla, criação ou adaptação do layout, configuração dos módulos e etc.
Conclusão
Se você está começando no mundo de web design e do Joomla, ou ainda não fazia idéia de como criar um processo de planejamento de seus projetos, espero que este artigo ajude a projetar e criar o seu projeto Joomla bonito e funcional, e que todo o processo de design e desenvolvimento seja o mais tranquilo possível.
Caso queira complementar e tirar alguma dúvida, sinta-se livre para faze-lo logo abaixo, na área de comentários.
Até a proxima!
Artigo Inspirado e adaptado dessa fonte.