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.
Vote em nós!
Mais Parceiros
  • INFWCOM

  • [AJUDA] Criar um WEBSITE! Parte 2

    Ir em baixo

    9xStudio [AJUDA] Criar um WEBSITE! Parte 2

    Mensagem por JUFASA em 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.
    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
    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


    Convidado Sugiro que:
    Seta Red Respeite as Regras do fórum;
    Seta Verde Conheça a nossa equipa staff;
    Seta Azul Conheça as Punições que o forum dá;
    Seta orange Conheça o F.A.Q que lhe fornecemos;
    Seta roxa Fique atento a novas Actualizações do fórum;

    Separador 1

    Seta Curta Dê Curtir/Gosto no Facebook
    Seta Curta+1 no fórum !
    avatar
    JUFASA
    Administrador Principal
    Administrador Principal

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

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: [AJUDA] Criar um WEBSITE! Parte 2

    Mensagem por tour. em Sab 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.
    avatar
    tour.
    DIX Novato
    DIX Novato

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

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: [AJUDA] Criar um WEBSITE! Parte 2

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

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

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

    Ver perfil do usuário

    Voltar ao Topo Ir em baixo

    9xStudio Re: [AJUDA] Criar um WEBSITE! Parte 2

    Mensagem por Conteúdo patrocinado


    Conteúdo patrocinado


    Voltar ao Topo Ir em baixo

    Voltar ao Topo


     
    Permissão deste fórum:
    Você não pode responder aos tópicos neste fórum