No dia 10 de fevereiro, Bobby Chiu que palestrou no Pixel Show 2010 e foi matéria da Zupi Concept, concede um workshop de desenho tradicional. O artista, que nasceu em Taiwan, já trabalhou em projetos para Disney e Warner Bros. Também foi o concept artist do filme Alice no País das Maravilhas, do diretor Tim Burton.

Bobby Chiu

Bobby Chiu

O norte-americano Stephen Silver produz animações para séries como Kim Possible e Danny Phantom, já o mexicano Francisco Herrera desenhou para a Dreamworks.

Stephen Silver

Francisco Herrera

Ainda, no dia 14 de fevereiro, acontece workshop de pintura digital com Bob, de personagens com Stephen e de ilustração e quadrinhos com Francisco. Para saber informações sobre preço e inscrição, entre em contato com a Melies pelo telefone (11) 5573-1095. As vagas são limitadas!

+ Informações

Workshop de Desenho – Bobby Chiu
10/02/2012, das 9:00h às 12:00h
Valor: R$ 350,00

Workshop Character Designer – Stephen Silver
14/02/2012, das 9:00h às 12:00h
Valor: R$ 350,00

Workshop Ilustração e Quadrinhos – Francisco Herrera
14/02/2012, das 14:00h às 17:00h
Valor: R$ 350,00

Workshop de Pintura Digital – Bobby Chiu
14/02/2012, das 14:00h às 17:00h
Valor: R$ 400,00

As inscrições podem ser feitas pelo telefone (11) 5573-1095. Lembrando que as vagas são limitadas!

Espero que você se delicie!

Thomas Gallet

Paris, França

Claudio Corrales

San Jose, Costa Rica

Jimmy Gleeson

Melbourne, Austrália

Sam Bevington

Londres, Reino Unido

Bogidar Mascarenas

Barcelona, Espanha

Navegação

No livro “Não Me Faça Pensar“, do Steve Krug, ele diz o seguinte: “As pessoas não usarão seu Web site se não conseguirem andar por ele.” A navegação serve para auxiliar o seu visitante por onde ele deve começar seu caminho. No caso dos blogs o caminho é meio que automatizado, pois ele já sabe que para ver o conteúdo basta rolar o scrolling e o conteúdo vai aparecer. Mas, caso ele decida entrar em contato com você, ou procurar mais informações sobre o blog, é na barra de navegação que ele deverá encontrar tudo isso. Existem diversos tipos de navegação, a mais usual em blogs é a horizontal, situada abaixo do Header. Mas há quem prefira a navegação vertical junto à sidebar e há quem prefira outros tipos de navegação.

O que uma barra de navegação deve conter?

Existem três links indispensáveis para qualquer barra de navegação, são eles: home, contato e sobre. Muitos blogs adicionam também links para anunciar no blog, ou algum link para mostrar quem é o responsável pela página, mas os essenciais são aqueles três.

Ela também deve dar destaque ao link ativo, ou seja, o link que você clicou deverá ter algum tipo de mudança para mostrar que esta é a página que você está agora. Pode ser uma mudança de cor, de formato ou até de tamanho.

Horizontal
É a mais típica de todas, você encontra ela em praticamente 80% dos sites, inclusive aqui no blog. Elas são em linha reta e ficam ou no início da página ou após o Header. Já vi um blog que resolveu colocar a barra de navegação no fim da página, substituindo o rodapé, mas não recomendo esse tipo de abordagem, porque o usuário espera encontrá-la no topo, já é uma convenção, e convenções que dão certo não se mudam a não ser que tenha uma melhor.

Tecnoblog

A barra de navegação horizontal do Tecnoblog é após o Header e apresenta uma variação de cor para avisar que seu usuário está no Início. Corretíssimo!

Obvius

A navegação horizontal do blog Obvius não tem uma barra propriamente estabelecida, mas a sucessão de links formam uma barra imaginária. Ela também usa o destaque do link ativo para avisar seus usuários em que páginas eles estão, nesse caso há uma mudança de cor e forma. Super efetivo.

Vertical

Nos blogs não é muito comum encontrar esse tipo de navegação, mas ela pode ser usada tanto no lado esquerdo quanto no direito da página. Jovem Nerd

Esta é a navegação do blog Jovem Nerd. Eles optaram pela navegação vertical na direita, e também sub-seções visíveis, sem o drop-down, que ajudaria a economizar espaço neste caso. Como todos os links levam a outras janelas, não há necessidade de mostrar em que página o usuário está.

Drop-down

Este tipo de navegação é usado junto com a horizontal, para apresentar sub-seções do blog, caso ele contenha muitas páginas pertinentes em um mesmo grupo de assunto.

Smelly Cat

O blog Smelly Cat resolveu agrupar os links "Contato" e "Autores" junto com "Sobre", para isso utilizou a opção de drop-down. A vantagem dessa prática é que você pode usar vários sub-links e não perder espaço na sua barra de navegação. Só tome cuidado para não repetir links, como no caso dela. E quando for fazer menus drop-down, utilize uma seta apontando para baixo, assim as pessoas saberão que há mais links ali.

Papo de Bar

A navegação do Papo de Bar tem duas opções com drop-down. Notem que ele fez uso da seta apontando para baixo, para deixar claro que ali há sub-links. Ficou bom!

Ícones

Não é uma navegação facilmente encontrada, mas um bom exemplo é a navegação que temos aqui no blog, onde os ícones representam as categorias mais acessadas.

Aqui no blog nós usamos uma das navegações em forma de ícones. Não vou ser hipócrita e dizer que ela é ótima e eficaz, até porque sei dos defeitos dela e, por isso, quero que você não cometa os mesmos erros. Primeiro, tenha consciência de que ícones mal feitos geram N interpretações. Caso isso ocorra, coloque uma legenda pequena embaixo deles, facilita a vida de todos. Mantenha um padrão iconográfico condizente com o layout, vai ajudar na pregnância da identidade visual do blog.

Ainda há muitas dicas, mas não quero estender o post a ponto de ficar chato. Então, caso haja dúvidas, pergunte nos comentários ou envie um e-mail para will@chocoladesign.com.

Até semana que vem!

Os que não foram selecionados, terão seus artigos publicados aqui no blog, pois, não queremos desperdiçar o tempo que vocês tiveram para escrevê-lo, portanto, essa foi uma das formas que encontramos para recompensá-los.

Vamos ao que interessa!

Design de Interiores

Talita Ghiotti
Talita Ghiotti, tem 25 anos e acaba de se formar em Design de Interiores pela instituição Senac, da cidade de Ribeirão Preto. Trabalha como Designer e Gerente de uma Marcenaria. Inicia seus estudos neste ano na área de Design Gráfico pela instituição Unifran e é colunista da Mundial Imóveis a praticamente um ano, dando dicas na área de decoração e de utilização de móveis.

Design de moda

Maiara Sant’ana
Maiara Sant’ana Pacheco,formada no curso Técnico de Design Gráfico da SATC e agora está na 7ª fase da Graduação de Design Gráfico SATC. Atualmente trabalha na agência Tridéz e é responsável pelos clientes de moda. Ajuda muito também nos posts dos blogs e das fans pages dos clientes.

Web Design

Thiago Almeida
Thiago Almeida, tem 20 anos, estuda Ciência da Computação na Universidade Federal de Lavras. É formado em Microinformática (técnico) pelo SENAI. Hoje faz trabalhos freelancer como designer, além de participar de um grande projeto de desenvolvimento web na universidade.

Motion Design

Kátia Keiko
Paulistana e estudante de design gráfico pelo Centro Universitário Senac, formada em curso técnico de design pela ETEC de Carapicuíba. Já foi estagiária da Trip Editora e Propaganda. Atualmente trabalha na empresa FutureBrand, do grupo McCann.

Mobile

Edson Luiz
Edson Luiz tem 25 anos, faz graduação em Design Gráfico na UNIBRATEC, é de Recife, já foi desenvolvedor mobile por mais de dois anos e a quase um ano trabalha como Designer de interfaces para aplicações mobile no Projeto Samsung (Cin/UFPE).

Design de Produto

Claudia Alquezar Facca
Claudia Alquezar Facca tem 41 anos, é formada em Design de Produto pelo Mackenzie (em 1991) e é Mestre em Design pela Anhembi Morumbi (em 2008). Tem mais de 10 anos de experiência profissional em design de produto, tendo trabalhado na GM, na Whirlpool e em outras empresas menores. É professora de design há quase 20 anos tendo dado aulas em várias escolas (Mauá, Belas Artes, Uniban e Fadim). Atualmente é professora e coordenadora do curso de design de produto no Instituto Mauá de Tecnologia, em São Caetano do Sul.

———————————————————————————————————————————————–

Porque eles e não você?

Os selecionados apresentavam uma experiência bastante interessante nas áreas correspondentes, os artigos eram perfeitamente a cara do blog e atenderam ao que foi pedido no post. A responsabilidade pela escolha ficou comigo e com o Filipe, os criadores do blog. Se você não foi selecionado, não fique triste, em breve abrirei mais vagas.

Bem vindos à equipe e espero que possamos crescer juntos !

Entrarei em contato com os selecionados em breve para acertar todos os detalhes.

Você pode colaborar com a coluna enviando seus trabalhos para will@chocoladesign.com

AWAKE X PMH

- Alemanha

Natalia Cardona e Alejandra Zapata

- Medellin, Colombia

Carl Sutton

- Brighton, Reino Unido

Abigail Warren

- Doncaster, Reino Unido

El Nacho

- Medellin, Colombia

Thomas Gallet

- Paris, França

Desde que me conheço por gente, creio que há uns 5 anos, venho criando, aprendendo e estudando blogs. Não vou contar a história da minha vida, mas sou blogueiro desde os 14 anos. Atualmente, tenho 18 anos, ou seja, são 4 longos anos vendo o que um blog precisa ter e, principalmente, o que NÃO precisa. Recentemente, comecei a pesquisar um nicho específico de blogs para um projeto pessoal que estou desenvolvendo e, nessa pesquisa, fiquei espantado com a quantidade de elementos desnecessários num único layout. É exatamente por conta disso que resolvi enumerar algumas coisas que EU acho necessário em um blog.

Vai haver vários posts e cada um deles tratará de uma parte específica do blog. A parte de hoje é o Header.

Header

É nessa parte que você começa vendendo o conteúdo do seu site para seus usuários. Um header bem projetado mostra não só o nicho do seu blog, como também em que nível ele está. Por esta lógica, quanto mais agradável e bem projetado um header, melhor será a taxa de conversão de novos visitantes.

Dicas para criar um bom header

Seja criativo: a criatividade não se resume somente em coisas bonitas e enfeitadas, headers minimalistas também podem ser muito criativos. Fique atento ao nicho que seu blog pertence e procure ser criativo de acordo com o que é conveniente. Um blog sobre advocacia, por exemplo, não fará uso de várias cores porque ele precisa se manter sério, já que seus visitantes procuram algo que lhes transmitam confiança. Já um blog de entretenimento pode ter até uma zebra branca e rosa num header, pois seu nicho permite uma maior flexibilidade.

Jacaré Banguela

O Header do blog Jacaré Banguela é um exemplo de simplicidade e criatividade. As cores dessa imagem estão em tons de amarelo e verde, mas muda ao decorrer do dia para outras tonalidades, mostrando em que período do dia você está.

Chicclete

Nosso parceiro Chicclete já tem um header mais criativo e cheio de elementos. Seu nicho é voltado para produtos cult, artigos para enfeites e outras coisas que todos desejariam ter. Pelo seu nicho ser extrovertido o visual do blog segue a mesma linha, dando ênfase ao que você vai encontrar no blog.

Boo-Box Blog

O blog da Boo-Box, serviço de monetização e mídias sociais, é tão simples que você praticamente não vê um header propriamente dito, apenas a identidade visual. Como o blog tem caráter instrutivo, ou seja, de instruir seus usuários a fazerem uso do serviço da melhor maneira, toda atenção deve ser voltada ao conteúdo, e nada mais.

Papo de Homem

O portal Papo de Homem, no seu Header, está de acordo com o padrão: logotipo no canto superior esquerdo e elementos (banner de publicidade) do lado direito. Um bom posicionamento!

Cotovelo de Formiga

Esse blog utiliza um header com 350px de altura e ainda possui outros elementos abaixo dele, não deixando espaço para o post. O usuário procura por posts, não por informação secundária. Fique atento no tamanho do header e no exagero de outros elementos.

Até a próxima!

Delicie-se!

Maarten Deckers

Colm O Connor

Iglika Kodjakova

Maricor Maricar

Brian Dixon

Ornella Pagliaruolo

Yosuke Ando

Nós temos uma ampla gama de assuntos aqui no Chocola, mas há alguns que acabam recebendo menos atenção devido à falta de algum(a) especialista para escrever sobre ele. Pensando em agregar ainda mais conteúdo para o blog e, consequentemente, ter mais posts bacanas para você se deliciar lendo, resolvemos abrir algumas vagas aqui.

Procuramos por pessoas que se comprometam em escrever 1 post por semana (ou mais, se preferir…), escrevam relativamente bem, consigam transmitir de forma clara o assunto em questão e por fim, mas não menos importante, que sejam viciados em chocolate, claro.

As áreas que precisam de escritores são:

Motion Design

Requisitos: trabalhar ou estar em contato diretamente com a área; estar ligado no que acontece no mundo do motion design; dominar relativamente bem os softwares de animação (2D ou 3D).
Diferencial: ser formado ou estar cursando faculdade/curso de motion design.

Design de Interiores

Requisitos: ser designer de interiores ou um grande conhecedor da área; estar ligado nas tendências.
Diferencial: ser formado ou estar cursando faculdade/curso de design de interiores.

Design de Moda

Requisitos: estar ligado nas tendências da moda.
Diferencial: ser formado ou estar cursando faculdade/curso de design de moda.

Design de Produto

Requisitos: conhecer métodos de produção e concepção de produtos; estar ligado nas tendências.
Diferencial: ser formado ou estar cursando faculdade/curso de design de produto ou design industrial

Web Design

Requisitos: saber front-end e back-end.

Mobile

Requisitos: trabalhar na área (criação de interfaces para aplicativos) e estar ligado nos acontecimentos do mundo mobile,
———————————————————————————————————————————————

O que eu ganho sendo um colunista?

Sei que escrever e ganhar um dinheirinho para isso é maravilhoso, mas por hora não dispomos de verba o suficiente para pagar quem nos escreve, mas eis o que você pode conseguir aqui:

1. Reconhecimento
2. Propaganda gratuita de seus serviços
3. Networking com outros profissionais
4. Amigos

———————————————————————————————————————————————

Como faço para ser colunista?

1. Escrever um artigo sobre algum dos assuntos acima
2. Enviar um e-mail para contato@chocoladesign.com contendo:

• No assunto: ~área que escolheu~
• Na mensagem: uma breve descrição sobre você
• No anexo: seu artigo, seu portfolio ou currículo (ou os dois).
• DATA LIMITE PARA ENVIO: 20/01

———————————————————————————————————————————————

Não quero ser colunista, mas quero ter um post aqui, como faço?

Você pode enviar seu artigo para leitor@chocoladesign.com e nós, da equipe, avaliaremos seu texto para ser ou não publicado aqui no blog. Para mais informações acesse esse link.

Eu acredito que este pequeno conto pode ensinar uma lição valiosa que muitos designers esquecem, e eu sempre estou reforçando por aqui: inspiração é para servir somente como uma fagulhas para novas ideias, não para copiar.

Gutei e o Dedo

O Mestre Gutei, sempre que lhe faziam uma pergunta, respondia levantando um dedo sem dizer nada. Um noviço adquiriu o vício de imitá-lo. Certo dia, um visitante perguntou ao noviço:

“Que sermão o Mestre está pronunciando agora?”

O noviço respondeu levantando o dedo. O visitante, quando se encontrou com o Mestre, contou-lhe que o noviço o imitara. Mais tarde, o Mestre escondeu uma faca nas vestes e chamou o noviço. Quando este se apresentou, Gutei perguntou-lhe:

“O que é Buddha?”

O rapaz, ansioso para impressionar o mestre, respondeu levantando o dedo. O Mestre então agarrou-lhe a mão e cortou-lhe o dedo com a faca. O discípulo, apavorado e em choque, já ia sair correndo, mas o Mestre o chamou com um grito:

“NOVIÇO!”

Quando o rapaz se voltou para o Mestre, este perguntou abruptamente:

“O que é Buddha?”

O discípulo ia levantar o dedo, mas não tinha mais dedo. Neste instante, ele alcançou o Satori (a iluminação).

Autor Desconhecido

Para mais contos zen acesse o  blog Magia Oriental. Recomendo a visita!

Chan Hwee Chong

Hamburgo, Alemanha

Travis W. Simon

Brooklyn, NY

Amber Basrai

Londres, Reino Unido

Mike Harrison

Londres, Reino Unido

O que um Arquiteto de Informação faz?

Segundo a definição da IAI (Information Architecture Institute), um Arquiteto da Informação é a pessoa que organiza e cataloga websites, intranets, comunidades online e software de modo que a usabilidade seja garantida. Um Arquiteto de Informação não precisa necessariamente ser um designer, ele pode ser um jornalista, bibliotecário, publicitário e qualquer outra profissão onde se possa organizar informações e conseguir resultados satisfatórios de usabilidade.

Porque há necessidade de um Arquiteto de Informação nos dias de hoje?

Se pararmos para pensar, a Internet inteira está baseada em um conglomerado de informações, úteis e inúteis, e o número não para de crescer, porque sempre há mais espaço para novas informações. É como coração de mãe, sempre cabe mais um, e nas ”internets” da vida não é diferente. O problema é que o fluxo de informação é maior do que a capacidade de organizá-la, por isso vemos tantos sites em que o conteúdo se perde no meio de outros elementos, ou disputam espaço com banners de patrocínio, ou as vezes nem conseguimos chegar na informação por ela estar escondida em algum canto obscuro do site. É aí que vemos a necessidade de um profissinal capacitado e de bom senso para por ordem na casa, ou melhor, no site, a fim de proporcionar ao usuário uma boa navegação e consequentemente uma boa usabilidade, facilitando a sua vida como usuário.

E para finalizar, deixo abaixo um vídeo que vi no site Aquitetura de Informação onde a Melissa Lesnovski, Planning Management na agência Aldeia, fala um pouco sobre Arquitetura da Informação.

Qualquer dúvida é só perguntar nos comentários. E deixem sugestões para novos posts de usabilidade também!

Até a próxima.

——-
Fontes de pesquisa e leitura adicional
Usabilidoido – Arquitetura de Informação
Arquitetura de Informação
IAI Institute – A Definição de Arquitetura de Informação
IAI Institute – O Que É Arquitetura De Informação?