AULA 16 - Última aula!

Pessoal,

Dia de entrega final dos trabalhos e de auto-avaliação. Vamos analisar os layouts finais de cada equipe, validar a disciplina e fazer uma avaliação individual e coletiva desta matéria. Vale 1 ponto na média a presença hoje, ou pelo menos o arredondamento para cima da média.

Espero que tenham gostado da disciplina de webdesign, e espero encontrá-los em um ano na matéria de Projeto Multimídia 1 ! Até lá!

AULA 15 - Layouts de Home e 3 subseções

Salve turma,

Hoje é nossa penúltima aula. Precisamos fechar os layouts finais para entrega na última aula, terça que vem. Aula prática e corrida contra o relógio... Espero tbém os alunos que não fizeram a análise do site para recuperar esta avaliação hoje.

até a aula.

AULA 14 - Início dos layouts / Entrega da pesquisa + arq info + wireframes

Oi gente,

Hora de botar a mão na massa, já visualizando o final do semestre. Em que pese as aulas que não tivemos por conta da preparação para o Enade, precisamos fechar até a próxima aula os layouts do site.
Para tanto é necessário que vcs já tenham o wireframe em mãos, que já foi solicitado na aula do dia 3. Hoje se dá a parte de pesquisa e tratamento de imagens para o site, bem como a escolha de ícones, botões, tipos de fontes e demais elementos que serão utilizados na confecção das telas.

até a aula

AULA 13 - Avaliação: Análise de site

Olá turma,

Hoje é o dia da avaliação individual, atraves de análise de um site, segundo os critérios comentandos na aula passada e descritos nos posts abaixo.

Vocês devem escolher apenas UM site das três opções abaixo:

http://www.fiat.com.br

http://www.dotstore.com.br

http://www.embraer.com.br

Reforçando: analise somente 1 desses 3 sites. Para cada critério não é necessário mais do que 2 parágrafos, portanto sejam objetivos nas conclusões sobre cada critério.

Vocês devem escrever a análise e enviar para daniel.aulas@gmail.com . Vocês podem colar diretamente o texto no e-mail, se assim desejarem. Se for em arquivo, que seja formatado para word 97-2003. O prazo para entrega é até as 22 hs, não aceitarei e-mails enviados depois desse horário.

Esta avaliação é livre, vocês podem usar os conteúdos desse blog e o powerpoint das últimas aulas, apenas não é possível fazer a avaliação em dupla ou mesmo ficar colando do colega... analisarei se o texto foi copiado da net ou se está parecido com o de algum colega.

É preferível escrever "mais ou menos" do que tentar enganar... serei flexível nesta avaliação, e medirei o esforço de análise de cada um.

É isso, boa avaliação para todos.

- - - - - - - - - - - - -

obs 1. Pessoal, passei o dia doente, com febre e muita dor de cabeça, de modo que não estarei com vocês hoje. Já falei com Advaldo que irá providenciar alguém para acompanha-los.

obs 2. Favor deixar com Advaldo o documento impresso com a pesquisa e arquitetura de informação impressos, que era para hoje.

obs 3. Peço também que não esqueçam de nosso cronograma, e iniciem o desenho dos wireframes nesta semana, pois na próxima aula vocês precisarão entregá-lo. Material para apoio ao desenho de wireframe:

http://webinsider.uol.com.br/index.php/2003/12/09/wireframe-documento-cada-vez-mais-importante/

http://usabilidoido.com.br/quanto_mais_simples_o_wireframe_melhor.html

http://usabilidoido.com.br/wireframes_e_rabiscos.html

http://www.codigolaranja.com.br/?p=461

AGENDA FINAL DE ATIVIDADES

Segue a agenda de atividades até o final do semestre. Como a maioria decidiu por não haver aula nos sábado, assim ficou nosso cronograma final:

dia 3 nov - auxílio à avaliação + finalização da Arquitetura da Informação

dia 1o nov - Trazer a pesquisa e a Arq de Info IMPRESSO + iniciar os wireframes (pelo menos 4 telas)

dia 17 nov - Entrega dos wireframes IMPRESSO + iniciar layouts / design das telas

dia 24 nov - continuar layouts / design das telas

dia 1° dez - entrega dos layouts + auto-avaliação

Elementos para Avaliação - Análise de site

Pessoal,

Segue abaixo os elementos que vcs irão utilizar para a análise do dia 10. Copiem esses elementos,
e depois só escrevam em seus tópicos.

Na aula que vem passerei os sites que serão analisados.



INFODESIGN

- Elementos de navegação
- global
- local
- contextual
- atalhos

- Ícones/botões

- Conteúdo (mídias)
- imagem
- texto
- animação
- vídeo
- áudio

- Interatividade
- recursos
- feedback do usuário


IDENTIDADE VISUAL
- Uso das cores (associação hierarquica, contraste, cultural, etc)
- Tipologia (tamanhos, caixa, legibilidade, adequação)


GESTALT
- Proximidade/alinhamento
- Curva de aprendizagem

AULA 11 e 12 - Prova PI e finalização da Arquitetura da Informação

Pessoal,

Seguimos nosso curso, embora com atraso.
Na primeira parte da aula, passarei as atribuições para que vocês possam realizar a análise individual da próxima aula.

Na segunda parte, precisamos fechar a arquitetura de informação, e partir para os wireframes.

Em aula conversaremos sobre nossos prazos, fazendo um cronograma até o final das aulas.

até lá

AULA 10 - Interfaces gráficas / a experiência do usuário / hipermídia / Princípios de webdesign e IHC / Organização visual: cores, esquemas e imagens

Salve turma,

A aula de hoje é super importante. Vamos reunir os principais conceitos de arquitetura de informação e de infodesign, que são as bases funcionais para a prática do webdesign. O conteúdo desta aula dará o embasamento necessário para realizarmos a avaliação individual, que se trata de análise de interfaces, e que ocorrerá no dia 3 de novembro.

Na parte prática, as equipes deverão iniciar a estruturação da arquitetura de informação, com prazo para entrega para a próxima aula. Vocês poderão utilizar a próxima aula para tirar dúvidas e finalizar a Arquitetura de Informação.

É isso, até a aula!

- - - - - -

link de apoio:

www.agorapod.com.br/ai_info_assesc.ppt

AULA 9 - Aspectos técnicos da Internet

Olá turma,

Hoje vamos falar sobre alguns aspectos técnicos da internet, como por exemplo protocolos, servidores, linguagens de programação, entre outros assuntos.

Na parte prática da aula, é preciso entregar a pesquisa formatada em word, e assim iniciar a deocumentação de nosso projeto. E imediatamente iniciarmos a parte criativa, partindo para as diretrizes e objetivos do site.

é isso, até a aula!

- - - - - - - - - - - -

vídeos de apoio:

AULA 8 - Prática: pesquisa sobre cliente

Salve alunos,

Como na aula passada tive que usar todo o período para a parte teórica de Planejamento Web, utilizaremos esta aula para realizar a parte prática. Assim conseguimos nos manter no cronograma. Passarei maiores detalhes durante a aula.

até lá!

AULA 6 e 7 - Projeto de Comunicação Digital / Metodologias e planejamento para ambientes digitais

Salve turma,

Na aula passada tivemos nosso encontro do ENADE, e fizemos a captação de imagens. Fiz chamada, e está valendo presença.

Hoje a idéia é retomarmos nossa aula, em que pese termos uma palestra sobre redes sociais, penso que não podemos ficar 15 sem aula, portanto teremos aula normal hoje.

Falaremos mais sobre Projetos Interativos, apresentarei algumas metodologias e esta aula será fundamental para que cada grupo siga um procedimento metodológico de planejamento e de produção dos trabalhos.

A aula de hoje é muito interessante, e vital para a organização das equipes e de suas responsabilidades. Vejo vcs lá.

até +

AULA 5 - O mercado de Webdesign / do prospect ao case

Oi turma,

Nossa aula de hoje vai abordar um pouco da realidade atual vivida pelos webdesigners e pelas agências digitais do Brasil e de Santa Catarina. Falaremos também sobre o que é ser "webdesigner", como elaborar breifings, propostas comerciais, contratos. Finalmente abordaremos áreas cada vez mais importantes nessa área, e que tem carência de profissionais.

links de apoio:

http://redeabradi.ning.com/
http://redeacadi.ning.com/

material de apoio:

http://www.agorapod.com.br/power_abradi.ppt
http://www.agorapod.com.br/briefing.doc
http://www.agorapod.com.br/contratofinal.doc
http://www.agorapod.com.br/propostafinal.doc
http://www.agorapod.com.br/tabela_preco.jpg

links de educação profissional em webdesign e planejamento web:

http://www.i-group.com.br
http://www.jumpeducation.com.br

- - - - - - - - - - -

Aula prática:
No segundo período da aula, vcs deverão se organizar em equipes, não mais do que 4 integrantes, para desenvolver o trabalho final. As equipes deverão analisar as pesquisas realizadas na aula passada, elegendo uma das escolas pesquisadas.
Também discutiremos a filmagem que teremos na próxima aula, organizando-nos para chegarmos na terça que vem já preparados para realizar a captação de áudio e vídeo.

até a aula!

AULA 3 e 4 - ENADE e Webdesign como projeto

Pessoal,

Na aula de hoje vamos resgatar o conceito de webdesign como projeto, e não somente como o desenho de interfaces ou a montagem/programação de sites.

Vamos entender alguns aspectos de projetos interativos, trabalhar a tríade Informação X Serviços X Relacionamento, contextualizando assim uma área do conhecimento muito nova, que é a área de projetos interativos.

Na segunda parte, faremos uma pesquisa inicial sobre o tema escolhido, ainda sem a divisão da turma em equipes. Paralelo a isto faremos também uma composição para definir de que modo a turma irá produzir (filmar, roteirizar, editar) os temas ligados às aulas do ENADE.

Vejo vcs na aula!

AULA 1 - Aula inicial - dias 4 e 11 de Agosto

Salve veteranos!

Começamos na quarta passada nossa disciplina de webdesign. Espero que esta aula seja altamente produtiva, e que consigamos evoluir nos muitos conceitos e práticas que desenvolveremos juntos.

Nesta primeira parte da aula contextualizamos o conceito de Comunicação Digital.

Agora nesta segunda parte faremos algumas atividades

- captação das expectativas de vocês em relação ao que irão aprender/desenvolver
- Apresentação do tema - verificar e validar o tema com os alunos.
- Pesquisa sobre Pierre Levy - O que é inteligência coletiva (post no blog)
- Pesquisa de sites - 2 sites de referência, que em seu entender são de alta qualidade. Explicar porque tal site é interessante (post no blog)

É isso, no vemos na aula!

AULA 18 - Entrega das resenhas, dos Layouts e Auto-avaliação

Então jovens,

Chegamos ao final da disciplina. Nossa aula de hoje vai ter as seguintes atividades:

- Entrega das resenhas
- entrega das interfaces e apresentação das mesmas no projetor
- auto-avaliação

A idéia é tomarmos o espaço do intervalo, para que possamos encerrar a aula mais cedo.

Vocês devem procurar as notas finais no sistema on-line a partir das 19 hs da terça-feira.
Caso alguém fique em exame, o mesmo será no horário de aula, na próxima quinta. Não darei prova, e sim pedirei melhorias no layout, caso não tenhamos um resultado minimamente satisfatório hoje.

É isso, abs e até a aula

AULA 17 - Design de interface / aula prática

Então,

Hoje é o último dia de atividade. Finalizando os layouts, de home e principais subseções, para ser entregue na aula que vem. Não esquecendo também da entrega da resenha.

Agora falta pouco...até a aula.

AULA 16 - design de interface / aula prática + Matéria para Resenha

Jovens,

Continuamos o design das interfaces. Precisamos agora agilizar já em ritmo de entrega.

Para a resenha que deve ser entregue dia 9 de Agosto, vocês devem escrever pelo menos 2 folhas em Arial 12 espaço duplo.

Leiam este artigo, e escrevam a resenha sobre o tema "Profissional de Planejamento Digital"

http://webinsider.uol.com.br/index.php/2009/06/25/o-perfil-do-profissional-de-planejamento-digital/

até a aula

AULA 14 - Design de interface - aula prática

olá turma

Após mais um feriado, retomamos as atividades. Rumo ao design das interfaces, para entrega no dia 8 de Julho.

Espero ver todos em sala de aula.

AULA 13 - Design de interface / aula prática

Então,

Hoje é dia de transformar os wireframes nos layouts que comporão o webiste de cada equipe.
Levarei exemplos de layouts no photoshop, ícones e outros elementos que ajudarão vcs a compor os layouts.

Espero que gostem!

até a aula

AULA 12 - Wireframes

Pessoal,

Como nenhuma equipe utilizou a aula prática passada para fazer seus wireframes, então vcs deverão fazer hoje. O tempo vai passando, e as aulas práticas são mal-aproveitadas. Depois não reclamem de não ter tempo para acabar o trabalho...

Não vejo ninguém com dúvida neste blog, então repassarei para a próxima aula um trabalho individual para ser feito em casa. Mas isso é assunto pra próxima aula.

AULA 11 - Wireframes e estudos de layout

Galera,

Espero que as equipes que não apresentaram seus projetos na aula passada o façam hoje (ou nunca mais).
Na aula de hoje vamos continuar o projeto, agora partindo para a parte visual. Falaremos sobre a técnica de wireframe (converter a arquitetura de informação em um esboço do site. E partiremos para discutir elementos gráficos do layout.

links de apoio:

http://webinsider.uol.com.br/index.php/2003/12/09/wireframe-documento-cada-vez-mais-importante/

http://usabilidoido.com.br/quanto_mais_simples_o_wireframe_melhor.html

http://usabilidoido.com.br/wireframes_e_rabiscos.html

http://www.codigolaranja.com.br/?p=461

AULA 10 - Apresentação dos Projetos

Turma,

nossa aula de hoje vai ser toda dedicada a apresentação dos projetos.
Preciso dos trabalhos impressos.
Boa sorte!

AULA 9 - Hierarquia de conteúdo / interatividade

Salve alunos,

Aula pra lá de importante - falaremos sobre a importância de uma boa organização dos conteúdos de um site - a "alma" da arquitetura da informação, junto com as questões de interatividade.

Aula fundamental para vcs conseguirem fazer o trabalho da aula que vem...

link de exemplo de Arquitetura de Informação:

www.agorapod.com.br/cepon_ai.ppt

até a aula

AULA 8 - Interfaces gráficas / Hipermídia / Princípios de Webdesign

Dae gente,

Nossa aula teórica vai abordar interfaces gráficas, elementos de hipermídia, além dos principais conceitos de webdesign. Falaremos também sobre wireframes.

sobre hipermídia:

- Hierarquia e organização dos conteúdos
- Criação de subníveis
- Legibilidade das informações - rótulos / elementos multimídia
- recursos do sistema
- Qualidade de navegação - interatividade / experiência do usuário


sobre elementos de webdesign / interfaces gráficas:

- Proximidade / alinhamento
- Equilíbrio, proporção e simetria
- contraste, cores e brancos
- ordem, consistência e repetição
- simplificação
- legibilidade /integração


links para wireframe:

http://webinsider.uol.com.br/index.php/2003/12/09/wireframe-documento-cada-vez-mais-importante/

http://usabilidoido.com.br/quanto_mais_simples_o_wireframe_melhor.html

http://usabilidoido.com.br/wireframes_e_rabiscos.html

http://www.codigolaranja.com.br/?p=461


Na aula prática, vocês irão apresentar o desenvolvimento dos projetos. Irei analisar se houve evolução desde a primeira apresentação.

até a aula

AULA 7 - Aspectos técnicos da Internet

Oi turma

Hoje falamos dos aspectos técnicos da Internet, espero que tenham copiado o conteúdo da aula...

Na parte prática vamos desenvolver nosso projeto.

AULA 6 - Projeto de Comunicação Digital

Olá Turma

Aula importante - falaremos sobre como projetar websites.

pré-projeto
projeto web / análise de requisitos / arquitetura da informação / produção de conteúdo / produção de interface / recursos do sistema

Na aula prática, iniciaremos o planejamento de cada equipe.

Como ficou o nosso cronograma:

Pré-projeto - entrega em 23 de Abril
- tema
- pesquisa
- objetivos
- estratégias / diretrizes ( 4 ou 5) - Arquitetura da Informação (estudo)
- Análise de requisitos (elementos que comporão o site)

Projeto Web Pronto - entrega em 7 de Maio
- levantamento do conteúdo (q mídias vai usar, de que forma)
- Arquitetura da Informação Definitiva
- Recursos do Sistema (funcionalidades do sistema)

até a aula!

AULA 5 - Reposição da última aula

Pessoal,

Como na aula passada tivemos prova, hoje teremos o conteúdo da aula passada.

abs

AULA 4 - Projetando Websites - O mercado de webdesign

Turma,

Aula teórica: Falaremos sobre websites e aspectos comerciais, quais seus elementos principais dentro de uma negociação, e os documentos que podem ser gerados para a efetivação de clientes.
Falaremos tbém sobre o atual panorama do cenário das agências digitais. Apresentarei a ACADi para vocês, e discutiremos aspectos interessantes desse mercado, bem como áreas que possuem demanda de profissionais.

links de apoio:

http://www.agorapod.com.br/metodologia.jpg
http://www.agorapod.com.br/briefing.doc
http://www.agorapod.com.br/contratofinal.doc
http://www.agorapod.com.br/propostafinal.doc
http://www.agorapod.com.br/tabela_preco.jpg

Aula prática: Hora de vocês apresentarem as idéias surgidas ao longo desse mês de Março. Das 20:35 às 21:15 vcs terão tempo de conversar mais um pouco e definir o que irão apresentar. Das 21:15 às 22:00 hs cada equipe deve apresentar (informalmente, bate-papo) seu tema, para que a turma toda possa comentar e sugerir idéias.

é isso, até a aula!

AULA 3 - Webdesign: projeto ou desenho?

Salve novos veteranos...!

Hora de entender de uma vez por todas que webdesign envolve muito planejamento, adequação às necessidades do cliente, preocupações com marketing e comunicação.
E que o desenho do site, ou do multimídia, ou do game, é na verdade o RESULTADO de tanto planejamento.

Webdesign envolve também "sistemas de informação", ou seja, projetar para ambientes digitais requer desenvolvimento tecnológico. O foco do nosso curso não é esse, porém precisamos de informações mínimas para podermos orientar, explicar o que queremos em termos de recursos tecnológicos para os programadores.

Finalmente, vamos entender quais são as etapas de um projeto de webdesign 9 ou de comunicação digital).

Bem, bastante conteúdo pessoal! Vambora estudar...

links de apoio:

http://www.agorapod.com.br/metodologia.jpg
http://www.avellareduarte.com.br/projeto/planejamento/index.htm

- - - - - - - - - -
aula prática:
Hoje o desafio é maior. Hora de fechar definitivamente as equipes e eleger qual tema irão desenvolver. Lembrem-se: um projeto que começa mal, geralmente segue mal e acaba do mesmo jeito...por isso caprichem AGORA para não se arrepender depois.
Pesquisem a aula toda, conversem com o grupo, vejam habilidades de cada integrante, se o tema cativou a todos, e finalmente...postem a equipe definida e uma breve explicação sobre o tema escolhido, e em linhas gerais, o que pensa em desenvolver a partir do tema.

até a aula!

AULA 2 - Entendendo a Comunicação Digital

Dae turma,

Hora de estudar. Vamos lá...Hoje falaremos sobre a Interação Homem-Máquina (IHC), Graphic User Interface (GUI), Comunicação Mediada por Computador (CMC), Design Digital, narrativas não-lineares. Discutiremos a importância da Interface e da experiência do usuário.

Na parte prática, mais pesquisa, agora vcs terão 1 hora para definir os grupos de trabalho (máximo 4 alunos), conversar entre si para ver que tema gostaria de desenvolver nesta disciplina. Não é necessário definir hoje, e sim pesquisar sobre 2 ou 3 temas que o grupo julgue interessante. Ao final da aula, quero pelo menos 3 links de cada equipe, explicando os temas de interesse e links relacionados.

é isso, até a aula!

Bem-vindos à disciplina de Webdesign!

Salve Veteranos!

Eqto vcs se divertem no "recreio", posto aqui nossa aula inicial.
Como sabem, a segunda parte da aula é prática. Então vamos lá. Tudo começa com pesquisa, sem ela não temos possibilidade de análise crítica, algo mais do que fundamental para quem quer produzir conteúdo e design para a Internet.

Pesquisa: 30 minutos
Objetivo: pesquisar sobre os seguintes conceitos:
- webdesign
- interface
- usabilidade
- arquitetura da informação

Escolha 2 dos 4 tópicos e poste COM SUAS PRÓPRIAS PALAVRAS o que vc acredita ser o conceito em questão. 25 minutos para isso

5 minutos finais: No final do seu comentário, descreva o que vc entende por webdesign, e o que espera aprender e produzir nesta disciplina.

É isso, bom retorno às aulas e vamos trabalhar!

- - - - - - - - - - -
Links de apoio:

http://www.avellareduarte.com.br/projeto/desenvolvimento/desenvolvimento1/desenvolvimento1_valor.htm

http://imasters.uol.com.br/artigo/8302/usabilidade/arquitetura_da_informacao_surge_uma_nova_profissao/

http://arquiteturadeinformacao.com/2008/11/24/arquitetura-de-informacao-na-lista-das-carreiras-mais-promissoras/