Autor Arquivo > Luanildo Silva

Unity – A tipografia oficial da Copa do Mundo 2010 é de um brasileiro

Autor: Luanildo Silva
Data: 14 agosto 2010
Em: Nao Classificado

View Comments

A fonte estampada na famosa Jabulani e no uniforme das seleções patrocinadas pela adidas na Copa da África 2010 tem o toque de um brasileiro. O Designer tipográfico Yomar Augusto foi quem definiu a forma final da Unity no período em que trabalhava na agência 180 Amsterdam.

Antes de continuar você pode querer ler:  Uma análise da caixa de busca do portal ESPN Brasil e Transforme seu Perfil em um Infográfico.

Segundo Yomar Augustos, o nome Unity foi inspirado no ideal de estabelecer a unidade nos países africanos após o apartheid. Em uma entrevista para revista Info Exame da editora Abril, Yomar declara que foi Fantástico saber que sua criação foi vista por quase 30 bilhões de pessoas no mundo interio.

Veja mais detalhes sobre Yomar Augustos no blog Tipos do Brasil.

Continue lendo...

Transforme seu Perfil em um Infográfico

Autor: Luanildo Silva
Data: 10 agosto 2010
Em: DICA1, Links, infografico

View Comments

Existem diversas maneiras de colher dados para conhecer o perfil do internauta.

Antes de continuar você pode querer ler Mito – Usuários não utilizam a barra de rolagem e 5 Melhores Galerias de sites para Inspiração.

O site Íonz encontrou uma forma bem criativa de abastecer seu banco de dados com o perfil dos navegantes. Fizeram um sistema onde você responde à algumas perguntas, baseado nas respostas o sistema gera um infográfico traçando seu perfil, destacando suas preferências e mostrando a dos demais internautas.

Depois do infográfico gerado você tem a opção de personalizar e salvar como Papel de Parede do seu computador. Experimente, bem legal.

Continue lendo...

Mito – Usuários não utilizam a barra de rolagem

Autor: Luanildo Silva
Data: 07 agosto 2010
Em: DICA1, Design, Links, Usabilidade

View Comments

Há uma longa e antiga discussão entre os Web Designers se o usuário utiliza ou não a barra de rolagem ao navegar no site, impulssionado por esta duvida, muitos projetistas preferem apertar “acima da dobra”* todo conteúdo considerado de maior importância.

Antes de continuar você pode querer ler Uma análise da caixa de busca do portal ESPN Brasil e Cuidado para não estar traumatizando seus usuários.

*Acima da dobra é um termo referente ao conteúdo localizado na metade superior da primeira página de um jornal.  É comumente utilizado na web para descrever a área que você vê em um site antes de ter que rolar a página.


Neste excelente artigo The myth of the page fold: evidence from user testing mostra que foram feitas mais de 800 seções de testes no período de 6 anos constatando que as pessoas não tem problema em utilizar a rolagem do site.

Assim como no jornal onde o objetivo é que ele seja todo lido e não apenas o conteúdo acima da dobra, o site deve ser planejado para que o usuário seja atraído a navegar por toda a página.

Sendo assim uma das coisas que pode definir se o usuário vai rolar ou não a página é o posicionamento do conteúdo. No texto citado acima o autor mostra que menos conteúdo acima da dobra incentiva o usuário rolar a página em busca de mais  conteúdo.

Outra prática também citada no texto é posicionar o conteúdo abaixo da dobra de forma que parte dele apareça na área visível da página.

Um ótimo exemplo é o site da 37 Signals, o conteúdo está bem distribuído em uma longa página e a cada etapa da rolagem o usuário têm próximo de se a possibilidade de acessar as páginas dos produtos caso seja convencido.

Outro detalhe muito interessante é que no rodapé foram posicionadas as mesmas opções que estão no topo do site, poupando o usuário em ter que rolar até o início da página para acessar os produtos.

Alguns posts sobre o assunto que vale a pena conferir:
Myth #3: People don’t scroll
Scrolling and Attention
Life Below 600px
Screen Resolution and Page Layout

Continue lendo...

5 Melhores Galerias de sites para Inspiração

Autor: Luanildo Silva
Data: 07 agosto 2010
Em: Nao Classificado

View Comments

Lista com 5 galerias para Web Designers que estejam em busca de inspiração ou queiram acompanhar as tendências na criação de sites.

Antes de continuar você pode querer ler Uma análise da caixa de busca do portal ESPN Brasil e Grande Botão de Chamada a ação.

1.The Drawar

2.Site Inspire

3.Design Shack – CSS Gallery

4.Siiimple

5. Grid Based Design

Continue lendo...

Promoted Tweets – Plataforma de Publicidade do Twitter

Autor: Luanildo Silva
Data: 16 julho 2010
Em: Twitter

View Comments

Dependendo do termo pesquisado o twitter vai te indicar perfis relacionados e posicionar resultados relevantes no topo da pesquisa.

Continue lendo...

Uma análise da caixa de busca do portal ESPN Brasil

Autor: Luanildo Silva
Data: 06 julho 2010
Em: DICA1, Design, Imagens, Links, Usabilidade

View Comments

Como disse em um post anterior, a algum tempo venho estudando assuntos relacionados a Usabilidade.
Baseado em um frase que sempre digo (“A melhor forma de otimizar o conhecimento é praticando.”) resolvi por em prática estes estudos.

Passeia a analisar alguns sites em busca de possíveis erros ou acertos.
Como apontar o erro dos outros é fácil, a vitima da vez é o portal da ESPN Brasil.

Conversando pelo Gtalk com meu caro colega @jroqueweb grande conhecedor de PHP, Java Script e afins, um ótimo profissional (aproveitando para fazer um merchan dele, “risos”), ele mim indicou um blog que até então não havia conhecido: Porra Usabilidade. Um dos primeiros post deste blog comenta sobre a caixa de busca do ESPN.

Tenha em mente ao decorrer deste texto a primeira lei de Steve Krug: “Não me Faça Pensar”.

Descontente com a informação do blog e com minha dificuldade, mostrei o site para algumas pessoas, entre homens e mulheres (9 exatamente) dei um termo e pedi que elas pesquisassem no portal em questão.

O resultado foi exatamente o que esperava:

3 dos voluntários desistiram depois de passar alguns instantes subindo e descendo a página em busca de onde começar a pesquisar.
1 indicou a região onde procuraria o campo de pesquisa, mas não identificou a existência dele.
1 encontrou, seguindo a lógica de que aquele campo era o único que ela poderia digitar algo.
4 encontraram, mas demoraram muito, muito além do normal.

Agora tenho a certeza de que há algo errado.

Vou apontar quatro coisas que claramente contribuem para o fracasso desta caixa de pesquisa.

1 - O campo para digitar o termo está sem bordas.
2 - A barra “/” antes da palavra é incomum em campos de pesquisa.
3 - O campo de pesquisa está posicionado em um local que comumente é utilizado para colocar banners.
4 - Não há nenhuma sinalização clara que ali é um campo de pesquisa, como um icone de uma “lupa” ou as palavras “pesquisar”, “buscar”.

Depois de apontar os erros vamos às possíveis soluções.

Primeiro adicionei uma borda. Utilizei dois tons de cores para testar:

Troquei a palavra “agora” por  ”buscar” e “pesquisar”:

Agora no contexto para visualizar melhor as alterações:

Como diz no post Search: Visible and Simple o campo de pesquisa deve ser visível e simples.

Comentem mim chamando de maluco e cego, ou dizendo que não estou equivocado.

Continue lendo...