Criar um Website completo a partir de uma conceito simples | ingenii
Criar um Website completo a partir de uma conceito simples
Nos meus thefinaagency.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 um conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto de 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 natural informados quanto definir exatamente o que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco muito mais que isso. Qualquer que seja este caso, eles olham você não somente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientá-los sobre o 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 possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista de estratégias de que garantem de que você possa atender às expectativas por seus clientes e transformar seus sonhos em imagem.
O visitante deve 1o tentar produzir uma lista de seções lógicas que o sitio deve ter. Faça perguntas ao cliente se o visitante acha que não entende. Se o visitante já possui experiência pelo desenvolvimento de sites relacionados ao conceito, pode sugerir seções de 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) com uma breve descrição por cada seção, detalhando este objetivo principal e o objectivo do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do sitio. Além das seções, este mapa do site igualmente mostra como cada divisã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 bem explicados quando fala diretamente com seu cliente.
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 bastante 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 destes dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. saiba como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando forma. 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 discriminado 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 a 100% o site construído, você 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 a cerca de a forma como as páginas e o sitio funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é relativamente super veloz e fácil de criar. Quanto ainda mais complexo for o site, mais eficaz será a armação por arame.
Isso se torna uma tarefa relativamente fácil se você souber este que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, o designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. É especialmente claro que se este site tiver tudo a ver com branding e apresentação, então o design deve ser do alta capacidade. Em conformidade 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 em muito desafiadora.
No fim deste estágio, todos os designs por 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.
Durante a programação, assegure-se o seguinte com o maior alento 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 você tenha feito. – O design da página deve permanecer justamente o mesmo depois de programar como era antes. – Todas as brechas de segurança estão conectadas – O 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 questionário no qual o cliente possa visualizar o progresso e o comentário. Recorde-se de que os sites enviados em um servidor de teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Então, por favor, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante no total o processo de desenvolvimento.
A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores não percebem a urgência por finalizar este projeto e colocá-lo em funcionamento. O processo de teste têm a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos por 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 variados navegadores. Para ver como seu site aparece nas telas pequenas de celulares como o BlackBerry ou este 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 de que o tempo médio do carregamento por suas páginas da Web em HTML, juntamente com todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro por limites razoáveis. é um serviço em linha 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 de que você saiba sobre estes culpados que podem tornar o sitio mais lento. Como alternativa, você têm a possibilidade de usar este Firebug no Firefox para detectar elementos em sua página da Web de que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você têm a possibilidade de criar um grupo do usuários por teste que testará o site em termos por facilidade por uso e experiência do navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas por suas sugestões ao seu site. Alternativamente, você pode entrar em contato com sites que têm uma base do usuários de testadores que farão o teste para você. é um exemplo disso. – Teste de carga, estresse e performance? Se este seu sitio tiver este potencial do ser utilizado por milhares de utilizadores, será necessário testar seu site para monitorar o desempenho do site. Em particular, se você planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda lidando usando as necessidades 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 do testar sites da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. Você pode testar e analisar as propriedades de desempenho sob diversas condições do carga para encontrar gargalos nas suas aplicações web.
Independentemente de quão bem este seu aplicativo da web foi planejado, projetado e testado, o visitante não pode garantir um site do teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É do extrema importância que o visitante 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 ter uma equipe em standby que possa responder a situações do emergência dentro de 4 a 6 horas após relatar o 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, existem infinitas variações e adições possíveis, porém isso pode servir tais como uma diretriz básica para aqueles que estão no negócio por desenvolver e projetar aplicativos da web, bem saiba como clientes que desejam criar um negócio on-line por sucesso.