Desenvolvimento de sites: processos e dicas

Patrícia Mallmann Garcia Unisinos 2008

[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],Aplicação Web é o termo utilizado para designar, de forma geral, sistemas de informática projetados para utilização através de um navegador, na internet ou em redes privadas ( Intranet ). Trata-se de um conjunto de programas que é executado em um servidor de HTTP (Web Host). O desenvolvimento da tecnologia web está relacionado, entre outros fatores, à necessidade de simplificar a atualização e manutenção mantendo o código-fonte em um mesmo local, de onde ele é acessado pelos diferentes usuários. Podemos definir uma aplicação Web como uma aplicação de software que utiliza a Web, através de um browser como ambiente de execução. (Wikipedia)

[object Object],[object Object],Comercial > gerente de serviço > planejamento criativo + diretor de arte + redação > produção > codificação > programação = entrega ,[object Object],Analista de negócio > SEO + acessibilidade > design de interface > design gráfico > testes de usabilidade > codificação > programação > homologação = entrega ,[object Object],Comercial > analista de negócio > gerente de projeto > design de interface > design gráfico > redação > codificação > programação = entrega ,[object Object],Analista de negócio > design de interface > design gráfico > testes de usuabilidade > analista de sistemas > programação = entrega

[object Object],Etapas de aprovação do projeto

[object Object],1ª entrega: Sitemap É elaborado pelo produto, analista de negócio ou gerente de projeto. A. Capa principal C. Vídeos D.3 Blogs I. RSS C.1 Vídeos C.2 Áudios C.3 Fotos D. Blogs (lista) A.1 Capa Time A.2 Capa Campeonato Link Dúvidas freqüentes B.1 Lista B.2 Notícia Aberta Link Fale Conosco Link Anuncie Atemdimento Destaque Login Legenda Seção de 1º nível Home Sub-seções Seção externa Link Estrutural Skin Seção totalmente restrita RSS Grupo de crosslinks A. Esportes E.X. Página do Blog B. Notícias

[object Object],2º entrega: Wireframe É elaborado pelo designer de interface (arquiteto de informação).

[object Object],O que é wireframe? O wireframe pode ser considerado o esqueleto de uma interface. Através dele é possível definir posicionamento, navegação, agrupamento, ordem, hierarquia e peso de conteúdos, ou seja, ele responde pela organização dos elementos de interface sem trabalhar a apresentação visual. Seus componentes devem ser realizados de acordo com seu grau de relevância e criticidade de acesso, o modo de exibição e interação dessa informação com o usuário. Validar organização dos elementos na interface: posicionamento, navegação, agrupamento, ordem, hierarquia e peso; • Relevância entre áreas e componentes; • Modo de interação e exibição do conteúdo ao usuário.

[object Object],O que faz um designer/projetista de interface? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],3° entrega: Layout É elaborado pelo design gráfico.

[object Object],4° entrega: Codificação e produção É entregue pelo htmller (web standards), flasher, 3D designer e outros. 5° entrega: Programação É entregue pelo programador já com todas interações e pronto para publicação. Esse processo pode ser bem complexo, envolvendo analista de sistemas e diversas tecnologias.

[object Object],O que é SEO? Search Engine Optimization, é a otimização de Sites, refere-se ao conjunto de estratégias com o objetivo de potencializar e melhorar o posicionamento de um site nas páginas de resultados naturais (orgânicos) nos sites de busca. As técnicas utilizadas no SEO são concebidas para alavancar seus objetivos no seu website melhorando o número e a posição de seus resultados nas busca orgânica para uma grande variedade de palavras-chave relevantes ao conteúdo do web site. Estratégias de SEO podem melhorar tanto o número de visitações quanto a qualidade dos visitantes, onde qualidade significa que os visitantes concluem a ação esperada pelo proprietário do site (ex. comprar, assinar, aprender algo). www.google.com.br/webmasters

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Quais as funções do layout? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],Web 2.0 Web 2.0 é um termo cunhado em 2004 pela empresa estadunidense O'Reilly Media[1] para designar uma segunda geração de comunidades e serviços baseados na plataforma Web, como wikis, aplicações baseadas em folksonomia e redes sociais. Embora o termo tenha uma conotação de uma nova versão para a Web, ele não se refere à atualização nas suas especificações técnicas, mas a uma mudança na forma como ela é encarada por usuários e desenvolvedores. (Wikipedia)

[object Object],Cauda Longa O conceito trata basicamente do fenômeno que tem gerado migração da cultura de hits (oferta de produtos e serviços mais procurados) para a cultura de nichos (público restrito de interessados), a partir da viabilização de produção, exibição do conteúdo amador e baixo custo no comércio digital. Com essa nova disposição de produtos no mundo digital, os consumidores tornam-se menos fieis às marcas e mais propensos a novas experimentações.

[object Object],Redes Sociais São as relações entre os indivíduos na comunicação mediada por computador. Esses sistemas funcionam através da interação social, buscando conectar pessoas e proporcionar sua comunicação e, portanto, podem ser utilizados para forjar laços sociais. As pessoas levam em conta diversos fatores ao escolher conectar-se ou não a alguém. (Wikipedia) =

[object Object],RSS A tecnologia do RSS permite aos usuários da internet se inscreverem em sites que fornecem "feeds" (fontes) RSS. Estes são tipicamente sites que mudam ou atualizam o seu conteúdo regularmente. Para isso, são utilizados Feeds RSS que recebem estas atualizações, desta maneira o usuário pode permanecer informado de diversas atualizações em diversos sites sem precisar visitá-los um a um. (Wikipedia)

[object Object],Widgets Um widget é um componente de uma interface gráfica do utilizador (GUI), o que inclui janelas, botões, menus, ícones, barras de rolagem, etc. Outro emprego do termo são os widgets da área de trabalho, pequenos aplicativos que flutuam pela área de trabalho e fornecem funcionalidade específicas ao utilizador (previsão do tempo, cotação de moedas, relógio, ...) (Wikipedia)

[object Object],Fontes de sistema ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],As 10 heurísticas de Nielsen ,[object Object],[object Object],[object Object],[object Object]

[object Object],As 10 heurísticas de Nielsen ,[object Object],[object Object],[object Object]

[object Object],Galerias para busca de referências ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],Sugestões de leituras básicas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Desenvolvimento de sites: processos e dicas

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (17)

En vedette

En vedette (20)

Similaire à Desenvolvimento de sites: processos e dicas

Similaire à Desenvolvimento de sites: processos e dicas (20)

Desenvolvimento de sites: processos e dicas