leticia.mayumiLetícia Ozono

Todos os artigos por leticia.mayumi

 

O que são microinterações?

Imagine que você está tentando fazer o download de um arquivo e se depara com esta situação: Note que, aparentemente, nada aconteceu. Mas, ao verificar a relação de arquivos no sistema, encontramos o arquivo baixado. Você acredita que ao interagir com este App o usuário conseguiria, intuitivamente, entender o que aconteceu? Provavelmente não. Isto porque,
Continuar lendo…  

Automatizando ações e tarefas repetitivas no Photoshop

Para fazer o livro das turmas formandas de uma faculdade, o designer recebeu as seguintes orientações: “Todos as fotos dos alunos deverão ter um filtro azul, juntamente com seu nome. São um total de 100 alunos.” Então, para fazer as edições, só precisamos ir aplicando o filtro em todas as fotos, repetidas vezes, incluir o
Continuar lendo…  

UX não é só uma questão de usabilidade

Foi criado um App de previsão do tempo e o resultado ficou mais ou menos assim: Note que, em poucos passos, conseguimos chegar ao principal objetivo do App de forma relativamente simples. Ou seja, a usabilidade está bem resolvida e, portanto, garantimos que o usuário terá uma boa experiência, certo? Não exatamente. Comumente cometemos o
Continuar lendo…  

Entendendo o Material Design

Ao fazer uns testes de layout, a equipe de design avaliou esta primeira versão: Percebe-se que há elementos demais neste layout. Muitas imagens, ilustrações e detalhes decorativos . Além disso, ao rodar o layout em uma página, o tempo de carregamento fica enorme, devido à quantidade de imagens que pesam para carregar. Certo, então vamos
Continuar lendo…  

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…