AULA 17 - Apresentação das interfaces

Jovens!

Chegamos ao final da disciplina, já analisei todas as interfaces e conversei com cada grupo. Teremos boas notas! Procurem a partir de sexta-feira no site da Assesc. Postarei as notas pela quinta a noite.
Desejo a vocês um bom descanso nessas férias, abs a todos!!

AULA 16 - Criação das interfaces

Última aula para produzir as interfaces, na próxima teremos o fechamento da disciplina, com apresentação dos layouts.


até a aula.

AULA 15 - Criação das interfaces

Jovens,

As notas já foram publicadas, faltando só a nota final das interfaces. Agora é photoshop, trabalhando alinhado aos wireframes (não se trata de pintar os wireframes!).

Lembrando que o prazo para finalização é dia 7, vocês só tem essa quinta e a próxima para produzir pelo menos 6 interfaces (home + 5 internas), pois a apresentação e fechamento do semestre é dia 7 de Dezembro.

AULA 14 - Apresentação dos trabalhos / criação das interfaces

Alunos,

Como não houve a apresentação dos trabalhos na aula passada, a faremos hoje, na primeira parte da aula. Assim finalizamos essa atividade que vale 3 pontos para a equipe.

Na segunda parte da aula daremos sequência à criação das interfaces, lembrando que o mínimo são 6 layouts (1 home e 5 subseções), sendo que aprovaremos juntos quais serão essas interfaces. Estamos na reta final, faltam 3 aulas para encerrarmos a disciplina, no dia 7 de Dezembro. Este é o prazo que vocês tem.

É isso, até a aula.

AULA 13 - Apresentação dos trabalhos / Interface gráfica

Salve alunos,

Aula de hoje é importante para validar o planejamento das equipes. Conforme combinado, temos hj apresentação dos trabalhos, contendo arquitetura da informação finalizada, lista de requisitos, wireframes, identidade visual. Trabalho esse que vale 3 pontos.

Na segunda parte da aula vamos começar o trabalho de interface gráfica, inicialmente lidando com alguns elementos já prontos, para que vocês entendam o processo.

É isso, até a aula.

AULA 12 - Finalização da AI - fluxograma e conteúdos / Elementos de Identidade Visual

Turma,

Vamos recuperar o tempo perdido, bem como agilizar algumas atividades, já que teremos novamente mais um feriado na próxima terça.

Na aula de hoje verificarei com cada grupo como anda a AI - Arquitetura da Informação, através do fluxograma resultante do card sorting. Também é hora de formalizar os conteúdos para cada página criada na AI.

Esta atividade será desenvolvida em conjunto com a aula de Ergonomia de software, portanto para esta sexta é preciso que vocês validem a AI com o prof. Felipe.

Paralelo à esta atividade, vocês deveriam ter iniciado na aula passada o trabalho de Identidade Visual do site.
Esta atividade deverá ser entregue junto com a AI completa em nosso próximo encontro, no dia 9 de novembro, valendo 3 pontos na média. Darei maiores detalhes em sala.

itens da identidade visual:
- criação de logomarca
- criação de logotipia
- definição das cores-padrão do site - por seção (formato RGB)
- texto resumido explicando o processo de criação da logo e das cores-padrão.


até a aula, abs

AULA 11 - Ausência do Professor / Identidade Visual

Alunos,

Infelizmente peguei uma virose ou algo do gênero, que me impediu de trabalhar essa semana e consequentemente de me fazer presente na aula de hoje.
Para não ficarmos sem atividade neste dia, peço que trabalhem hoje na Identidade Visual dos portais - Criação de logomarca para o site, estipular as cores predominantes da logomarca e das principais seções do site.
Na semana que vem retomamos a Arquitetura de Informação.

abs e até a semana que vem.

AULA 10 -Definição da Arquitetura da Informação

Pessoal,

Hoje teremos mais uma atividade prática durante toda a aula. É hora de finalizar o card sorting no sentido de definir a AI - Arquitetura de Informação dos trabalhos. Quero ver as fotos que vocês tiraram dos agrupamentos, bem como as conclusões que vcs estão chegando.

Para validar a aula de hoje, vocês precisam me entregar até o final da aula ao menos uma estrutura inicial da AI. Para isso vocês devem trabalhar os 2 períodos. No primeiro, verei cada grupo como anda o card sorting. Depois do intervalo vcs devem trabalhar a parte esquemática da AI.

Como teremos um feriado na próxima terça-feira, é necessário que vocês trabalhem na semana que vem para fechar a AI. Portanto, em nosso próximo encontro, dia 19, teremos no primeiro período uma apresentação de cada equipe, mostrando a AI.

Nunca é demais lembrar os elementos necessários para fechar a AI:

- Definição de estratégias das 4 conceituações originais (imagética, editorial, comunicacional, funcional)
- fluxograma esquemático principal (demonstra toda a estruturação e hierarquia dos elementos)
- Rótulos ou Label ou nome das seções e de elementos da home (nomenclatura do site todo)
- lista de requisitos de pelo menos 10 páginas (lista com tudo que vai constar naquela página)

Explicarei melhor em sala de aula.

Como vocês podem perceber, tem bastante trabalho. Esta etapa vale 2 pontos na média, portanto caprichem. Aproveitem a aula de hoje para tirar todas as dúvidas. Vocês terão 15 dias para realizar esse trabalho, mãos à obra!

AULA 9 - Finalizando o Card Sorting / início da Arquitetura de Informação

Jovens,

Utilizaremos a aula de hoje para as seguintes atividades:

1ª parte da aula - os grupos entrevistam entre si, como se cada grupo representasse o público-alvo da outra equipe. 1 aluno do grupo entrevistado apresenta as idéias iniciais e o outro grupo sugere novas idéias e possibilidades. Todos os grupos tem que passar por esta etapa, colocando-se como entrevistado e entrevistador. Objetivo: construir mais card sortings com as idéias dos grupos, fechando esta parte dos cartões.

2ª parte da aula - Uma vez fechada a entrevista com os públicos-alvo, cada grupo deve formular um objetivo maior para o site, e pelo menos 2 objetivos secundários. A seguir, reescrever a conceituação Editorial já focada nesses objetivos. Esta visão geral do trabalho deve estar bem clara para todos do grupo. Hora de postar no blog o novo editorial com os objetivos. Como última atividade está o agrupamento dos cards, que deve ser fotografado como forma de registrar as diferentes possibilidades que cada grupo encontrou para satisfazer os objetivos e a linha editorial.

Complicado? Que nada, em sala de aula esclarecerei melhor, até lá!

AULA 8 - Hierarquia de conteúdo – sistema LATCH / Trabalhando a interatividade

Turma,

Na aula de hoje falaremos um pouco sobre organização de conteúdo. Usaremos a definição LATCH de Luli Radfahrer, noções de card sorting e também aspectos de interatividade.

Na parte prática, vamos desenvolver a organização de conteúdo dos trabalhos de cada equipe. Irei trabalhar o briefing inicial de cada equipe, para que vocês tenham como parâmetro necessidades e objetivos pré-definidos.

Quanto à primeira avaliação, já corrigi uma parte dos trabalhos, devo entregar todos até o próximo encontro.

É isso, até a aula.

- - - - - -

links de apoio:

www.agorapod.com.br/ai_wireframe_webdesign.ppsx
http://usabilidoido.com.br/cardsorting_e_melhor_que_buraco.html
http://www.slideshare.net/karinedrumond/guia-para-cardsorting
http://websort.net/
http://www.optimalworkshop.com/

AULA 7 - O mercado de webdesign / Entrega da primeira avaliação

Turma,

Como vocês sabem, hoje é dia de entrega da primeira avaliação. Falarei um pouco sobre o mercado de webdesign em nosso estado e em Floripa, e irei apresentar a 2ª atividade de avaliação. Vocês deverão iniciar esta avaliação desde hoje, maiores detalhes em sala de aula!

até lá!

AULA 6 - Arquitetura de Informação e Wireframes

Pessoal,

Este post está atrasado. Na aula foi repassado um aprofundamento da arquitetura de informação, com a listagem de conteúdos de cada página, bem como a criação dos wireframes, espacializando os conteúdos definidos na listagem.

Como próxima terça será feriado, vocês deverão entregar o trabalho PRONTO no dia 14 de setembro.

O que deve constar no trabalho:

- capa (nome do aluno, título do projeto, ou do site)
- briefing (2 a 3 páginas)
- objetivos (1 página)
- arquitetura da informação (1 a 2 páginas)
- listagem de conteúdos (5 páginas, mínimo)
- wireframes (5 páginas, mínimo)

É isso, bom descanso pra vocês e nos vemos dia 14 para fecharmos essa primeira atividade e avançarmos para o próximo trabalho.

té + !

AULA 5 - Arquitetura da Informação 1: conceitos e princípios

Turma,

O assunto de hoje é totalmente voltado para AI - Arquitetura da Informação. Estudaremos os conceitos básicos, os diferentes tipos de estrutura de navegação, bem como seus principais elementos.

Na parte prática, iremos passar do briefing para os objetivos primários do site, passando a partir daí a construir nossa arquitetura da informação para este primeiro exercício.

é isso, aula importante!

- - - - - - - -

links de apoio:

www.agorapod.com.br/ai_wireframe_webdesign.ppsx
http://www.agorapod.com.br/garrett_ia_cheatsheet.pdf
http://www.agorapod.com.br/garrett_ia.ppt

AULA 4 - Projeto de Comunicação Digital / metodologias

Salve turma,

Hoje vamos recuperar minha falta na aula passada. Veremos os principais elementos de um PCD (Projeto de Comunicação Digital), bem como metodologias de projeto.

Apresentarei os conteúdos em sala.

até lá.

AULA 3 - atividades práticas

Pessoal,

Programei uma cirurgia dentária, não terei condições de falar ou de dar aula. O Prof. Felipe Broering irá me substituir.

Preparei uma atividade para o primeiro período, mantendo o início da Primeira Avaliação para o segundo período após o intervalo. Vocês deverão entregar ao menos a pesquisa, e iniciar o briefing, encerrando na próxima aula.

Abaixo segue todo o roteiro das atividades:


Primeira parte da aula:
Análise de sites de Instituições de Ensino de SC

Reunir-se em grupos de 3 pessoas, para analisar os seguintes sites:

http://www.assesc.edu.br/
http://www.unisul.br/content/site/Inicio/
http://www.univali.br/
http://www.ufsc.br/
http://www.sc.estacio.br/portal/
http://www.unc.br/
http://www.unesc.rct-sc.br/
http://www.univille.br/
http://www.furb.br/
http://www.unibes.edu.br/

Atividade:
Analisar um mesmo tema em todos os sites. Escolher 1 (apenas um) tópico da lista a seguir:

- Estrutura dos menus
- uso de rótulos e labels
- elementos de navegação
- sistema de busca
- acabamento visual
- qualidade de conteúdo

Exemplo: analisar a estrutura dos menus de todos os sites, comparando-os, qualificando suas diferenças (mais intuitivo, mais organizado, ou confuso, etc). Explicar as características (se é menu horizontal, vertical,se possui submenu em cascata, se está ou não presente no rodapé, se as cores ou a tipologia são favoráveis à compreensão da navegação, etc).
Para cada site analisado, pelo menos um parágrafo de explicação. Ao final, 1 ou 2 parágrafos de comentários gerais, elencando o que está melhor estruturado (ou o pior), justificando.

__________________________________________________________________________________


Segunda parte da aula:
Prática: Avaliação 1 – a) pesquisa / briefing / post no blog (individual)

O objetivo maior dessa avaliação é fazer com que o aluno domine o planejamento de um site de pequeno ou médio porte, passando por todas as etapas de projeto e execução.

O objetivo específico da atividade desta noite é definir qual empresa, instituição ou empreendimento o aluno irá desenvolver individualmente nesta primeira avaliação.

Sugere-se como tema um site para pequena empresa, um portifólio profissional (serviços ou produtos), um hotsite de evento ou empreendimento. Não serão aceitos portais, lojas virtuais, ou sites que sejam muito extensos.

Dois itens deverão ser entregues nesta aula: pesquisa e briefing. Postem neste blog apenas a confirmação do envio do e-mail, ou eventuais dúvidas.

Esta atividade tem a duração da aula, devendo ser enviado e-mail até as 22 hs para o seguinte e-mail: daniel.aulas@gmail.com

O Briefing poderá ser melhorado na próxima aula, com minha supervisão.

Orientações básicas:

- escolher uma temática real (uma empresa, preferencialmente de médio e pequeno porte);

- que tenha pessoas envolvidas (donos de empresa, um profissional liberal que precise de site) para que possa haver situação real de cliente,

- realizar pesquisa internet localizando: a) se este cliente já possui presença na web, seja com site, twitter, blogs, redes sociais. b) possíveis concorrentes, e como eles se apresentam hoje na web. Anexar estes 3 itens no briefing. Entrega obrigatória da pesquisa até 22 hs.

- responder briefing esquemático a seguir. Caso não consiga, por ter que consultar possíveis clientes, então realizar pesquisa internet com possíveis candidatos a clientes. Entrega obrigatória do briefing completo até dia 17 (aula que vem).

1. Dados do cliente:
- Nome:
- Endereço:
- Telefones:
- Site (se tiver):
- Contato do responsável (telefone / mail)

2. Dados da empresa / instituição / empreendimento
- Nome fantasia:
- Área(s) de atuação:
- Localização / endereço:
- Logomarca (obter arquivo)
- 3 principais produtos ou serviços:

3. Objetivos Primários
- Objetivos estratégicos da empresa (porque existe, porque funciona ou funcionará):
- Objetivos de marketing (qual a importância do site para as vendas?):
- Objetivos de comunicação (o que comunicar, que mensagem principal deseja transmitir na internet):

4. Sobre os Produtos (ou Serviços)

- Descrição das principais características:
- Aparência física / Embalagem (no caso de produto):
- Vantagens – Única, principal, secundária:
- Desvantagens (se houver, ex remédios com efeitos colaterais):
- Como é usado? – Local e forma:
- Disponibilidade – No presente e futuro:
- Diferencial (se houver):
- Imagem e marca (imagens dos produtos):

5. Mercado
- Concorrentes: (principais, regionais ou nacionais)
- Vantagens e desvantagens relativas aos concorrentes:
- Como o produto / serviço é vendido (unidade, pacotes, grandes quantidades, varejo tradicional, auto-serviço, distribuidores exclusivos, revendas etc)? Como o serviço é prestado (direta ou indiretamente, de forma centralizada ou descentralizada, pessoalmente, via telefone/internet etc)?
- Distribuição – como é comercializado, necessita transporte ou recursos humanos para entrega? (ex.móveis, depende de montagem)

6. Público consumidor (Perfil de quem se interessará pelos produtos ou serviços)
- Grupos de idade (faixas etárias principais):
- Profissão, posição social e cultural:
- Nível de escolaridade média:
- Localização (onde moram, onde compram produtos e serviços similares ao do cliente):
- Sexo (se o produto / serviço é mais voltado para algum gênero sexual):
- Necessidade do produto/serviço (para o consumidor, se é essencial, supérfluo, etc):
- Freqüência da compra e uso (todos os dias, semanal, eventualmente):

É isso, excepcionalmente aceitarei entrega do briefing na próxima aula, devido a minha ausência.
Mas é preciso ao menos iniciá-lo, portanto anexem o que conseguirem fazer no e-mail. Usem este blog ao longo da semana para tirar dúvidas.

abs e até dia 17!

AULA 2 - Webdesign como projeto x Webdesign como desenho

Pessoal,

Hoje temos uma importante carga teórica que será valiosa para planejamento e concepção de projetos de comunicação digital. Discutiremos a evolução da Internet, para contextualizar nossos temas. Em seguida apresentarei princípios de desenvolvimento de projetos interativos. Falaremos da experiência do usuário, dos elementos a ser considerados na elaboração de projetos, bem como as etapas fundamentais para planejamento e produção de qualquer peça de comunicação digital, seja um site, portal, hotsite, campanhas on-line.

Na parte prática, faremos uma atividade de percepção e análise de websites. É um exercício individual de análise, utilizando o atual conhecimento de vocês. À medida que formos avançando nos conteúdos, novas análises (mais complexas) serão propostas.

Elementos para análise:

- Estrutura dos menus
- uso de rótulos e labels
- elementos de navegação
- sistema de busca
- acabamento visual
- qualidade de conteúdo (mídias)

Darei maiores detalhes em aula. Até lá!!

- - - - - - - -

links de apoio para esta aula:

www.agorapod.com.br/Plano_de_Ensino_webdesign7.doc

http://www.agorapod.com.br/grafico_internet.jpg

http://www.agorapod.com.br/experiencia.jpg

http://www.agorapod.com.br/elements.pdf

http://www.agorapod.com.br/metodologia.jpg

Bem-vindos à primeira aula!

Salve turma,

Começa hoje nossa primeira aula de webdesign. Nesta aula explicaremos o conceito de webdesign, e apresentaremos as idéias dessa disciplina. Discutiremos os projetos que serão desenvolvidos e juntos aprovaremos a organização da aula.

Fiquem à vontade para fuçar este blog, e as outras turmas que já passaram por aqui. Neste semestre procurarei mudar algumas coisas, portanto não confiem demais nos conteúdos das aulas passadas.

Aula que vem trarei o plano de ensino. A atividade desta primeira aula é realizar uma rápida pesquisa sobre webdesign e postarem o que vocês entenderam sobre esta palavra, bem como dizer qual a expectativa de cada um sobre o que irá aprender nesta disciplina.

bom semestre letivo!