Construindo um sitio completo a partir por uma conceito simples

Nos meus 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos casos em de que os clientes vêm até mesmo 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 100 páginas detalhados com diagramas, referências e assim por diante. Em ambos os casos, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão natural informados quanto definir justamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco muito mais que isso. Qualquer de que seja este caso, eles olham você não exclusivamente como desenvolvedores da Web, mas igualmente como 1 consultor especialista que pode orientá-los sobre este caminho fixo a seguir.

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

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

Você 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 que não entende. Se você já possui experiência pelo desenvolvimento do sites relacionados ao conceito, pode sugerir seções de que devem estar presentes logicamente. No fim 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 o fim do documento. seção. Em termos técnicos, você pode chamar isso de mapa do site. Além das seções, o mapa do site também mostra tais como cada divisão está vinculada entre si. Compartilhe este documento com o cliente e, se possível, explique o documento para ele. Às vezes, seus pensamentos são mais natural explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama por wireframe.

Existe uma diferença entre criar 1 diagrama do wireframe e o que 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, sobretudo projetamos cada página da web desprovida de cores e gráficos, mas tentamos mostrar dados simulados, as colocações dos dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. saiba como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando maneira. Do documento, ele entende como o sitio vai parecer e tais como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais preciso você estiver na sua preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois por ter todo 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 sobre a forma 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 rápido e elementar 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 fácil se o visitante 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, este designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. É claro que se o site tiver tudo a ver usando 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 é uma tarefa deveras 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 analogia com este design do wireframe e se praticamente as seções / dados foram cobertos.

4. Programação do site.

Durante a programação, assegure-se o seguinte com o maior cuidado e influê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 o visitante tenha feito. – Este design da página deve permanecer exatamente o mesmo depois de programar tais como era previamente. – Todas 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 seja carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e o comentário. Recorde-se de que os sites enviados em um servidor do teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por favor, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante a 100% o desenvolvimento de desenvolvimento.

5. processo por teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores não percebem a urgência de finalizar o projeto e colocá-lo em funcionamento. Este processo de teste pode vir a ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos por design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, saiba 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 este Windows Mobile, confira. – Teste a velocidade do seu site – Algumas pessoas ainda estão usando conexões lentas e sua própria população não é insignificante, especialmente no mundo em desenvolvimento. Portanto, você precisa garantir que o tempo médio de 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 do limites razoáveis. é um serviço em linha gratuito 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 de que você saiba sobre os culpados que podem tornar o sitio mais lento. Como escolha, você pode vir a usar este Firebug pelo Firefox para detectar elementos em sua própria página da Web que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você pode criar um grupo por usuários de teste que testará este site em termos por facilidade por uso e experiência de navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas por suas digitalmnl.com sugestões ao seu site. Alternativamente, você pode entrar em contato usando sites de que têm uma base do usuários de testadores que farão este teste para você. é especialmente um exemplo disso. – Teste por carga, estresse e desempenho? Se o seu sitio tiver o potencial de ser utilizado por milhares de usuários, será preciso testar seu site para monitorar o desempenho do site. Em especial, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se este site permanecequeda lidando usando as necessidades de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Há muitas ferramentas que fornecem maneiras por testar sitios da Web, servidores da Web e aplicativos de intranet com interfaces da Web. O visitante pode testar e analisar as propriedades de performance sob numerosas condições por carga para encontrar gargalos nas 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, 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 site esteja ativo e trabalhando com usuários reais e dados em tempo real. É do 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 de emergência dentro de 4 a 6 horas após relatar este problema. Estes clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para essa finalidade.

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