Criar um Website completo a partir de uma ideia fácil

0
94

Nos meus blog.capitalstars.com 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos casos em que os clientes vêm até mim com apenas 1 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 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 justamente o 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 você não apenas como desenvolvedores da Web, mas também 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 possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista do estratégias que garantem que você possa atender às expectativas do seus clientes e transformar seus sonhos em imagem.

1. Entenda este 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 site deve ter. Faça perguntas ao cliente se o visitante acha de que não entende. Se você já tem experiência pelo desenvolvimento de sites relacionados ao juízo, pode sugerir seções de 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) com uma breve descrição de cada seção, detalhando este objetivo primário e o fim 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 igualmente mostra como cada seção está vinculada entre si. Compartilhe este documento com este cliente e, se possível, explique o documento para ele. Às vezes, seus pensamentos são mais natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama do wireframe.

Existe uma diferença entre criar 1 diagrama por wireframe e o que eu pessoalmente prefiro. Eu sobretudo 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 o wireframe. No documento sobre powerpoint, basicamente 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. tais como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o site vai parecer e como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais detalhado você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois do 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 do arame. Isso ajudará a eliminar qualquer mal-entendido a cerca de a forma como as páginas e o site funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que foi relativamente instantaneo e fácil de criar. Quanto mais complexo for o site, mais útil será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se você souber este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo por layout e gráficos. Às vezes, o 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 por alta capacidade. Em conformidade com os mais recentes padrões da Web 2. 0 e design inteligente de seções de interface do usuário com pop-ups JQuery / AJAX igualmente é uma tarefa deveras desafiadora.

No final deste estágio, todos estes designs por página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está em analogia 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 você tenha feito. – Este design da página deve permanecer justamente o exatamente depois do programar como era antes. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maior parte dos navegadores É aconselhável que uma versão de trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o progresso e o comentário. Relembre-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 de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante a 100% o processo de desenvolvimento.

5. processo de teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores não percebem a urgência por finalizar o projeto e colocá-lo em funcionamento. O 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. Existem diversas ferramentas on-line, tais como as que ajudam o visitante a visualizar sua página da Web em multiplos navegadores. Para ver tais como seu sitio 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 própria população não é insignificante, especialmente pelo mundo em desenvolvimento. Logo, você precisa garantir que o tempo médio do carregamento de suas páginas da Web em HTML, juntamente usando 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 como uma página é carregada no browser da web. Ele mostra estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para que você saiba sobre estes culpados que podem tornar o site mais lento. Como alternativa, você têm a possibilidade de usar este Firebug no Firefox para detectar elementos em sua própria página da Web que estão aumentando o tempo de carregamento de as suas páginas da Web. – Testando usabilidade? Você pode vir a criar um grupo do usuários de teste de que testará este site em termos do facilidade de uso e experiência de navegação. Ouça atentamente estes 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 do testadores de que farão este teste para você. é um exemplo disso. – Teste do carga, estresse e desempenho? Se o seu sitio tiver este potencial por ser utilizado por muitos milhares de utilizadores, 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 este site está lidando com as urgências de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos por intranet usando interfaces da Web. Você pode testar e analisar as propriedades de performance sob numerosas condições por carga para encontrar gargalos nas as suas aplicações web.

seis. Suporte pós lançamento.

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

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