Ciberotic™
Registe-se para ver todo conteúdo!
Olá Convidado, seja bem-vindo ao Ciberotic™️.

Aqui você terá espaço para falar sobre diversos temas , podendo compartilhar e aprender com todos os outros membros.

Além disso, você encontrará diversas discussões e informações sobre os mais variados temas da atualidade.

Somente membros podem visualizar alguns assuntos, portanto, não perca tempo e cadastre-se.

Divulgue-nos também.

Atenciosamente, Equipe CyberForum.


Participe do fórum, é rápido e fácil

Ciberotic™
Registe-se para ver todo conteúdo!
Olá Convidado, seja bem-vindo ao Ciberotic™️.

Aqui você terá espaço para falar sobre diversos temas , podendo compartilhar e aprender com todos os outros membros.

Além disso, você encontrará diversas discussões e informações sobre os mais variados temas da atualidade.

Somente membros podem visualizar alguns assuntos, portanto, não perca tempo e cadastre-se.

Divulgue-nos também.

Atenciosamente, Equipe CyberForum.
Ciberotic™
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Vote em nós!
Mais Parceiros
  • INFWCOM

  • [AJUDA] Criar um WEBSITE! Parte 2

    3 participantes

    Ir para baixo

     [AJUDA] Criar um WEBSITE! Parte 2 Empty [AJUDA] Criar um WEBSITE! Parte 2

    Mensagem por JUFASA Qui maio 24, 2012 8:03 pm

    1. PLANEAMENTO
    1.1. BRIEFING
    Briefing é o conjunto de informações que deverão ser obtidas junto do cliente, de forma a serem definidos os objetivos do projeto.

    Perguntas como as seguintes podem-se revelar de extrema importância:
    Seta orange Qual o ramo de atuação da empresa e quais os serviços oferecidos?
    Seta orange Quem é o público-alvo?
    Seta orange Qual o objetivo do site?
    Seta orange Que imagem se pretende transmitir para o utilizador/cliente?
    Seta orange Qual o conteúdo do site? (tópicos)

    1.2. ESTRUTURAÇÃO E ORGANIZAÇÃO DA INFORMAÇÃO
    Depois de obter as principais informações, define-se o mapa do site e a hierarquia dos menus de
    navegação de forma a alcançar uma navegação fácil e intuitiva. Para o fazer, primeiro deve-se organizar os dados fornecidos pelo cliente em grupos que estejam relacionados entre si e depois agrupá-los em áreas.
     [AJUDA] Criar um WEBSITE! Parte 2 RJu8n
    Fig. 1 _ exemplo de um diagrama de navegação de um site.

    Releases e Press Kit foram agrupados em Imprensa e a secção Quem Somos foi associada à página de Contacto, mesmo não estando contida na hierarquia de Quem Somos. Isso significa que as páginas de Quem Somos podem levar até a página de Contacto, através de uma mensagem ou hiperlink.
    Os diagramas de navegação ajudam os designers a identificar e organizar os caminhos que o utilizador terá que percorrer até encontrar a informação que deseja. Uma boa arquitetura de informação é um dos principais fatores para alcançar sites eficientes e persuasivos.

    1.3. WIREFRAMES / PESO DO CONTEÚDO
    A arquitetura de informação organiza a hierarquia de páginas, e dentro de cada página os elementos que as constituem de acordo com a sua importância.

    Assim, depois de criado e aprovado o diagrama de navegação do site, passamos, então, à fase seguinte: determinar o peso do conteúdo, ou seja, determinar a relevância dos elementos de interface, como blocos de texto, menu, imagens, etc.
    Para isso podemos utilizar um wireframe, que consiste numa espécie de "esboço" da página de Internet, em que nos devemos preocupar com a funcionalidade, sem perder muito tempo com as questões estéticas.

    Os wireframes têm como função estruturar o conteúdo de cada página, indicando o peso e relevância de cada elemento do layout [branding – marca, logótipo, slogan –, publicidade,
    navegação/botões, títulos da página, gráficos do cabeçalho, e rodapés, incluindo copyrights] e a sua relação com os demais elementos formadores do todo.

    1.3.1. PRINCÍPIOS PARA PROJECTAR UM BOM WIREFRAME
    Seta orange Desenhar todos os elementos, incluindo imagens e elementos de formulário, em tamanho real;
    Seta orange Respeitar uma grelha e distribuir corretamente o conteúdo;
    Seta orange Usar exemplos de textos que façam sentido ao conteúdo;
    Seta orange Evidenciar o conteúdo mais relevante;
    Seta orange Agrupar corretamente as informações relacionadas;
    Seta orange Usar corretamente e coerentemente os títulos das páginas e secções, de forma a mostrar ao utilizador o que ele irá encontrar numa determinada página ou secção.

    1.3.2. PADRÃO UNIVERSAL DE INTERFACE
     [AJUDA] Criar um WEBSITE! Parte 2 Bszgf
    Fig. 2 _ Modelo de interface universal, mais utilizado na Internet

    Esta estrutura de página é uma convenção de design muito usada. É baseada em diversos estudos que
    analisam quais os primeiros elementos que os utilizadores visualizam e procuram quando acedem a determinado site.
    Como a maioria dos sites usam os mesmos elementos nas mesmas disposições, esses padrões tornaram-se convenções de design. Se por um lado respeitar este modelo garante uma compreensão mais rápida de um site, por outro a criatividade e a diferenciação revelam-se muito importantes na cativação da atenção do utilizador.

    EM BREVE MAIS

    Créditos: JUFASA
    JUFASA
    JUFASA
    Administrador Principal
    Administrador Principal

    Mensagens Mensagens : 454
    Pontos Pontos : 12806
    Reputação Reputação : 45
    Idade Idade : 27
    Louco

    Ir para o topo Ir para baixo

     [AJUDA] Criar um WEBSITE! Parte 2 Empty Re: [AJUDA] Criar um WEBSITE! Parte 2

    Mensagem por tour. Sáb Jun 23, 2012 2:54 am

    Ótimo tutorial JUSAFA.
    Esse tutorial ajudará muitos membros iniciantes,
    Estou aprendendo isso no meu curso!
    Obrigado por postar e meda uma forcinha.

    Ganhou meu "+"

    Cordialmente,
    tour.
    tour.
    tour.
    DIX Novato
    DIX Novato

    Mensagens Mensagens : 4
    Pontos Pontos : 17
    Reputação Reputação : 0
    Idade Idade : 27
    Sem Humor

    Ir para o topo Ir para baixo

     [AJUDA] Criar um WEBSITE! Parte 2 Empty Re: [AJUDA] Criar um WEBSITE! Parte 2

    Mensagem por Exemplo Dom Ago 05, 2012 3:51 am

    Gostei Do Post Levo Meu 'Thanks' Wink
    Tópico Bem Organizado.
    Exemplo
    Exemplo
    DIX Novato
    DIX Novato

    Mensagens Mensagens : 45
    Pontos Pontos : 51
    Reputação Reputação : 0
    Idade Idade : 27
    Sem Humor

    Ir para o topo Ir para baixo

     [AJUDA] Criar um WEBSITE! Parte 2 Empty Re: [AJUDA] Criar um WEBSITE! Parte 2

    Mensagem por Conteúdo patrocinado


    Conteúdo patrocinado


    Ir para o topo Ir para baixo

    Ir para o topo

    - Tópicos semelhantes

     
    Permissões neste sub-fórum
    Não podes responder a tópicos