EDTED-BH 2010

Aconteceu no último sábado (dia 07/08) o 15º EDTED – Encontro de Design e Tecnologia Digital, evento organizado pela Arteccom. Assim como o evento do ano passado, o EDTE D 2010 foi muito bacana, sendo realizadas simultâneas em três ambientes: Espaço Tecnologia, Espaço Design e Espaço Oficinas.

Durante o evento também rolaram stands de patrocinadores divulgando seus produtos e rolando alguns brindes para os participantes (isso é bom.. srsrsrs).

No evento destaco as palestras do Guanabara, no qual ainda não conhecia e achei muito bacana e muito proveitosa os conteúdos. Também destacando as palestras do Guilherme Reis e do Fabiano Milani. Também estava presente no evento a Martha Gabriel, essa infelizmente não consegui assistir.

No evento desse ano participei das seguintes palestras:

• Aprenda, ensine e melhore os resultados com seu cliente: Requisito de Software em Gestão Ágil! Fabiano Milani – Adaptworks
• CREO: Content for Readers Enhanced Optimization – Uma visão”carioquesca”do termo SMO (Social Media Optimization). Gustavo Guanabara – Guanabara Info
• Comunicaçao Digital e o Manifesto da Teoria Híbrida. Jorge Rocha – IEC PUC
• Buzz Monitor em Redes Sociais. Lucas Ribeiro
• PODCAST: Uma mídia que merece ser explorada! Gustavo Guanabara – Guanabara Info
• Gestão de Projetos com Prazos Curto – Guilherme Reis – Sapiens Solutions

Novamente gostaria de parabelizar o pessoal da Arteccom pela organização do evento.

Para quem tiver interesse que quizer obter maiores informações sobre o evento acesse: http://www.edted.com.br

Abraço a todos!!!

Novo Layout do Google

Achei fantástico as funcionalidades do novo Google. Sempre inovando e melhorando a usabilidade, trazendo novos recursos para facilitar nossas vidas.

Destaco o menu lateral com filtro para as opções de filtro para busca, muito útil e fácil de usar. Muito bacana o teclado para digitar no campo de busca. Sem contar que são recursos que não pesaram a página, mantendo essa tradição do Google.

Segue abaixo algumas referências e analise sobre o Novo Google:

Google Search Gets a Major Overhaul

Um passeio rápido pelo “novo Google”

O Redesign do Google

O que mais gostei no novo Google: a “barra inteligente”

Abraço a todos…

Erros e Acertos em Sites – Bruno Ávila

Olá pessoal!

Hoje estou passando para indicar um artigo publicado pelo Bruno Ávila em seu blog Avante!.

No artigo “Erros e Acertos no Design de Sites Famosos“, o Bruno faz uma análise de design em alguns sites de celibridades, ou sites populares identificando algum erros e alguns acertos, dando sugestões para melhorias. Nesse artigo o Bruno tem como foco análise de Cores, Tipografia e Identidade.

Para ler o artigo acesse: http://www.brunoavila.com.br/avante/webdesign/erros-e-acertos-no-design-de-sites-famosos.html

Para quem tem interesse na área de Webdesign o Blog do Bruno é uma excelente fonte de estudos, vale a pena conferir os post e também os cursos oferecidos no site, que possibilita um aprendizado de forma simples e divertida. Link: www.brunoavila.com.br/avante

Abraço a todos… e como diria o Bruno: Para o alto e Avante!

Site Fisiovital – E SEO

Olá pessoal!!!

Depois de um inicio de ano agitado estou de volta. Como disse no último post, tenho dedicado minhas raras horas vagas no estudo sobre SEO.

Em dezembro participei do workshop:  Melhores práticas: Search Engine Marketing (SEM) e Search Engine Optimization (SEO), ministrado pela Mariana e pelo Daniel da Agência Nitrato de BH. O evento foi organizado pela Challengeit. Fui muito bacana, indico para quem esta iniciando.

Outra indicação é a matéria Dispare já no ranking do Google da edição desse mês (115) da Revista W.

Para colocar em prática um pouco do que tenho aprendido sobre SEO, resolvi aplicar algumas técnicas no meu último trabalho como freelancer.

Está no ar desde a última segunda-feira, o site da Fisiovital Clínica de Fisioterapia.

A Fisiovital é uma Clinica especializada em atendimentos fisioterápicos, e está localizada na cidade de Viçosa-MG. O site tem como objetivo, divulgar os serviços oferecidos pela clinica, bem como áreas de atuação, fotos, convênios e profissionais.

O site foi desenvolvido utilizando HTML, CSS e PHP. E principalmente utilizando boas práticas de SEO no desenvolvimento das paginas e elaboração do conteúdo.

Para meu próximo post, pretendo falar um pouco das técnicas que foram utilizadas.

Para conhecer esse novo trabalho acesse: www.fisiovitalfisioterapia.com.br

Sugestões e criticas são bem vindas!

Abraço a todos!

FontStruct – Ferramenta para Criação de Fontes

Hoje minha indicação é o FontStruct, uma ferramenta online para criação de fontes.

Achei muito bacana a ferramenta, que permite você criar seu estilo de fonte oferecendo alguns recurso básicos para criação de letras, números e outros caracteres. A medida em que você vai criando cada caracter, você pode ir visualizando o resultado, e quando finalizar é só baixar a fonte criada e instalar para utilizar.

Para você que não deseja ficar criando novas fontes, no site do FontStruct possui uma galeria com vários exemplos de fontes criadas através do site disponíveis para download.

Achei o FontStruct bem simples de usar, permitindo a qualquer nível de usuário a criar suas novas fontes.
Veja na imagem a seguir um pequeno teste que fiz.

É só soltar a criatividade que dá para fazer trabalhos bacanas com essas novas fontes.

Endereço do FontStruct: http://fontstruct.fontshop.com

É isso pessoal…
Abraço a todos…

O que é um Arquiteto da Informação

Para você que quer conhecer um pouco mais sobre a o que é um Arquiteto da Informação, não deixem de conferir a reportagem exibida pela Olhar Digital na edição de 02/08/09 onde destaca o papel do profissional da área de Arquitetura da Informação.

Veja abaixo a descrição da materia, e um link para assistir a reportagem.

Profissões: saiba o que é um Arquiteto da Informação Confira os passos que esse profissional percorre para criar um site bem estruturado Os sites que você acessa têm divisões, menus, áreas com mais ou menos destaques. E você sabe quem é responsável por pensar a melhor maneira de organizar tudo isso? É o Arquiteto da Informação. Confira na matéria quais as etapas que esse profissional percorre para criar um site. http://olhardigital.uol.com.br/central_de_videos/video_wide.php?id_conteudo=8873

Para quem ainda não conhece o Olhar Digital, é um programa semana que vai ao ara todos os domingos as 15:30 na Rede TV. São trinta minutos de programa com reportagens voltadas para área de TI. Fácil de guardar, é trinta minutos antes do futebol na Globo e acaba justamente quando esta iniciando o futebol… srsrrs

No site do Olhar Digital tem disponível todas as materias já exibidas na TV.

Abraço a todos…

Webdesign: Teoria e Prática

Olá pessoal!!!

Venho hoje dar minha opinião em relação ao livro Webdesign: Teoria e Prática, publicado em 2003 pela Visual Books sendo de autoria de Anielle Damasceno. Como acabei de concluir a leitura do livro, achei interesante falar um pouco sobre ele.

É um livro bem bacana e muito recomendado para os profissionais que estão iniciando na área, assim como para aqueles que já atuam na área, mais não detem conhecimentos técnicos que podem tornar seu trabalho ainda melhor.

O livro, apesar de está um pouco velhinho (2003), vem com um excelente conteúdo teórico sendo todos exemplificados na prática, permitindo ao leitor um melhor entendimento da teória sobre temas relacionados ao desenvolvimento de aplicações para web, além de exercícios teóricos e prático utilizando Photo Shop.

Alguns dos temas abordados no livro: Usabilidade, Harmonia, Cores, Criação de Layouts, Menu, Rodapé, Topo, Logo, Conteudo de sites, Portais Corporativos, Blogs, Sites Profissional, Institucionais e Pessoais, Organização de conteudo, Criação de Portifolio, Imagens e Icones.

O livro só deixa a deseja pela qualidade das imagens, pois está tudo em preto e branco, apesar da editora liberar as imagens coloridas e os exemplos para download, creio que sua leitura sereia mais agradável com as imagens coloridas.

Concerteza valeu o investimento, por isso recomendo sua leitura a todos que estão iniciando e também aos que já estão na área, pois sempre há algo novo para aprender. Também recomendado para demais profissionais, pois concerteza ajudará no desenvolvimento de projeto auxiliando a equipe de design.

Abraço a todos… e até a próxima…

Design para a Internet – Projetando a experiência perfeita

Voltando ao assunto Acessibilidade e Usabilidade, terminei ontem de ler o livro Design para a Internet – Projetando a experiência perfeita de Felipe Memória. Demorei um pouco, mas foi de começar a ler. Conforme citei no post Não me faça pensar a empolgação com o tema foi tanta que antes mesmo de acabar de ler um livro já tinha comprado o outro. Só que tive alguns probleminhas…

Primeiro foi que o livro chegou com defeito, com algumas páginas em branco (veja na Imagem 1), mas o pessoal do Extra logo resolveu e me enviou outro em perfeito estado. Depois foi a falta de tempo mesmo, até me mudar para BH onde comecei a aproveitar as horas de buzão indo e voltando do trabalho para ler o livro.

Imagem 1 – Livro com defeito

Design para a Internet – Projetando a experiência perfeita é mais um livro da lista do Bruno Ávila e do Carreira Solo voltada para profissionais que atuam com desenvolvimento de sistemas. O livro é uma excelente leitura tanto para quem está começando quanto para quem já é fera no assunto.

O seu conteúdo é muito bacana e sua leitura é empolgante, tanto que tinha que ficar ligado, pois se empolgasse demais acabaria literalmente passando do ponto.

Ele aborda temas como: Usabilidade na web, Processos de Projeto, Formas de navegação, Testes de usabilidade, Breadcrumbs, e principalmente na forma como devemos pensar ao desenvolver ou projetar um site ou um sistema, sempre focando o elemento principal de toda essa história: O Usuário.

No livro, além da “teoria” o Felipe Memória procura demonstrar na prática todos os conceitos abordados, através de estudo de casos de sucesso de site como: Orkut, Ideo, BBC, AOL, Flickr e Hattrick, e de algumas experiências vivenciadas por ele como: Big Brother Brasil, Globo Media Center (GMC), e os sites do jornalismo da Globo.com. Esses Cases apresentados facilitam muito no entendimento do que ele quer passar.

Concluíndo: como o Felipe cita em seu livro, não adianta nada você fazer um site cheio de animações em flash, cheio de bordados e firulas, e o usuário não conseguir navegar pelo site. Depois dessa leitura tive ainda mais a certeza de que um site tem que ser simples e objetivo, com o conteúdo ali, fácil de encontrar, afinal é para isso que os usuários vêm até o seu site, em busca de conteúdo.

Imagem 2 – Design para a Internet – Projetando a experiência perfeita por Felipe Memória

Mais informações sobre o livro

Site do Livro: http://www.experienciaperfeita.org/portal/livro_index.asp

Blog do Livro: http://www.experienciaperfeita.org

Resenhas:

http://www.usabilidoido.com.br/design_para_a_internet_projetando_a_experiencia_perfeita.html

http://carreirasolo.org/livros/bibliografia-basica-para-arquitetura-de-informacao

Abração pessoal…

Até a próxima…

Não Me Faça Pensar

Acessibilidade e Usabilidade. Está ai dois termos que vem tomando cada vez mais espaço, principalmente para nós que lidamos com a internet.

Há algum tempo venho dedicando parte de meu tempo lendo artigos sobre o assunto, e sugiro a todos que tomei conhecimento sobre o assunto.

Dentre os vários sites que acesso obtendo informações sugiro: Bruno Ávila, Usabilidoido, Carreira Solo, Blog LP-7 e Felipe Memória.

Após ler vários artigos resolvi então investir no meu primeiro livro sobre o assunto, daí então dei uma conferida nas indicações do Bruno Ávila, do Carreira Solo e de vários outros blogs que tenho acesso, e resolvi então em nada mais nada menos que “NÃO ME FAÇA PENSAR” de Steve Krug.

Esse livro dispensa qualquer tipo de comentários, o seu próprio nome já diz tudo. E o que dizer de um livro de já vendeu mais de 100 mil exemplares?

É uma excelente leitura não só para que está começando, mas também para que já está a algum tempo na área de desenvolvimento de aplicações para web, pois aborda vários temas que mostra como ter bom senso na hora de desenvolver um web site. É um livro pequeno mais com um conteúdo riquíssimo e que possibilita uma leitura rápida, já que seu conteúdo é muito objetivo. Após sua leitura você começa a ver os sites com outros olhos, você consegue ter uma crítica construtiva tanto nos seus trabalhos, quanto nos web sites no qual você tem costume de navegar diariamente e que acha que eles eram perfeitos.

A leitura desse livro me vez interessar ainda mais pelo assunto, tanto que já adquiri uma nova indicação das listas citadas acima, “Design para a Internet: Projetando a Experiência Perfeita” do Felipe Memória. Uma pena que ele chegou com alguns probleminhas de fabricação, onde tinha várias páginas em branco, mas a empresa já está cuidando da troca do produto para mim, e assim que terminar de lê-lo, volto aqui para contar como foi.

Eu adiquiri o Não Me Faça Pensar na BestBooks e ele também está no Submarino. E o Design para a Internet: Projetando a Experiência Perfeita, no Extra.com.br.

E você? Já leu este livro ? tem alguma indicação sobre o assunto?

Se tiver colabora aê!!!

Abraço a todos…

Screenshots de Páginas Web

Olá Pessoal…

Para quem necessita de screenshots de páginas web, chega de Print Screen e Photo Shop para criar imagens do site. Para esse tipo de serviço existem algumas ferramentas bacanas e com excelentes resultados. Um exemplo é o Thumbalizr, que permite capturar uma página web e transformá-la em uma imagem do tamanho desejado.

Esse tipo de serviço é muito útil para web designers que desejam criar seus portfólios, podendo assim criar imagens dos trabalhos realizados e disponibilizá-los para seus clientes. Essas imagens geradas também são muito utilizadas para montagem de apresentações onde é necessário exemplificar alguma página ou conteúdo da internet.

O uso da ferramenta é bem simples, basta acessar o site http://www.thumbalizr.com, informar a Url desejada e escolher entre as opções screen e page, ai é só clicar no botão thumb it e aguardar a imagem ser gerada. Após a geração da imagem a ferramenta ainda permite salvar a imagem na resolução desejada.

A opção screen gera uma imagem da página na forma que ela é vista pela o browser, ou seja, a primeira tela da página. Já a opção page, gera uma imagem com todo o conteúdo dessa página, independente do seu tamanho. Veja um exemplo prático dessa diferença utilizando a url www.globo.com do site da Globo:

Exemplo Screen

Exemplo Page

O Thumbalizr está disponível em versão alpha, por isso pode apresentar algum erro na geração de imagem de alguns sites.

Outra ferramenta que oferece esse mesmo tipo de serviço é o Websnapr 2.0 que está disponível no endereço: http://www.websnapr.com.

Inté…