Categoria ‘ Elementos e técnicas ’

Recentemente, eu explique a importância do carregamento rápido do site, pois você só tem 7 segundos para prender a atenção do seu usuário. Esse novo artigo, eu pretendo começar de uma forma bem parecida:

Você pode ter apenas uma chance de prender a atenção do seu visitante

Quando você faz uma busca no google por webdesigner, por exemplo, ele retorna mais de 14.000.000 resultados. Se ao clicar no primeiro link você for redirecionado para uma página não encontrada, o que parece mais provável?

1 – Você tentará incansávelmente encontrar a página perdida

2 – Você partirá para o segundo site nos resultados da pesquisa

Agora digamos que no dia seguinte, você vai ao google para fazer a mesma busca novamente, ele retorna praticamente os mesmos resultados. quais as chances de você clicar novamente no site que retornou uma página não encontrada no dia anterior?

Dessa forma acredito que fica claro:  uma vez que um visitante escolhe visitar o seu site em uma lista de milhões, você terá apenas uma chance de oferecer a informação que ele procura.

Continue Lendo »

Hey! Adivinha só quem voltou!
Pois é, depois de quase um ano eu estou aqui escrevendo novamente.
Nesse momento estou trabalhando no desenvolvimento de interface para duas aplicações totalmente diferentes, e cheguei a um ponto que pode ser crucial para o sucesso da aplicação: o Dashboard. Como percebi a carência desse assunto em português resolvi escrever sobre o que aprendi ao longo do processo de criação, espero que sirva de fonte de informação pra vocês quando estiverem no meu lugar.

Dashboard, ao pé da letra “Painel de bordo”, é um termo usado em diversas áreas e nada mais do que um painel de indicadores.
Em se tratando de aplicações web, o dashboard é uma forma rápida de visualizar as principais atividades sendo executadas dentro de uma aplicação, e funciona como uma porta de entrada para a maioria das ações que o usuário pode executar. O Dashboard, na maioria das vezes, é dividido em pequenos blocos que exibem as informações referentes as diversas áreas e funcionalidades da aplicação e são chamados Widgets.
Parece complicado, mas é super simples, a maioria dos webdesigners desenvolve pequenos dashboards regularmente sem perceber
Cada aplicação tem a sua própria linguagem de comunicação com o usuário, que é basicamente estabelecida através da regra de negócio determinada pelo tipo de serviço à que o sistema de aplica. Por exemplo: uma aplicação para a área de turismo terá uma necessidade especifica no seu dashboard, que é diferente da necessidade de um sistema de reservas para um restaurante.  Será que podemos chamar isso de algum tipo de Folksonomia?
Mas de modo geral, o dashboard é uma forma simples e rápida de reunir todas as informações importantes em uma única página (ou aba).
Essa pequena definição provavelmente foi suficiente para ajudá-lo a entender como o dashboard é importante, no entanto, normalmente o mínimo de esforço e estudo é aplicado no desenvolvimento dessa área. A intenção desse artigo é passar alguns conceitos básicos que encontrei nas minhas pesquisas e aquilo que considero boas práticas de desenvolvimento.

Continue Lendo »

Todos nós sabemos a importância de causar uma boa primeira impressão e que não existe uma segunda chance para isso.
A primeira impressão é um dos principais fatores de permanecia de um visitante no site, ela só perde para o fator “recomendação”, quando um amigo de confiança indica um site, o visitante tende a passar alguns segundos em alguma atividade especifica ainda que a primeira impressão não seja boa.

Levando em conta a primeira impressão do visitante como fator determinante para o tempo de permanecia, imediatamente entendemos a importância da Home Page para garantir um resultado positivo.

O que a sua “Página Inicial” diz sobre o site? Ela é suficientemente esclarecedora? Ela transmite a atmosfera que o visitante espera estar no momento que busca o seu produto ou serviço? Ela consegue despertar o interesse para que o visitante queira se aprofundar na visita? Carrega rápido o bastante? O tempo que o navegador necessita para renderizar as informações relevantes para o visitante é ideal?

Continue Lendo »

Antes de mais nada, eu confesso que estou entrando num território muito perigoso, que eu não domino completamente e que não faz parte do meu campo de atuação. Não pensem que eu estou desmerecendo o trabalho de vocês especialistas em identidade visual, simplificando a criação do logotipo aos conceitos abaixo, muito pelo contrario, quero explicar o quanto esse processo é complexo e como a prática é importante. Minha intenção é apenas mostrar algumas coisas que eu aprendi ao longo do meu tempo de trabalho para aqueles que tiveram pouco ou nenhum contato com essa área.
Espero muito receber correções e outros pontos de vista de vcs profissionais da área.
Vamos lá! Continue Lendo »

Uma boa tipografia na web é algo que realmente me impressiona, porque é tão fácil escolher a fonte errada. Eu propriamente acho que nunca fui muito bem sucedida na realização de um projeto baseado em fontes.

Com milhões de combinações possíveis, nós designers acabamos desistindo antes mesmo de começar. No entanto, temos que agradecer a perseverança de alguns de nossos colegas, que por não desistirem acabaram criando as maravilhas que serão listadas no final desse artigo.

Apesar do meu gosto pela analise mais profunda da tipografia, esse artigo tratará apenas da tipografia como elemento fundamental do design: títulos, manchetes e áreas de destaque, etc. Pretendo publicar brevemente algum material sobre “legibilidade na web”.

Continue Lendo »

Desenvolver formulários para web pode ser divertido ou frustrante e exige uma grande dose de persistência e determinação.

O modo como você estiliza e formata seus formulários é crucial para torna-lo aparentemente útil pois na maioria das vezes é preciso convencer o visitante a preencher as informações. Para formulários pequenos, basta adapta-los ao site, mas quando se trata de formulários mais complexos onde uma grande quantidade de informações é exigida ter um estilo bem elaborado e fácil de usar se torna o principal motivo de sucesso ou fracasso.

Antes de tudo é preciso entender a importância e o significado de um formulário: eles são hoje a forma mais usada de interação entre usuário e o site, é o modo pelo qual o visitante transmite para o site (ou para os responsáveis) tudo aquilo que ele desejar ver ou fazer. Mesmo quando não aparenta exatamente o tipo de formulário convencional, em algum lugar deve haver uma tag “input” escondida. A palavra “input” tem exatamente esse significado: passar, enviar informações.

Continue Lendo »

(atualizado com novos exemplos)
Projetar seu portfolio é provavelmente a coisa mais frustrante do mundo.

Todos os colegas com quem conversei falam da dificuldade de concluir e das dezenas de vezes que abandonam e recomeçam.

Esse meu site mesmo, que além de blog, serve como portfolio passou por umas 4 tentativas até terminar desse jeito, ele inclusive chegou a ser rosa e com florzinhas coloridas, mas todos as versões estavam mal acabadas do tipo “vamos deixar assim por enquanto”. E confesso que ainda não estou completamente satisfeita com a versão atual, tenho idéias novas pra ele todos os dias…

Continue Lendo »

O motivo de voltar a escrever sobre assunto é porque não me senti satisfeita com a primeira parte, acho que faltou um pouco de teoria, então se este artigo estiver muito técnico para o seu gosto, sugiro que leia o primeiro artigo que trata mais da aplicação de fontes num projeto.

É muito interessante entender como as fontes são compostas e o que diferencia cada tipo, assim é possível compreender melhor porque uma certa fonte causa um resultado mais satisfatório do que outra, e conhecendo melhor os termos técnicos é mais fácil realizar pesquisas e se aprofundar no assunto.

Continue Lendo »

Eu tenho uma pequena relação de links guardados no netvibes separados por temas, quando um desses temas atinge uma certa quantidade de links eu publico um artigo novo. Dessa vez eu não pude esperar para escrever, não depois de ter relido um artigo no FatorW, “Como usar imagens free e não ser igual à concorrência”.

Nós que trabalhamos com criação já estamos cansados de ouvir a velha frase “uma imagem vale mais que mil palavras” e realmente não se pode negar essa afirmação. Cada vez mais a turma responsável pela criação vem apelando para bancos de imagem free para reduzir custos e oferecer um orçamento mais competitivo, mas, com isso, temos o risco de mais tarde encontrar aquela mesma imagem sendo usada pela concorrência ou até mesmo num contexto oposto aquilo que você desejava demonstrar, pois uma mesma imagem pode estar aberta a muitas interpretações, o que pode ser muito perigoso para a marca.

Continue Lendo »

Elementos ornamentais, também chamados de arabescos, vêm sendo usados desde a idade média por tipógrafos e ferreiros, decorando desde de bancos públicos a convites de casamento, e agora, como não poderia deixar de ser, websites.

São elementos belos e realmente podem enriquecer um trabalho quando usado sem exageros. Em alguns casos o projeto pode ser completamente baseado nessas estruturas de contornos florais, linhas onduladas e formas geométricas. Em outros o uso é mais sutil, apenas como elemento decorativo adicionando um toque de sofisticação à página.

Continue Lendo »

Elegância e sofisticação não é técnica, nem conceito, nem elemento da criação, é um estilo de desenvolvimento que independe de qualquer conceito pré-estabelecido.

Quando tratamos de moda, normalmente vendemos a beleza em primeiro lugar e em seguida o conceito da marca.

Em primeiro lugar temos que deixar claro que quem usar aquela marca vai estar sempre bonito e atraente e em seguida enfatizar o conceito que a marca (normalmente o estilista) deseja oferecer com suas peças, se é descontração, essa será a linha que vamos seguir.

Continue Lendo »

Sites de uma página estão no topo da lista de conceitos de comunicação eficientes. O nome já diz tudo: são sites que não tem paginação, todo o conteúdo é exibido em uma página só, ou praticamente isso. Em alguns casos, usa-se flash ou iframe, mas é em uma página que tudo acontece.

Ultimamente tenho falado bastante sobre a criação de um portfolio, e esse artigo está diretamente relacionado já que a maioria dos sites que seguem esse estilo são portfolios pessoais, no entanto eu acredito que essa seria uma solução muito boa para alguns sites institucionais em que, muitas vezes, optamos por uma estrutura mais complexa.

Continue Lendo »