AGRUPAMENTO DE ESCOLAS DE ALMEIRIM

Ano letivo 2019/2020

CURSO PROFISSIONAL: TÉCNICO DE MULTIMÉDIA

DISCIPLINA: DESIGN E COMUNICAÇÃO AUDIOVISUAL
UFCD 9957: DESIGN MULTIMÉDIA – MÓDULO 3 | 1ºANO

NOME: ______________________________ N.º____ Ficha nº3

Design Organizacional

Design de navegação
O design da navegação consiste, essencialmente, na conceção dos
percursos que podem ser usados pelo utilizador.

Estrutura de informação
Estruturar a informação de uma aplicação web evita falhas que podem ocorrer na definição da
arquitetura, enfraquecendo a aplicação web e exigindo, mais tarde, um grande esforço de remodelagem.
A ESTRUTURAÇÃO incorpora a noção de partes interligadas de informações permitindo aos utilizadores
navegar através da rede resultante.
A INFORMAÇÃO é fornecida não só porque está presente em cada nó, mas também porque os nós ligados
uns aos outros formam caminhos por meio do qual se obtém informação.
Quando uma rede de dados interligados contém gráficos, som, textos, vídeo, animação, a estrutura
resultante é chamada de hipermédia. O objetivo da estruturação é oferecer informação suficiente para
que os visitantes decidam facilmente onde ir: mas não a ponto de ficarem sobrecarregados de
informações e confusos, ou de serem levados para onde não querem ir.

Navegabilidade
A navegação pode ter objetivos bem diferentes conforme o tipo do site. Por outras palavras, “website” é
uma categoria bastante ampla: existem sites onde a navegação é uma ferramenta para chegar a um
objetivo: a compra de um produto, por exemplo. Noutros casos, a navegação é o próprio objetivo do
site.
O primeiro tipo, onde a funcionalidade manda, faz parte da categoria dos sites comerciais; a segunda, na
qual o navegar faz parte do conteúdo, dos experimentais. Assim, a primeira coisa a fazer é perguntar:
qual o objetivo do meu site? Para que quero usar a navegação?

Interface
Define a interface de utilizador que resulta da combinação dos conteúdos com os elementos interativos.

Equipa
Uma equipa é um grupo de pessoas organizado para um determinado serviço ou para alcançar um
objetivo comum. Portanto, se tivermos um trabalho para fazer e temos uma equipa de três pessoas, por
exemplo, devemos dividir pelos três elementos da equipa os tópicos pedidos no trabalho.

Metodologias
Metodologia de Design poderia ser entendida como um processo esquematizado e apoiado em etapas
distintas, com o objetivo de aperfeiçoar e auxiliar o Designer (ou a equipa de Design) no
desenvolvimento ou conceção de soluções para um determinado problema através de um artefacto (seja
um produto ou um serviço), oferecendo um suporte de métodos, técnicas ou ferramentas.

Página 1 de 4
Sistemas de Navegação
Navegação global - Nos sites comerciais, onde a fácil localização de produtos é fundamental para a sua
eficiência, há sempre algum elemento de navegação global, através do qual o utilizador pode optar entre
as grandes áreas do site. A navegação global, por ser responsável pelas opções mais abrangentes do
usuário, estão presentes, em todo o site, justamente para possibilitar a sua mobilidade.
Navegação local - A navegação local destina-se a permitir o aprofundamento num determinado assunto
ou área do site. Assim, a navegação local é um “pente fino” feito a partir da escolha do utilizador no
âmbito global. Ela funciona principalmente para permitir a navegação dentro de uma área previamente
escolhida pela navegação global.
Navegação contextual - A navegação contextual geralmente é feita a partir do próprio conteúdo
publicado. Os links colocados dentro de um texto permitem uma navegação contextual, já que permitem
que o usuário expanda um certo conceito mencionado pelo conteúdo.

Conteúdos online e offline

Online ou on-line é um termo inglês, que significa estar "estar em linha". No contexto de um web site,
significa estar disponível para acesso imediato a uma página de Internet, em tempo real. Na
comunicação instantânea, significa estar pronto para a transmissão imediata de dados, seja por meio
falado ou escrito. Num contexto de um outro sistema de informação, significa estar em plena operação,
de acordo com as funções desempenhadas nessa rede ou sistema.
Do modo oposto, estar offline (ou off-line) representa a indisponibilidade de acesso do utilizador à rede
ou ao sistema de comunicações.

Design de interface
O conceito de Interface é amplo, pode-se expressar pela presença de uma ou mais ferramentas para o
uso e movimentação de qualquer sistema de informações, seja ele material, seja ele virtual. O dicionário
define interface como o conjunto de meios planeadamente dispostos, sejam eles físicos ou lógicos, com
vista a fazer a adaptação entre dois sistemas para se obter um certo fim cujo resultado possui partes
comuns aos dois sistemas, ou seja, o objeto final possui características dos dois sistemas.
Design de Interface é assim, o design de aplicações para computadores, máquinas, dispositivos de
comunicação móveis, que suportam softwares e web page, com o foco na experiência do utilizador e sua
interação. O objetivo do design de interface é tornar a interação o mais simples e eficiente possível, em
termos de realização dos objetivos do utilizador - o que normalmente é chamado de design centrado.
O processo de design deve equilibrar a funcionalidade técnica e elementos visuais, para criar um sistema
que seja operacional, mas também útil e adaptável para alterar as necessidades do utilizador. Abrange
uma série ampla de projetos de sistemas de computador/software para carros, aviação comercial,
gadjects, … todos esses projetos envolvem muitas das mesmas interações humanas básicas, mas também
exigem algumas habilidades e conhecimentos específicos.

Leitura do ecrã
Um outro aspeto necessário e complementar ao desenvolvimento de interfaces de utilizador para
múltiplos dispositivos é o modelo arquitetural empregado. Durante o desenvolvimento de sistemas, os
projetistas fazem uso de uma arquitetura de software para estruturar o sistema em termos de seus
componentes (entidades computacionais com funcionalidade específica).

Mancha gráfica e campo visual

O objetivo do design de interface de utilizador é tornar a interação desse mesmo utilizador o mais
simples e eficiente possível, em termos de realização dos seus objetivos - o que normalmente é chamado
de design centrado no utilizador. Um bom design de interface de utilizador facilita a conclusão da tarefa
manualmente sem chamar atenção desnecessária para si.

Formatos de ficheiro para www

HTML é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem
ser interpretados por navegadores.
Página 2 de 4
Processo Criativo
Para desenvolver qualquer trabalho relacionado com design, criação, projetos, etc é necessário a
execução de um plano de coordenação desse trabalho. Vamos tratar esse “plano” no “processo criativo”.
O processo criativo deve ser utilizado para agilizar, coordenar e definir o produto ou serviço final. A
seguir, veremos uma proposta de processo criativo para desenvolvimento de layout para websites.

Briefing
O briefing é um conjunto de informações, uma coleta de dados passados numa “reunião” para o
desenvolvimento de um trabalho, documento, sendo muito utilizadas em Design e Publicidade. No
briefing, deve-se elaborar um roteiro de ação para criar a solução que o cliente procura.
O briefing é uma peça fundamental para a elaboração de uma proposta de pesquisa de mercado. É um
elemento-chave para o planeamento de todas as etapas da pesquisa de acordo com as necessidades do
cliente.
Não existe um padrão único aceite como briefing. Este deve ter em conta as informações de acordo com
as necessidades do designer, isto é, com o tempo identificamos aquilo que precisamos saber de algum
cliente para solucionar o seu “problema”. Mesmo assim, existem alguns itens que não podem faltar para
a criação de um website.

Pesquisa
Após a resposta do briefing pelo cliente, devemos iniciar uma pesquisa sobre o tema em questão para
adquirirmos conhecimentos sobre o tema. A pesquisa deve ser orientada para ajudar na criatividade do
designer. Pode começar o seu trabalho de pesquisa seguindo as diretrizes abaixo:
1. Com quem o meu cliente está concorrendo:

2. Quais são as cores mais utilizadas:

3. Qual a necessidade do público-alvo em questão:

4. Procure sites do mesmo segmento e de outros segmentos, isso ajuda na inovação:

Rascunho
O rascunho é uma etapa que muitos designers não executam e acabam
perdendo muito tempo ajustando o layout após a sua conceção. Fazer um
“rabisco” mesmo que superficial do layout é algo importantíssimo,
primeiro para o cliente começar a visualizar a ideia que está na cabeça do
designer e dizer se aprova ou não, e depois para que o designer comece a
visualizar a sua própria ideia e se é necessário fazer alterações à sua ideia
e se é viável.
Nesta etapa não é recomendável o uso do computador, o ideal é

utilizarmos papel e caneta/ lápis, pela facilidade que a alteração pode ser
executada. Algumas dicas de como seguir o seu rascunho:
✓ Tente identificar os principais elementos do layout e o arranjo entre si;
✓ Pense na funcionalidade;
✓ Qual a tecnologia que vai utilizar;
✓ Qual o procedimento de padronização do layout;
✓ Não é necessário utilizar traços precisos nem mexidas exatas, mas

Página 3 de 4
 devemos dar aparência organizada ao desenho;
Tenha sempre em mente que o rascunho é somente uma prévia do layout, não se apegue ao primeiro
rascunho que fizer, ajuste e refaça o desenho quantas vezes for necessário.

Exercício 1

A. Desenvolva um rascunho para um site de uma empresa do ramo da construção civil.

B. Desenvolva um rascunho para um site de uma empresa do ramo da restauração.

Página 4 de 4