O documento descreve um encontro no ano de 1956 no Rio de Janeiro, onde o professor Aziz Ab'Saber acompanhou um grupo de geógrafos em uma viagem ao Monte Itatiaia. Durante a viagem, um dos geógrafos pediu para parar para examinar um barranco, demonstrando interesse em observações de campo.
- Estabelecer um diálogo entre quem encomendou o trabalho e os que vão executá-lo para definir objetivos.
- Definir todas as tarefas, estabelecer um calendário e pesquisar sites similares.
- Definir o público-alvo e o conteúdo da revista, desenhar o mapa do site e criar o design.
- Determinar a tecnologia e iniciar a produção e publicação da revista.
O documento descreve o perfil de um arquiteto da informação e como organizar conteúdos em portais corporativos. Um arquiteto da informação estrutura conteúdos digitais para atender às necessidades de públicos-alvo. É importante designar um arquiteto para garantir que sites sejam facilmente mantidos e cresçam de forma organizada.
Mapas de site, Fluxos de Tarefa, Wireframe e PrototipagemRos Galabo, PhD
Ergonomia Informacional e IHC (Interação Humano-computador) -
Design - UFMA
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem em IHC
Prof. Dr. Carlos de Salles Soares Neto
Estágio a docência
Professor Auxiliar: Rosendy Jess Fernandez Galabo
Este documento fornece um guia sobre comunicação visual para web. Resume-se em 3 frases:
1) Apresenta os primeiros passos para desenvolvimento de um projeto de website, incluindo briefing, arquitetura da informação, wireframes e testes de usabilidade.
2) Discutem conceitos como identidade visual, tipografia, cores e imagens digitais importantes para projeto visual de sites.
3) Fornece instruções sobre uso de ferramentas gráficas como Fireworks para criação de elementos visuais e desenvolvimento de solu
O documento discute o processo de layout e composição de sites, incluindo pré-produção, coleta de informações com o cliente, design, elementos-chave de uma página como logotipo, navegação e conteúdo, e criação de uma metáfora visual para reforçar o tema do site.
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
O documento discute a arquitetura da informação, definindo-a como a estruturação e distribuição de conteúdo em um site para tornar as informações facilmente identificáveis e a navegação intuitiva. Ele explica os principais instrumentos do arquiteto de informação, incluindo sitemaps para representar a estrutura do site e wireframes para estruturar o conteúdo de cada página.
O documento descreve um encontro no ano de 1956 no Rio de Janeiro, onde o professor Aziz Ab'Saber acompanhou um grupo de geógrafos em uma viagem ao Monte Itatiaia. Durante a viagem, um dos geógrafos pediu para parar para examinar um barranco, demonstrando interesse em observações de campo.
- Estabelecer um diálogo entre quem encomendou o trabalho e os que vão executá-lo para definir objetivos.
- Definir todas as tarefas, estabelecer um calendário e pesquisar sites similares.
- Definir o público-alvo e o conteúdo da revista, desenhar o mapa do site e criar o design.
- Determinar a tecnologia e iniciar a produção e publicação da revista.
O documento descreve o perfil de um arquiteto da informação e como organizar conteúdos em portais corporativos. Um arquiteto da informação estrutura conteúdos digitais para atender às necessidades de públicos-alvo. É importante designar um arquiteto para garantir que sites sejam facilmente mantidos e cresçam de forma organizada.
Mapas de site, Fluxos de Tarefa, Wireframe e PrototipagemRos Galabo, PhD
Ergonomia Informacional e IHC (Interação Humano-computador) -
Design - UFMA
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem em IHC
Prof. Dr. Carlos de Salles Soares Neto
Estágio a docência
Professor Auxiliar: Rosendy Jess Fernandez Galabo
Este documento fornece um guia sobre comunicação visual para web. Resume-se em 3 frases:
1) Apresenta os primeiros passos para desenvolvimento de um projeto de website, incluindo briefing, arquitetura da informação, wireframes e testes de usabilidade.
2) Discutem conceitos como identidade visual, tipografia, cores e imagens digitais importantes para projeto visual de sites.
3) Fornece instruções sobre uso de ferramentas gráficas como Fireworks para criação de elementos visuais e desenvolvimento de solu
O documento discute o processo de layout e composição de sites, incluindo pré-produção, coleta de informações com o cliente, design, elementos-chave de uma página como logotipo, navegação e conteúdo, e criação de uma metáfora visual para reforçar o tema do site.
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
O documento discute a arquitetura da informação, definindo-a como a estruturação e distribuição de conteúdo em um site para tornar as informações facilmente identificáveis e a navegação intuitiva. Ele explica os principais instrumentos do arquiteto de informação, incluindo sitemaps para representar a estrutura do site e wireframes para estruturar o conteúdo de cada página.
O documento discute como profissionais criam sites na era da Web 2.0, abordando tópicos como planejamento, arquitetura de informação, desenvolvimento e otimização para mecanismos de busca.
Este documento fornece um resumo de um tutorial sobre Arquitetura da Informação. Ele discute a importância da Arquitetura da Informação para o design de sites e fornece instruções sobre como definir os objetivos do site, público-alvo, conteúdo, estrutura e design visual. O tutorial é dividido em lições que cobrem cada um desses tópicos e fornecem exemplos de documentos de design de Arquitetura da Informação.
[INFNET] Criando layouts em PSD pensando no front-end e back-end@cristianoweb
O Instituto INFNET me convidou para apresentar a palestra "Criando layouts em PSD pensando no front-end e back-end" com várias dicas de integração e sinergia entre os designers e desenvolvedores.
Essa palestra foi a mesma que eu dei no 2º WPMeetupRJ no Espaço de Coworking BeesOffice em 2012, porém ganhou uma atualização de novas ideias com a experiência acumulada nesses últimos dois anos.
O objetivo dessa palestra era influenciar os designers a criarem peças amigáveis para os desenvolvedores em busca de agilidade no processo de implementação de layouts baseados em Photoshop.
Interação Humano Computador Plataforma Mobile - Wellington Pinto de OliveiraWellington Oliveira
O documento discute a interação humano-computador em plataformas móveis, abordando tópicos como a história das plataformas móveis, detalhes técnicos, o processo de desenvolvimento de projetos e a importância da avaliação com usuários.
O documento descreve o trabalho de um arquiteto de informação, incluindo organizar informações para facilitar o acesso dos usuários, entender as necessidades dos usuários através de pesquisas, e criar sistemas de organização, navegação, rotulação e busca para websites.
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
O documento discute o conceito de arquitetura de informação na web, definindo-a como a organização de padrões de dados para tornar informações complexas mais claras. Explica que envolve análise, design e implementação de espaços informacionais como sites e bancos de dados. Também aborda as três dimensões de contexto, conteúdo e usuários que devem ser consideradas, além de wireframes e mapas estruturais e navegáveis.
A agência Nuve e o processo de projetosAgência Nuve
O documento descreve o processo de projetos da Agência Nuve, começando com uma introdução sobre a solução certa para os problemas dos clientes. Em seguida, detalha as etapas do processo de projetos, incluindo briefing, proposta, definição de tarefas, programação, homologação e ferramentas utilizadas para apoiar o desenvolvimento ágil de projetos.
O documento apresenta um curso sobre comunicação visual para web, abordando os primeiros passos de um projeto de website, incluindo briefing, arquitetura da informação, wireframes, usabilidade e navegabilidade.
O documento apresenta um curso sobre comunicação visual para web, abordando os primeiros passos de um projeto de website, incluindo briefing, arquitetura da informação, wireframes, usabilidade e navegabilidade.
O documento descreve a proposta de desenvolvimento de um sistema de gerenciamento de projetos de design online. O sistema visa facilitar o trabalho de organização e acompanhamento de projetos entre empresas, profissionais e clientes de forma remota e integrada. A pesquisa realizada com empresas e profissionais de design identificou as principais necessidades e áreas de atuação para embasar o desenvolvimento do sistema.
1) O documento discute os conceitos e práticas da arquitetura de informação, incluindo a organização, rotulação e sistemas de navegação de informações.
2) A arquitetura de informação visa estruturar ambientes informacionais para ajudar as pessoas a encontrarem e usarem informações de forma efetiva.
3) Os arquitetos de informação projetam taxonomias, wireframes, mapas de sites e outras ferramentas para organizar e dar acesso à informação.
O documento discute estratégias de produção para projetos, incluindo a definição de objetivos, briefing, cronograma, arquitetura de informação e usabilidade. É enfatizada a importância de entender as necessidades do cliente e do projeto para planejar a produção de forma eficiente.
O documento descreve um processo em 7 etapas para projetar a arquitetura de informação de um site: 1) Briefing para entender os requisitos do cliente, 2) Análise aprofundada dos requisitos, 3) Brainstorming com a equipe, 4) Definição do conceito, 5) Criação do sitemap, 6) Desenvolvimento de wireframes, 7) Testes para validar a solução. O objetivo é organizar a informação e experiência do usuário de forma estruturada e testada antes de criar o design visual do site.
O documento fornece dicas sobre planejamento estratégico de projetos, incluindo a importância de conhecer os clientes e seus objetivos de negócio, saber dizer não a projetos que não se encaixam, e ter um site informativo sobre projetos para atrair novos clientes.
O documento descreve o Basecamp, uma ferramenta de gerenciamento de projetos criada pela empresa 37signals. O Basecamp permite a comunicação entre membros de um projeto por meio de metas, tarefas, mensagens e arquivos. Ele integra essas funcionalidades para otimizar a colaboração entre os envolvidos em um projeto.
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
O documento discute o que é Arquitetura de Informação e para que serve. A Arquitetura de Informação é a arte e ciência de estruturar e classificar websites e intranets para ajudar as pessoas a encontrar e gerenciar informações de forma intuitiva. Ela serve para tornar sites complexos claros, encurtar tempos de construção, simplificar tarefas e melhorar a experiência do usuário.
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...Alessandro Lima
Este documento discute métodos de design para estudos de viabilidade em projetos de software. Ele aborda requisitos, processos de design centrados no usuário, entrevistas com stakeholders e a criação de personas para representar os usuários-alvo.
Estrategia de AI - Criando o Relatorio de EstratégiaLuiz Agner
Aula sobre o Relatório de Estratégia da Arquitetura de Informação - ESPM-Rio - Prof. Luiz Agner. Pós-graduação em Design e Marketing Digital. Disciplina de Arquitetura de Informação, 2009.
Este documento discute a intersecção entre arte e tecnologia. Ele aborda conceitos históricos da web, web arte, profissões como web designer, e a interação entre arte e tecnologia digital. O documento também discute habilidades como investigar percursos para criação poética virtual e diferenciar estruturas de sites.
Este documento presenta diferentes formas artísticas como recorte y collage, kirigami, ensamblaje, plegado, pintura, figura y fondo, dibujo, relectura, mimesis, danza y teatro. Proporciona detalles sobre un pintor famoso, Van Gogh, incluyendo los materiales y herramientas que usó para crear sus pinturas a óleo en telas.
Este documento descreve um projeto de artes visuais e música no qual estudantes do 1o ano do ensino médio criaram interpretações sonoras das obras do artista Joan Miró após visitarem uma exposição. Cada aluno escolheu uma obra e compôs uma pequena frase musical inspirada nela. Os resultados serão apresentados em slides subsequentes para que o leitor possa ver e ouvir os trabalhos dos estudantes.
O documento discute como profissionais criam sites na era da Web 2.0, abordando tópicos como planejamento, arquitetura de informação, desenvolvimento e otimização para mecanismos de busca.
Este documento fornece um resumo de um tutorial sobre Arquitetura da Informação. Ele discute a importância da Arquitetura da Informação para o design de sites e fornece instruções sobre como definir os objetivos do site, público-alvo, conteúdo, estrutura e design visual. O tutorial é dividido em lições que cobrem cada um desses tópicos e fornecem exemplos de documentos de design de Arquitetura da Informação.
[INFNET] Criando layouts em PSD pensando no front-end e back-end@cristianoweb
O Instituto INFNET me convidou para apresentar a palestra "Criando layouts em PSD pensando no front-end e back-end" com várias dicas de integração e sinergia entre os designers e desenvolvedores.
Essa palestra foi a mesma que eu dei no 2º WPMeetupRJ no Espaço de Coworking BeesOffice em 2012, porém ganhou uma atualização de novas ideias com a experiência acumulada nesses últimos dois anos.
O objetivo dessa palestra era influenciar os designers a criarem peças amigáveis para os desenvolvedores em busca de agilidade no processo de implementação de layouts baseados em Photoshop.
Interação Humano Computador Plataforma Mobile - Wellington Pinto de OliveiraWellington Oliveira
O documento discute a interação humano-computador em plataformas móveis, abordando tópicos como a história das plataformas móveis, detalhes técnicos, o processo de desenvolvimento de projetos e a importância da avaliação com usuários.
O documento descreve o trabalho de um arquiteto de informação, incluindo organizar informações para facilitar o acesso dos usuários, entender as necessidades dos usuários através de pesquisas, e criar sistemas de organização, navegação, rotulação e busca para websites.
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
O documento discute o conceito de arquitetura de informação na web, definindo-a como a organização de padrões de dados para tornar informações complexas mais claras. Explica que envolve análise, design e implementação de espaços informacionais como sites e bancos de dados. Também aborda as três dimensões de contexto, conteúdo e usuários que devem ser consideradas, além de wireframes e mapas estruturais e navegáveis.
A agência Nuve e o processo de projetosAgência Nuve
O documento descreve o processo de projetos da Agência Nuve, começando com uma introdução sobre a solução certa para os problemas dos clientes. Em seguida, detalha as etapas do processo de projetos, incluindo briefing, proposta, definição de tarefas, programação, homologação e ferramentas utilizadas para apoiar o desenvolvimento ágil de projetos.
O documento apresenta um curso sobre comunicação visual para web, abordando os primeiros passos de um projeto de website, incluindo briefing, arquitetura da informação, wireframes, usabilidade e navegabilidade.
O documento apresenta um curso sobre comunicação visual para web, abordando os primeiros passos de um projeto de website, incluindo briefing, arquitetura da informação, wireframes, usabilidade e navegabilidade.
O documento descreve a proposta de desenvolvimento de um sistema de gerenciamento de projetos de design online. O sistema visa facilitar o trabalho de organização e acompanhamento de projetos entre empresas, profissionais e clientes de forma remota e integrada. A pesquisa realizada com empresas e profissionais de design identificou as principais necessidades e áreas de atuação para embasar o desenvolvimento do sistema.
1) O documento discute os conceitos e práticas da arquitetura de informação, incluindo a organização, rotulação e sistemas de navegação de informações.
2) A arquitetura de informação visa estruturar ambientes informacionais para ajudar as pessoas a encontrarem e usarem informações de forma efetiva.
3) Os arquitetos de informação projetam taxonomias, wireframes, mapas de sites e outras ferramentas para organizar e dar acesso à informação.
O documento discute estratégias de produção para projetos, incluindo a definição de objetivos, briefing, cronograma, arquitetura de informação e usabilidade. É enfatizada a importância de entender as necessidades do cliente e do projeto para planejar a produção de forma eficiente.
O documento descreve um processo em 7 etapas para projetar a arquitetura de informação de um site: 1) Briefing para entender os requisitos do cliente, 2) Análise aprofundada dos requisitos, 3) Brainstorming com a equipe, 4) Definição do conceito, 5) Criação do sitemap, 6) Desenvolvimento de wireframes, 7) Testes para validar a solução. O objetivo é organizar a informação e experiência do usuário de forma estruturada e testada antes de criar o design visual do site.
O documento fornece dicas sobre planejamento estratégico de projetos, incluindo a importância de conhecer os clientes e seus objetivos de negócio, saber dizer não a projetos que não se encaixam, e ter um site informativo sobre projetos para atrair novos clientes.
O documento descreve o Basecamp, uma ferramenta de gerenciamento de projetos criada pela empresa 37signals. O Basecamp permite a comunicação entre membros de um projeto por meio de metas, tarefas, mensagens e arquivos. Ele integra essas funcionalidades para otimizar a colaboração entre os envolvidos em um projeto.
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
O documento discute o que é Arquitetura de Informação e para que serve. A Arquitetura de Informação é a arte e ciência de estruturar e classificar websites e intranets para ajudar as pessoas a encontrar e gerenciar informações de forma intuitiva. Ela serve para tornar sites complexos claros, encurtar tempos de construção, simplificar tarefas e melhorar a experiência do usuário.
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...Alessandro Lima
Este documento discute métodos de design para estudos de viabilidade em projetos de software. Ele aborda requisitos, processos de design centrados no usuário, entrevistas com stakeholders e a criação de personas para representar os usuários-alvo.
Estrategia de AI - Criando o Relatorio de EstratégiaLuiz Agner
Aula sobre o Relatório de Estratégia da Arquitetura de Informação - ESPM-Rio - Prof. Luiz Agner. Pós-graduação em Design e Marketing Digital. Disciplina de Arquitetura de Informação, 2009.
Este documento discute a intersecção entre arte e tecnologia. Ele aborda conceitos históricos da web, web arte, profissões como web designer, e a interação entre arte e tecnologia digital. O documento também discute habilidades como investigar percursos para criação poética virtual e diferenciar estruturas de sites.
Este documento presenta diferentes formas artísticas como recorte y collage, kirigami, ensamblaje, plegado, pintura, figura y fondo, dibujo, relectura, mimesis, danza y teatro. Proporciona detalles sobre un pintor famoso, Van Gogh, incluyendo los materiales y herramientas que usó para crear sus pinturas a óleo en telas.
Este documento descreve um projeto de artes visuais e música no qual estudantes do 1o ano do ensino médio criaram interpretações sonoras das obras do artista Joan Miró após visitarem uma exposição. Cada aluno escolheu uma obra e compôs uma pequena frase musical inspirada nela. Os resultados serão apresentados em slides subsequentes para que o leitor possa ver e ouvir os trabalhos dos estudantes.
O documento discute os elementos essenciais de histórias em quadrinhos, incluindo quadros, balões de diálogo, personagens, paisagens e expressões faciais. Ele também aborda como desenhar personagens e mostrar ação, além de coisas como diálogo, sons, clima e diferentes formas de quadros.
O documento fornece diretrizes para criar propagandas eficazes, incluindo focar na criatividade, atenção, informação, desejo e apelo emocional. Ele também discute elementos importantes como logomarcas, texto, imagens, rádio, TV e testar a propaganda com outros.
Este documento apresenta o portfólio do ilustrador brasileiro Wesley Rodrigues. Contém informações sobre sua formação, influências artísticas, projetos como a animação "O Ogro" e seu álbum de quadrinhos premiado "Imaginário Coletivo". Também discute seus planos futuros de realizar novos curtas-metragens e livros.
A colagem foi introduzida como técnica artística por Picasso em 1912, permitindo incorporar materiais do mundo real na pintura. A técnica foi amplamente adotada por diferentes movimentos como o cubismo, dadaísmo e surrealismo, expandindo os limites entre pintura e escultura. Max Ernst e os surrealistas deram um uso mais irracional à colagem.
Slides Lição 10, Central Gospel, A Batalha Do Armagedom, 1Tr24.pptxLuizHenriquedeAlmeid6
Slideshare Lição 10, Central Gospel, A Batalha Do Armagedom, 1Tr24, Pr Henrique, EBD NA TV, Revista ano 11, nº 1, Revista Estudo Bíblico Jovens E Adultos, Central Gospel, 2º Trimestre de 2024, Professor, Tema, Os Grandes Temas Do Fim, Comentarista, Pr. Joá Caitano, estudantes, professores, Ervália, MG, Imperatriz, MA, Cajamar, SP, estudos bíblicos, gospel, DEUS, ESPÍRITO SANTO, JESUS CRISTO, Com. Extra Pr. Luiz Henrique, 99-99152-0454, Canal YouTube, Henriquelhas, @PrHenrique
Folheto | Centro de Informação Europeia Jacques Delors (junho/2024)Centro Jacques Delors
Estrutura de apresentação:
- Apresentação do Centro de Informação Europeia Jacques Delors (CIEJD);
- Documentação;
- Informação;
- Atividade editorial;
- Atividades pedagógicas, formativas e conteúdos;
- O CIEJD Digital;
- Contactos.
Para mais informações, consulte o portal Eurocid:
- https://eurocid.mne.gov.pt/quem-somos
Autor: Centro de Informação Europeia Jacques Delors
Fonte: https://infoeuropa.mne.gov.pt/Nyron/Library/Catalog/winlibimg.aspx?doc=48197&img=9267
Versão em inglês [EN] também disponível em:
https://infoeuropa.mne.gov.pt/Nyron/Library/Catalog/winlibimg.aspx?doc=48197&img=9266
Data de conceção: setembro/2019.
Data de atualização: maio-junho 2024.
Slides Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24.pptxLuizHenriquedeAlmeid6
Slideshare Lição 11, CPAD, A Realidade Bíblica do Inferno, 2Tr24, Pr Henrique, EBD NA TV, Lições Bíblicas, 2º Trimestre de 2024, adultos, Tema, A CARREIRA QUE NOS ESTÁ PROPOSTA, O CAMINHO DA SALVAÇÃO, SANTIDADE E PERSEVERANÇA PARA CHEGAR AO CÉU, Coment Osiel Gomes, estudantes, professores, Ervália, MG, Imperatriz, MA, Cajamar, SP, estudos bíblicos, gospel, DEUS, ESPÍRITO SANTO, JESUS CRISTO, Com. Extra Pr. Luiz Henrique, de Almeida Silva, tel-What, 99-99152-0454, Canal YouTube, Henriquelhas, @PrHenrique, https://ebdnatv.blogspot.com/
2. Texto
Do ponto de vista da tipografia é
formado de palavras e as
palavras são formadas por letras.
3. Tipografia
É um processo industrial que
trabalha com um sistema de
signos: letras números, sinais,
imagens. Tornou-se possível a
partir da invensão dos tipos
móveis por Johannes Gutenberg
(c. 1398-1468)
7. TEXTO
•
Vaso Noturno
•
•
•
•
•
•
•
•
•
•
•
•
À meia-noite, José dos Reis
— que namoro escondido —
vem fazer serenata para mim.
Papai tosse alto,
tropeça por querer nos urinóis.
Que vergonha, meu deus,
pai, cachorrinha plebéia,
couves na horta
geladas de orvalho e medo.
Me finjo de santa morta,
meu céu é gótico
e arde.
•
•
Adélia Prado
Do livro: "Oráculos de Maio", Editora Siciliano,1999
8. Vaso Noturno
À meia-noite, José dos
Reis
— que namoro escondido
—
vem fazer serenata para
mim.
Papai tosse alto,
tropeça por querer nos
urinóis.
Que vergonha, meu deus,
pai, cachorrinha plebéia,
couves na horta
geladas de orvalho e
medo.
Me finjo de santa morta,
meu céu é gótico
e arde.
14. Especial planejamento
O Planejamento da revista deve ser apresentado na forma de “boneco”.
Fonte: revista w - ano 9, no 104 (https://www.europanet.com.br/site/index.php?cat_id=21)
15. Planejamento
• Muitas pessoas pulam a parte do planejamento em suas atividades,
sejam elas, escolares ou profissionais, fazendo suas atividades sem
ter claro o resultado que desejam, sem ter noção do caminha e
nem dos recursos necessários. O trabalho até sai mas as idas e
vindas, o tempo e o custa ficam bem maiores. Quando se tem uma
encomenda, um tempo determinado e certas condições para fazer
a tarefa, o esforço usado no planejamento é plenamente
recompensado no produto final.
• Andy Budd orienta fazer um planejamento de um trabalho digital "É
a mesma coisa que fazer uma planta em relação a uma casa em
construção … sem uma o resultado não será eficiente e a casa
desmoronará."
• Quando as pessoas desejam uma nova casa, elas consultam um
arquiteto. Mas, infelizmente, a maioria das pessoas na web cria
sites como se estivessem fazendo um "puxadinho" sem a anuência
de um especialista.
16. O Início
• Um bom ponto de partida para o
planejamento é definir os objetivos, que
resultado desejamos juntos com quem
encomendou (cliente) o trabalho. Discutir o
que é sucesso e todos os envolvidos precisam
concordar com a proposta. "Os objetivos
definidos criam um alvo, um equilíbrio entre o
que é pedido e o que é alcançável na
realidade, diz Nicolas T Le Clainche.
18. • Um bom planejamento de projeto é fruto de colaboração e
entendimento das partes envolvidas no trabalho. Uma
identificação completa do que é entregáveis e dos critérios
de qualidade nos permite determinar as tarefas, que são
avaliadas antes de serem sequenciais e postas no
calendário.
• Quando a base do projeto estiver pronta, deve-se gastar
algum tempo na análise de sites (revistas) do mesmo setor.
Vocês podem aprender muito com os erros e acertos de
outros, para isso deve se fazer alguma pesquisa sobre
outras publicações que podem estar em mercados
geográficos ou de negócios diferentes desde que tenham
funcionalidades similares. Com as pesquisas, além disso, é
possível lembrar de fatores que, por alguma razão, você e o
cliente esqueceram de adicionar ao site, mas que estão
presentes nos sites similares.
19. Definido para usuários
• É importante definir para que se está fazendo
a revista, pois embora tenham sido o cliente
que encomendou, devemos pensar para quem
desejamos que a revista deva ser publicada.
Ter um entendimento de quem será o usuário
do site ajuda a tomar decisões. Trace um perfil
do leitor, sua cultura, hábitos e necessidades
(na internet e fora dela).
20. Mapa do site
• Entendendo qual o propósito da revista electrónica (ou
impressa), quem vai fazer uso dele e o que as pessoas irão
fazer quando o visitarem, vocês podem começar a analisar
a informação que será oferecida, como deve ser acessada e
o básico de como será exibida. Para melhor trabalhar a
arquitetura de informação é usada uma combinação de
mapa de site (ou sumário de matérias), fluxos de processo
e rotas de usuário. Se construir o mapa do site estiver difícil
divida o mapa em unidades menores. Os mapas ajudam a
simplificar a experiência do usuário ao manter uma
perspectiva ampla.
• Marc Peter começa seus mapas de site com esboços no
papel, antes de passá-los ao software e enviá-los aos outros
membros da equipe.
21. • Devemos garantir que todos os elementos presentes em
todas as páginas, como cabeçalho, logos, chamadas a ação,
rodapés estejam listadas. Isso fornece uma ideia básica dos
tipos de templates (diagramação de páginas) que o site (a
revista) vai precisar, tal como 'home’ (capa), 'conteúdo
geral', 'quem somos’ (editorial), e itens listados, que podem
ser inseridos em wireframes que identificam a estrutura de
cada template - e eficientemente, cada pagina do sítio.
• Tudo isso evita um erro muito comum em site, que é a má
estrutura de navegação.
• Embora o planejamento tenha o seu lugar no início de todo
e qualquer trabalho, o planejamento não termina com o
início da produção. O plano é refeito a todo momento, o
processo de criação é permanente.
23. A adequação da tecnologia
• Como os sites atuais estão indo alem de
simples textos e imagens estáticas, o
planejamento deve levar em consideração
componentes ricos em mídias: vídeos,
animação, galerias de imagens que afetam a
banda e precisam de ambientes de
hospedagem específicos. E mesmo que o site
seja estáticos ainda é preciso planejar como as
actualizações poderão ser feitas no futuro.
25. Arquitetura da informação
• Os wireframes são essenciais para trabalhar o design de
interação, similar ao storyboard de um director de filme ou
a diagramação de uma revista impressa. Eles permitem que
você apresente ideias de forma visual e confira se elas
fazem sentido antes que qualquer produção ou
desenvolvimento comece. É mais fácil fazer as mudanças
antes da revista estar pronta.
• Com os wireframes trabalhamos os componentes gráficos
inseridos na estrutura e nos aspectos funcionais do site,
incluindo a linguagem do design - tipografia, cor e layout
• Quando tudo estiver definido passamos, do planejamento
para a ultima peça do quebra-cabeça: a tecnologia
26. Sumário
•
•
•
•
•
•
•
•
•
•
•
•
•
Estabelecer um diálogo entre quem encomendou a tarefa e os que vão executá–las.
Definir em conjunto os objetivos do trabalho.
Definir todas as tarefas a serem executadas.
Estabelecer o calendário.
Pesquisa de sites (revistas) similares.
Definindo o público usuário da revista.
Definir o que entra e o que não entra no trabalho.
Desenhar o mapa do site.
Criar o design - tipografia, cor e layout
Determinar o conteúdo da revista electrónica e impressa.
Escolher a tecnologia.
Iniciar a produção da revista.
Finalizar e publicar a revista
•
2
Wireframes: download trial
http://www.axure.com/features?gclid=CKyR9fHmjqwCFQSn7QodQFapoA
• 3 Tean Nirvana (cores)
http://teamnirvana.com/blog/how-to-choose-best-web-designing-color-combinations-forwebsites-and-blogs-from-10-online-applications-and-tools.html
27. A revista impressa
Os passos para o projeto da revista aqui apresentado é
o de uma revista digital. Para uma revista impressa os
passos do desenvolvimento do projeto são muito
semelhantes. Sigam a estrutura das revistas discutida
em classe.
Bibliografia consultada:
Bomeny, Maria HelenaWerneck. O panorama dodesinggráfico contemporâneo: a construção a
desconstrução e a nova ordem. – São Paulo: Ed. SENAC São Paulo, 2012
Revista WWW.COM.BR, no 104, 2009
http://es.wikipedia.org/wiki/Tipograf%C3%ADa
https://www.google.com.br/search?rlz=1C5MACD_enBR509BR509&espv=210&es_sm=91&tbm=i
sch&q=tipografia+impress%C3%A3o&revid=1510905574&biw=1000&bih=658&dpr=1