leticia.mayumiLetícia Ozono

Todos os artigos por leticia.mayumi

 

Detalhes que fazem toda a diferença em usabilidade

Você já passou pela situação de entrar em um site de ecommerce e ter que escolher um produto sem foto? Algo mais ou menos assim: Mas afinal, do que se trata este produto? Como ele é? Ou ainda, por que eu iria comprá-lo se não faço a menor ideia do que ou como é? Perceba
Continuar lendo…  

Otimizando imagens para melhorar a performance

Quando o site da startup Armazém de Ideias foi ao ar, perceberam que a página, ao ser requisitada, apresentava o seguinte comportamento: Note que, ao carregar a página, algumas imagens demoraram alguns milésimos de segundos para serem apresentadas na tela. E então você pode estar se perguntando: “Ok, mas qual o problema disso?” Analisando o
Continuar lendo…  

Diagrame como um profissional: veja 7 hacks para o Indesign

Certamente você já sabe que trabalhar com diagramação usando o Adobe InDesign é uma das melhores alternativas para a criação de livros, revistas, folhetos, e-books, aplicativos e outros tipos de documentos com altíssima qualidade. Mas, você sabia que o seu trabalho pode ser facilitado? Para isso é que existem os chamados InDesign hacks! No post
Continuar lendo…  

Site único e responsivo ou sites dedicados?

Ao desenvolver um site para uma empresa, a equipe chega ao seguinte questionamento: Devemos desenvolver um site único, responsivo para diferentes tamanhos de tela, ou um site dedicado especialmente para desktop e outro para mobile? Para entender as diferenças em cada possibilidade, desenvolveram os seguintes layouts: Bom, observando os modelos não identificamos problemas, de fato.
Continuar lendo…  

5 Dicas de usabilidade para textos na web

Um cliente pede a produção de um layout para blog e, na entrega final, as áreas de textos ficaram assim: Repare que quando olhamos para este resultado temos um desconforto na leitura dos textos. Por que será que isso acontece? A fonte muito clara em fundo branco, os buracos ao longo do texto, e mesmo
Continuar lendo…  

Como melhorar a usabilidade com ícones?

Um aplicativo de vendas foi lançado e o layout desenvolvido pelos designers ficou assim: Ao olharmos para este layout percebemos que existem diversas opções e botões a serem acionados, mas ao clicar no ícone da pessoa sorrindo, por exemplo, para onde seremos direcionados? Poderia ser uma aba de “itens mais populares” ou, quem sabe, “itens
Continuar lendo…  

Definindo a dimensão ideal para o layout do meu site

Ao desenvolver o layout de um site o designer entregou apenas a versão para desktop e, no momento de realizar os testes em diferentes dispositivos chegou-se a esta situação medonha/preocupante/esquisita: Se analisarmos, percebemos que as imagens estão muito reduzidas, comprometendo a visualização de detalhes, bem como o logo espremido e quase ilegível. Além disso, não
Continuar lendo…  

Por que usar Web Safe Fonts é uma boa ideia?

Desenvolvendo um site para um cliente fictício me deparei com a seguinte situação: Ao acessar meu site em um navegador diferente do que estava habituada, os textos ficaram todos diferentes. Por que será que isso aconteceu? A utilização de fontes na web é até hoje um problema quando pensamos em compatibilidade. De uma forma geral,
Continuar lendo…  

Como inserir textos sobre imagens e obter um melhor design?

A empresa AirTravellers, uma agência de viagens, solicitou um banner e chegaram ao seguinte resultado: Olhando para esse banner percebemos que a leitura do texto ficou prejudicada nas áreas em que a segunda frase se sobrepõe aos prédios, devido ao baixo contraste texto-imagem, ou seja, a legibilidade foi comprometida. Generalizando, sempre que precisamos escrever em
Continuar lendo…