Construindo um Web-site completo a partir do uma plano fácil

Nos meus 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos quadros em de que os clientes vêm até mesmo mim com apenas 1 conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto de 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 apenas têm uma ideia e às vezes é um pouco muito mais que isso. Qualquer que seja o caso, eles olham você não somente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como 1 consultor especialista que pode orientá-los sobre este caminho perfeito a completar.

O visitante então se depara com o desafio de transformar a ideia básica em um negócio 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 de que você possa atender às expectativas por seus clientes e converter seus sonhos em imagem.

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

Você 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 você já tem experiência no desenvolvimento do sites relacionados ao conceito, pode sugerir seções de que devem estar presentes logicamente. No final 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) com uma breve descrição por cada seção, detalhando este objetivo principal e o fim 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 tais como cada seçã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 bem 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 do wireframe e o que pessoalmente prefiro. Eu sobretudo projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto bastante mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar este wireframe. Pelo documento a cerca de 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. como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o site vai parecer e como vai se comportar. Para mim, pessoalmente, este é especialmente 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 a 100% o sitio construído, você pode enviá-lo para o seu cliente para assinar ou enviar alterações para o seu quadro de arame. Isso ajudará a eliminar qualquer mal-entendido a cerca de a maneira como as páginas e o sitio funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é relativamente instantaneo e fácil de criar. Quanto ainda mais complexo for o sitio, mais eficiente será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se você souber o que precisa ser projetado. O designer decide sobre 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. É especialmente claro de que se este site tiver tudo a ver com branding e apresentação, então o design deve ser por alta capacidade. Em analogia com estes mais modernos 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 em muito desafiadora.

No final deste estágio, todos estes designs do página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda em conformidade com o 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 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 justamente o precisamente depois de programar tais como era previamente. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão por trabalho do site seja carregada em um servidor de questionário no qual o cliente possa visualizar o progresso e este comentário. Lembre-se de que estes sites enviados em um servidor de teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por favor, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante no total o processo de desenvolvimento.

5. processo por teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores não percebem a urgência por finalizar este projeto e colocá-lo em funcionamento. O processo do teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos de design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, tais como as de que ajudam você a visualizar sua página da Web em diferentes navegadores. Para ver tais como seu site aparece nas telas pequenas de celulares como o BlackBerry ou o 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. Portanto, você precisa garantir de 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 como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo de carregamento) para cada objeto na página da web para que você saiba sobre os culpados de que podem tornar o site mais lento. Como alternativa, você têm a possibilidade de usar este Firebug pelo 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ê pode criar 1 grupo do usuários do teste de que testará o site em termos do facilidade por uso e experiência de navegação. Ouça atentamente os comentários deles e talvez deseje implementar algumas do suas sugestões ao seu site. Alternativamente, você pode vir a entrar em contato usando sites que têm uma base por usuários de testadores de que farão este teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e performance? Se o seu site tiver este potencial do ser utilizado por muitos milhares de usuários, será preciso testar seu site para monitorar o desempenho do site. Particularmente, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site estacionaestaficafixa jazepararpermanecequeda 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 por testar sitios da Web, servidores da Web e aplicativos de intranet com interfaces da Web. Você pode testar e analisar as características de desempenho sob diversas condições de carga para encontrar gargalos nas suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo mehtapdogan.photography da web foi planejado, projetado e testado, o visitante não pode 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. É de extrema importância que você 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 de emergência dentro de 4 a seis horas após relatar este problema. Estes clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para tal finalidade.

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

Pridaj komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *

Môžete použiť tieto HTML značky a atribúty: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>