Cap 4

PÁGINAS WEB 1 .
aula 2 - metodologia projectual
Metodologia Projectual ?
> Metodologia é a parte da lógica que estuda os métodos das diversas

ciências, segundo as leis do raciocínio
> estudar e enumerar as tarefas de forma a que o projecto seja feito

da melhor maneira possível
> visa criar rotinas para uma melhor execução do projecto e do

trabalho em equipa
Com uma boa planificação teremos um bom projecto, executado

= a tempo e atingindo os objectivos iniciais!
PÁGINAS WEB 1 . aula 2 - metodologia projectual
dividir o projecto em fases ainda que aparentemente haja uma

progressão linear, algumas fases podem ser
alteradas da ordem ou poderá haver a
necessidade de refazer fases ou voltar atrás
pré-produção produção
ideia/conceito planeamento design montagem testes validação distribuição
pesquisa diacrónica criação do versões versão

(ao longo do tempo) guião ou alfa, beta golden
e sincrónica (no argumento e gama master
mesmo tempo e interactivo (final)
local) dos conteúdos
e dos públicos alvos
pré-produção ideia/conceito
Pesquisa Diacrónica - análise ao longo do tempo; considerado

do ponto de vista dinâmico da sucessão do tempo;
Pesquisa Sincrónica - análise de algo que se realiza ao mesmo

tempo; referente aos factos passados na mesma época;
Declaração de Conceito (em poucas frases/2 ou 3 parágrafos)

deve definir os principais elementos: objectivos, conteúdo,
tipologia, audiência, tipo de interactividade e plataforma;
pré-produção planeamento Factores da gestão de projectos multimédia

(adapatada de Strauss, R. 1997 “Managing Multimedia
Projects” Focal Press)
TEMPO RECURSOS
escalonamento meios financeiros

factores da gestão pessoas
data limite de projectos equipamentos
multimédia
TAREFA
requisitos
características da
aplicação multimédia
pré-produção planeamento
construção de mapas de tarefas, de recursos e tempo

mapas de GANTT e redes PERT
entender como vamos desempenhar determinada tarefa

com o tempo que dispomos e os recursos exigidos
pré-produção design Determinar o site que vamos construir
às perguntas ... esclarecemos ... definimos ...
Para quem? estudar as audiências, utilizadores e público alvo

público alvos
O quê? que tipo de conteúdos e informação iremos

conteúdo
colocar (texto, imagem, video, som, ...)
Como vamos desenvolver? definir um plano em função das tarefas, processo

verificar de o plano está a ser cumprido
Onde iremos colocar a informação? questões do software/hardware, qual o mais plataforma e

adequado e o tipo de distribuição tecnologia
Porquê esta tarefa? entender a política de imagem e estratégia

marketing da empresa;
pré-produção design Decisões do design
conteúdo interface
É a ideia, mensagem É o espaço de contacto
ou informação a ser da peça e do utilizador
comunicada; É aqui que manipula,
clica, navega e interage.
estrutura da interactividade
é um conjunto de linhas orientadoras
pelo qual o utilizador sabe que pode
prosseguir na navegação. Tratam-se de
padrões convencionais que se dividem
em dois grandes grupos: as metáforas
visuais e os esquemas por classificação.
pré-produção design Decisões do design: MAPAS DE NAVEGAÇÃO (flow-charts)
São os esquemas dos interfaces e as suas ligações;

Funcionam como uma “vista aérea” da peça
interactiva; determinam também para que interfaces
se pode ou não ir;
As possibilidades de construção de padrões de

interactividade são infinitas pela conjugação de
diferentes tipos e hipóteses. Existem três grandes
tipologias que funcionam como base de construção
de padrões mais complexos: Linear, Rede e
Hierárquico;
Linear:
- São padrões miméticos e dão ordem à percepção humana.

O utilizador sente o caminho que está a percorrer e a noção
de espaço e tempo. Podem fornecer segurança ao utilizador
enquanto o arrastam nos conteúdos.
- As vantagens para o designer também são muitas: além

de o nosso utilizador não se perder, a informação é disposta
ecrã A ecrã B ecrã C ecrã D sequencialmente e o designer tem mais controlo sob a
sua fluidez.
- A grande desvantagem é a de dar pouco contolo ao

utilizador. Há, contudo, formas de contornar essa situação
adaptando modelos hierárquicos aos padrões lineares.
Mapa de Navegação Linear modificado:
home
ecrã A ecrã B ecrã C ecrã D

Rede:
Todos os pontos estão ligados ou associados, existe uma

universalidade de acessos. Muitas vezes, este tipo de
padrões são aplicados num ecrã ao longo de uma peça
hierárquica. Este tipo de hiperligação é muito comum em
conjugação com outro tipo de padrões, sendo uma forma
simples e funcional de fornecer os conteúdos sem o utilizador
se perder.
ecrã A

Hierárquico:
Implicam diferentes níveis de ideias e acessos. O movimento do
utilizador é feito do geral para o particular. É mais flexível em
relação à arrumação dos conteúdos e fornece mais liberdade de
movimentos ao utilizador (mais controlo da acção por parte do
utilizador, e não do criador).
I. Introdução
A. História
B. Produtos C. Serviços
da Empresa
1. Linha 2. Linha
1. Fundadores 2. Actualidade 1. As Lojas 2. Loja online
Clássica Contemporânea
pré-produção design
outros documentos:
> fichas de interfaces
> guião/argumento multimédia
> listas de imagens e textos
> ...
nesta fase planificamos o trabalho, enumeramos a quantidade

e verificamos como o vamos acabar.
criação de maquete com alguns níveis de acesso à informação
VERIFICAR E TESTAR SEMPRE!
Processo de criação, produção e manutenção de um site:

adaptado do livro “Architectures de sites web”, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision 2001
1. análise dos objectivos do cliente


2. criação de um conceito
(estrutura interactiva, interface e
conteúdo)
criação de uma sinopse/flow-charts/...
aprovação do orçamento

conteúdo)
3. desenvolvimento da
estratégia para implementação
do produto e design /
planeamento da produção

conteúdo)
4. preparação da informação
(conteúdos)

conteúdo)
(conteúdos)
5. construção 1ª versão (alpha)


conteúdo)
(conteúdos)
6. avaliação e testes

conteúdo)
novas directrizes do marketing
novos responsáveis 3. desenvolvimento da
versão final (beta) estratégia para implementação
alterações no hardware do produto e design /
7. correcções
novas gerações de software 4. preparação da informação

(conteúdos)

novos produtos para vender (estrutura interactiva, interface e
alterações de estratégia do cliente conteúdo)
revisão do orçamento criação de uma sinopse/flow-charts/...

8. produção do livro de
estilo/templates
7. correcções

(conteúdos)

feed-back crítico
mudanças na estrutura da empresa do cliente
novos desafios nos media e na publicidade

9. manutenção do site 2. criação de um conceito
novos produtos para vender (estrutura interactiva, interface e
alterações de estratégia do cliente conteúdo)
revisão do orçamento criação de uma sinopse/flow-charts/...

8. produção do livro de
estilo/templates
7. correcções

(conteúdos)
dependentes do cliente
fases facultativas ou não necessariamente por esta ordem
possíveis factores externos

Cap 4

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Cap 4

Caricato da

Copyright:

Formati disponibili

PÁGINAS WEB 1 .

aula 2 - metodologia projectual

> Metodologia é a parte da lógica que estuda os métodos das diversas

> estudar e enumerar as tarefas de forma a que o projecto seja feito

> visa criar rotinas para uma melhor execução do projecto e do

Com uma boa planificação teremos um bom projecto, executado

dividir o projecto em fases ainda que aparentemente haja uma

ideia/conceito planeamento design montagem testes validação distribuição

pesquisa diacrónica criação do versões versão

Pesquisa Diacrónica - análise ao longo do tempo; considerado

Pesquisa Sincrónica - análise de algo que se realiza ao mesmo

Declaração de Conceito (em poucas frases/2 ou 3 parágrafos)

pré-produção planeamento Factores da gestão de projectos multimédia

escalonamento meios financeiros

construção de mapas de tarefas, de recursos e tempo

entender como vamos desempenhar determinada tarefa

pré-produção design Determinar o site que vamos construir

às perguntas ... esclarecemos ... definimos ...

Para quem? estudar as audiências, utilizadores e público alvo

O quê? que tipo de conteúdos e informação iremos

Como vamos desenvolver? definir um plano em função das tarefas, processo

Onde iremos colocar a informação? questões do software/hardware, qual o mais plataforma e

Porquê esta tarefa? entender a política de imagem e estratégia

pré-produção design Decisões do design

pré-produção design Decisões do design: MAPAS DE NAVEGAÇÃO (flow-charts)

São os esquemas dos interfaces e as suas ligações;

As possibilidades de construção de padrões de

pré-produção design Decisões do design: MAPAS DE NAVEGAÇÃO (flow-charts)

- São padrões miméticos e dão ordem à percepção humana.

- As vantagens para o designer também são muitas: além

- A grande desvantagem é a de dar pouco contolo ao

Mapa de Navegação Linear modificado:

ecrã A ecrã B ecrã C ecrã D

pré-produção design Decisões do design: MAPAS DE NAVEGAÇÃO (flow-charts)

Todos os pontos estão ligados ou associados, existe uma

pré-produção design Decisões do design: MAPAS DE NAVEGAÇÃO (flow-charts)

nesta fase planificamos o trabalho, enumeramos a quantidade

Processo de criação, produção e manutenção de um site:

1. análise dos objectivos do cliente

Processo de criação, produção e manutenção de um site:

1. análise dos objectivos do cliente

Processo de criação, produção e manutenção de um site:

1. análise dos objectivos do cliente

Processo de criação, produção e manutenção de um site:

1. análise dos objectivos do cliente

Processo de criação, produção e manutenção de um site:

1. análise dos objectivos do cliente

5. construção 1ª versão (alpha)

Processo de criação, produção e manutenção de um site:

1. análise dos objectivos do cliente

Processo de criação, produção e manutenção de um site:

1. análise dos objectivos do cliente

novas gerações de software 4. preparação da informação

Processo de criação, produção e manutenção de um site:

1. análise dos objectivos do cliente

revisão do orçamento criação de uma sinopse/flow-charts/...

novas gerações de software 4. preparação da informação

Processo de criação, produção e manutenção de um site:

novos desafios nos media e na publicidade

revisão do orçamento criação de uma sinopse/flow-charts/...

novas gerações de software 4. preparação da informação

Potrebbero piacerti anche