Construindo um Website completo a partir de uma conceito simples

Nos meus blackelement.solutions 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos quadros 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 de 1 a 2 frases a 100 páginas detalhados com diagramas, referências e assim por diante. Em ambos estes casos, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão bem informados quanto definir justamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco muito mais que isso. Qualquer de que seja o caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como 1 consultor especialista que pode orientá-los sobre o caminho perfeito a atravessar.

Você então se depara com o desafio de converter a ideia básica em um empreendimento on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista por estratégias que garantem de que você possa atender às expectativas por seus clientes e transformar seus sonhos em realidade.

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

O visitante deve primeiro tentar criar uma lista de seções lógicas que o sitio deve ter. Faça perguntas ao cliente se você acha que não entende. Se o visitante já tem experiência no desenvolvimento de sites relacionados ao juízo, pode sugerir seções que devem estar presentes logicamente. No fim deste exercício, você deve criar um 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 este objetivo primário e a finalidade do documento. seção. Em termos técnicos, você pode chamar isso de mapa do sitio. Além das seções, este mapa do site também mostra saiba como cada divisão está vinculada entre si. Compartilhe este documento com o cliente e, se permitido, explique o documento para ele. Às vezes, seus pensamentos são mais bem explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferença entre criar um diagrama de wireframe e o que eu pessoalmente prefiro. Eu sobretudo projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto demasiado mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar o wireframe. Pelo documento a respeito de 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 este comportamento do site. como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando estilo. Do documento, ele entende como o sitio vai parecer e como vai se comportar. Para mim, pessoalmente, este é o passo mais crucial e, quanto mais discriminado você estiver na sua preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois de ter no total o site construído, o visitante 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 sitio funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente super veloz e elementar de criar. Quanto 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 reforma relativamente fácil se o visitante souber o que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, o designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. É especialmente claro de que se este site tiver tudo a ver usando branding e apresentação, então o design deve ser do alta excelência. Em analogia com estes 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 é uma tarefa bastante desafiadora.

No fim deste estágio, todos estes designs por página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele estacionaestaficafixa jazepararpermanecequeda em conformidade com o 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 este maior alento e importância: – 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 você tenha feito. – Este design da página deve permanecer exatamente o exatamente depois de programar tais como era previamente. – Praticamente as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maior parte dos navegadores É recomendável que uma versão de trabalho do site mesmo que carregada em um servidor de questionário no qual o cliente possa visualizar o progresso e o comentário. Recorde-se de que os sites enviados em 1 servidor de teste também podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por benefício, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante a 100% o processo de desenvolvimento.

5. processo por teste.

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

6. Suporte pós lançamento.

Independentemente de quão bem o seu aplicativo da web foi planejado, projetado e testado, você não têm a possibilidade de garantir um site por teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema mais valia que você tenha 1 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 deter uma equipe em standby que possa responder a situações do emergência dentro de 4 a seis horas após relatar este problema. Os clientes devem entender a importância disso e manter-se preparados para ter um orçamento alocado para tal finalidade.

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