Construindo um Website completo a partir de uma conceito fácil

Nos meus 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos casos em que os clientes vêm até mim com apenas um conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos do 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos estes casos, você se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão bem informados quanto definir exatamente o que eles querem. Às vezes eles apenas têm uma ideia e às vezes é 1 pouco muito mais que isso. Qualquer que seja o caso, eles olham você não somente como desenvolvedores da Web, mas também como um consultor especialista que pode orientá-los sobre o caminho fixo a atravessar.

Você então se depara usando o desafio de converter a ideia básica em um negócio on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Cá está uma lista de estratégias de que garantem de que você possa atender às expectativas do seus clientes e converter seus sonhos em realidade.

1. Entenda o conceito e delineie as seções e recursos básicos.

O visitante deve primeiro tentar produzir uma lista de seções lógicas que o sitio deve ter. Faça perguntas ao cliente se o visitante acha que não entende. Se você já possui experiência no desenvolvimento do sites relacionados ao conceito, pode sugerir seções que devem estar presentes logicamente. No final deste exercício, você deve criar 1 documento onde todas as seções, subseções, páginas sejam listadas em ordem lógica (talvez em um formato com marcadores simples) usando uma breve descrição do cada divisão, detalhando o objetivo primário e a finalidade do documento. seção. Em termos técnicos, você pode chamar isso de mapa do site. Além de seções, este mapa do site também mostra tais como cada divisão está vinculada entre si. Compartilhe este documento com o cliente e, se permitido, explique este documento para ele. Às vezes, seus pensamentos são mais natural explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em um diagrama de wireframe.

Existe uma diferença entre criar 1 diagrama por wireframe e o que eu pessoalmente prefiro. Eu basicamente projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto muito mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar este wireframe. No documento sobre powerpoint, simplesmente projetamos cada página da web desprovida de cores e gráficos, mas tentamos mostrar dados simulados, as colocações destes dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais preciso você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois do ter todo o sitio construído, você pode enviá-lo para o seu cliente para assinar ou enviar alterações para o seu quadro por arame. Isso ajudará a eliminar qualquer mal-entendido sobre a maneira como as páginas e o site funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente rápido e fácil de criar. Quanto ainda mais complexo for o sitio, mais eficaz será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se o visitante souber este que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo por layout e gráficos. Às vezes, este designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. É claro de que se o site tiver tudo a ver com branding e apresentação, então o design deve ser do alta excelência. Em analogia com os mais novos padrões da Web 2. 0 e design inteligente de seções de interface do usuário com pop-ups JQuery / AJAX também igualmente similarmente identicamente conjuntamente é uma tarefa deveras desafiadora.

No final deste estágio, todos os designs do página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda em conformidade com este design do wireframe e se todas as seções / dados foram cobertos.

4. Programação do site.

Durante a programação, assegure-se o seguinte com o maior cuidado e mais valia: – A estrutura e a codificação da página da Web devem ser muito limpas e validadas. – Remova qualquer codificação comentada desnecessária que o visitante tenha feito. – O design da página deve permanecer exatamente o precisamente depois de programar como era previamente. – Todas as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maioria dos navegadores É recomendável que uma versão do trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o progresso e este comentário. Recorde-se de que os sites enviados em 1 servidor de teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por favor, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante todo o processo de desenvolvimento.

5. processo por teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores não percebem a urgência por finalizar este projeto e colocá-lo em funcionamento. Este processo por teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos de design estão em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, saiba como as que ajudam o visitante a visualizar sua página da Web em variados navegadores. Para ver saiba como seu site aparece nas telas pequenas de celulares como o BlackBerry ou o Windows Mobile, confira. – Teste a velocidade do seu sitio – Várias pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente pelo mundo em desenvolvimento. Logo, você precisa garantir que o tempo médio por carregamento de suas páginas da Web em HTML, juntamente com todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro por limites razoáveis. é 1 serviço on-line gratuito que imita a maneira tais como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para de que você saiba sobre os culpados que podem tornar o site mais lento. Como alternativa, você pode vir a usar este Firebug no Firefox para detectar elementos em sua própria página da Web de que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você têm a possibilidade de criar 1 grupo por usuários de teste de que testará este site em termos do facilidade por uso e experiência por navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas do suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato usando sites de que têm uma base por usuários de testadores de que farão este teste para você. é um exemplo disso. – Teste do carga, estresse e desempenho? Se este seu sitio tiver o potencial por ser usado por milhares de usuários, será necessário testar seu site para monitorar o desempenho do site. Em particular, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site está lidando com as urgências de streaming na demanda de pico. Se necessário, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras de testar sitios da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. Você pode testar e analisar as características de performance sob diversas condições por carga para encontrar gargalos nas suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo www.agenda-normandie.com da web foi planejado, projetado e testado, o visitante não pode garantir 1 site de teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É do extrema importância que o visitante tenha um desenvolvedor ou equipe pronta para lidar com qualquer uma dessas eventualidades. Se o seu site lida com dados que são acessados em tempo real por seus usuários, você deve ter uma equipe em standby que possa responder a situações do emergência dentro de 4 a 6 horas após relatar o problema. Os clientes devem entender a importância disso e estar preparados para ter 1 orçamento alocado para tal finalidade.

Em conclusão, todos os pontos podem ser elaborados, refinados e adicionados. Na verdade, existem infinitas variações e adições possíveis, porém isso pode servir tais como uma diretriz básica para aqueles que estão no negócio por desenvolver e projetar aplicativos da web, bem como clientes de que desejam criar um negócio on-line por sucesso.