sites remodelados motivos para realizar...razões para reformular seu site há muitas razões para...

Sites Remodelados –

Motivos para realizarProf. Andrea Garcia

www.uol.com.br

www.terra.com.br

www.globo.com

www.yahoo.com.br

www.google.com.br

www.facebook.com

Quando reformular um site?

Razões Para Reformular Seu Site

Há muitas razões para redesenhar um site, tais como:

Seu site foi criado usando tendências de design desatualizadas e técnicas antigas.

Seu site não tem muitas características modernas, e está tornando a experiência do visitante em algo sem prazer

Seu site tem falhas arquitetônicas (má categorização e navegação)

Seu site é lento e precisa ser redesenhado para melhorar a sua performance.

Seu site não está trazendo os resultados que você espera dele (vendas? marketing?)

Fonte: http://pt.wix.com/blog/2013/12/hora-de-reformular-um-site/

Fatores A Serem Considerados

Objetivo

•Qual é o objetivo do seu site? Ele transmite o conceito básico ou método do negócio que você possui? Você quer que ele apenas apresente informações básicas sobre um tema específico ou você quer que ele converta visitantes em clientes? Antes de reformular seu site, considere todos os fatores relacionados à finalidade do seu site.

Elementos Importantes

•Antes de fazer o re-design do seu site, não descarte todos os elementos importantes do design anterior. Pergunte a seus visitantes regulares o que eles gostaram sobre o seu projeto anterior. Faça o mesmo com pessoas que nunca visitaram seu site antes. Tome nota do que funciona e o que não funciona, e elimine as partes que estão dando problemas e que você sente que não são necessárias. Lembre-se de que o seu site precisa ter o design que você PRECISA que ele tenha, e não o design que você quer, ok?

O ProcessoAs etapas para o redesign de um site são, na maioria das vezes, muito semelhantes às etapas de criação de um site. Vejamos o que você deve ter em mente ao reformular seu site:

Estrutura

A primeira coisa que você tem a fazer é rever a estrutura completa do seu site (também chamada de arquitetura). Esta etapa não demora muito, pois você já tem a estrutura básica do site anterior como base, você precisará apenas fazer as mudanças necessárias. Mas cuidado para não mudar radicalmente as páginas que estão funcionando – foque-se em editar ou remover as páginas que não trazem mais resultados.

Navegação

Ao recriar a navegação do seu site, certifique-se de que você não irá confundir os usuários, usando um menu de navegação claro e localizado sempre no mesmo local, em todas as páginas. Seus visitantes já terão que lidar com um novo design, então facilite a vida deles com uma navegação simples e direta.

Conteúdo

Reveja todo o conteúdo do seu site anterior e decida o que deverá ser editado, removido e adicionado. Remova ou atualize qualquer conteúdo que esteja incompleto, incorreto ou desatualizado. Se precisar adicionar conteúdo, considere adicionar um blog ao seu site, é uma excelente maneira de adicionar conteúdo facilmente e que irá trazer benefícios rápidos.

Visual – Visualmente, existem 3 áreas principais para você rever no seu site:

O layout dele, que é a organização dos elementos dentro de uma mesma página, e desempenha um papel importante nele. Para reformular o layout do seu site, procure entender o que o visitante procura em cada uma das suas páginas e use essa informação para reestruturá-las de forma a facilitar o uso correto e fácil de cada página;

As cores do site, que tem uma forte influência no resultado final do seu novo site, então elas devem ser escolhidas corretamente, pois cada cor irá despertar um sentimento diferente no visitante, alterando o resultado final do seu site;

A tipografia, que é um dos elementos de design mais importantes do seu site. Portanto, siga as regras básicas quando for escolher a fonte do seu site, pois elas afetam a usabilidade, a acessibilidade, e o design final do seu site.

As Tendências de Web Design do Momento

Leiam o artigo em: http://pt.wix.com/blog/2013/09/tendencias-de-web-design/

Evolução de alguns sites

http://tecnologia.uol.com.br/album/antesedepois_sites_album.htm#fotoNav=30

http://www.evolutionoftheweb.com/?hl=pt-br

http://archive.org/web/

Exemplo de Wireframe

Exemplo de Wireframe

Exemplo de Wireframe

Atividade Refaça o layout destes sites (wireframe e o sitegrama) de forma que fiquem

mais dinâmicos, simples e com usabilidade

1. http://www.musikcity.mus.br/

Atividade Refaça o layout destes sites (wireframe e o sitegrama) de forma que fiquem

mais dinâmicos, simples e com usabilidade

2. http://tidinha.zip.net/

Atividade Refaça o layout destes sites (wireframe e o sitegrama) de forma que fiquem

mais dinâmicos, simples e com usabilidade

3. http://www.conselhodosdetetivescfdp.com.br/