Construindo um Website completo a partir do uma ideia simples

Nos meus www.bengalwarriors.com 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos casos em que os clientes vêm até mesmo mim usando 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 é um pouco ainda mais que isso. Qualquer de que seja este caso, eles olham o visitante não apenas como desenvolvedores da Web, mas igualmente como 1 consultor especialista que pode orientá-los sobre o caminho perfeito a seguir.

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.

Você deve 1o tentar criar uma lista de seções lógicas que o site deve deter. Faça perguntas ao cliente se o visitante acha de que não entende. Se você já tem experiência pelo desenvolvimento por sites relacionados ao juízo, 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) com uma breve descrição por cada seção, detalhando o objetivo principal e o fim do documento. seção. Em termos técnicos, você têm a possibilidade de chamar isso de mapa do site. Além das seções, este mapa do site igualmente mostra saiba 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 fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferença entre criar 1 diagrama do wireframe e o que 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. 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 este comportamento do site. como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o sitio vai parecer e tais como vai se comportar. Para mim, pessoalmente, este é 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 desenvolvimento de design e desenvolvimento. Depois de ter no total o sitio 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 respeito de a maneira como as páginas e o site funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente rápido e fácil de produzir. Quanto ainda mais complexo for o site, mais eficaz 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, este designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. É especialmente claro de 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 estes mais recentes 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 final deste estágio, todos os designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda 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 o visitante tenha feito. – O design da página deve permanecer exatamente o exatamente depois de programar saiba como era antes. – Todas as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maior parte dos navegadores É aconselhável que uma versão do trabalho do site mesmo que carregada em um servidor de questionário no qual o cliente possa visualizar o melhoria e este comentário. Lembre-se de que estes sites enviados em 1 servidor por teste também 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 site deve ser protegido por sinal durante a 100% o desenvolvimento de desenvolvimento.

5. processo de teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no globo da net. Clientes e desenvolvedores não percebem a urgência por finalizar este projeto e colocá-lo em funcionamento. Este processo do teste têm a possibilidade de 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. Andam diversas ferramentas on-line, como as de que ajudam o visitante a visualizar sua página da Web em diferentes navegadores. Para ver saiba como seu site 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 população não é insignificante, especialmente pelo mundo em desenvolvimento. Portanto, você precisa garantir de que o tempo médio por 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 online gratuito que imita a maneira tais como uma página é carregada no browser 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 de que podem tornar o sitio mais lento. Como escolha, você pode 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 suas páginas da Web. – Testando usabilidade? Você pode vir a criar um grupo de usuários de teste 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 incorporar algumas por suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato com sites de que têm uma base de usuários do testadores que farão o teste para você. é especialmente um exemplo disso. – Teste por carga, estresse e desempenho? Se este seu sitio tiver este potencial de ser usado por milhares de usuários, será necessário 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 está 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. Andam muitas ferramentas que fornecem maneiras por 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 várias condições do carga para encontrar gargalos nas suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo da web foi planejado, projetado e testado, o visitante não pode garantir 1 site de teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É de extrema influência 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 por emergência dentro de 4 a 6 horas depois 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, contudo isso têm a possibilidade de servir tais como uma diretriz básica para aqueles de que estão pelo negócio por desenvolver e projetar aplicativos da web, bem saiba como clientes de que desejam criar um empreendimento on-line por sucesso.

コメントを残す

サブコンテンツ

このページの先頭へ