Erika Sarti | portfolio web designer » Usabilidade

A usabilidade do banheiro do shopping

Erika Sarti — Mon, 09 Jul 2007 15:04:34 +0000

Ontem alguns amigos de São Paulo vieram passar o dia aqui em Jundiaí. Fomos ao Maxi Shopping, um dos poucos lugares pra se dar uma volta na cidade.

Como numa transmissão de pensamento, todo mundo saiu do banheiro pensando a mesma coisa: como os banheiros daquele shopping são mal projetados!

Falando como mulher, o banheiro do térreo não tem um lugar pra pendurar a bolsa. Isso pra gente é muito importante, de verdade. E não adianta ter um gancho atrás da gente, onde alguma coisa pode cair dentro da privada. O gancho precisa ser atrás da porta, deixando a bolsa à mão. Também reparei que você precisa dar uma volta enorme pra lavar as mãos: os papéis pra secar a mão ficam no final do banheiro, e os buracos da lixeira, no começo.

Se eu fosse funcionária, ficaria constrangida com um monte de gente passando perto de mim enquanto eu escovo os dentes. Por que os funcionários não têm um banheiro exclusivo, até pela privacidade de quem passa o dia inteiro lá?

E o mais importante foi reparado pelos homens: você lava a mão, seca, e quando sai do banheiro precisa meter a mão na maçaneta, onde todo mundo que não lavou a mão também encostou. Meio porco, não?

Nisso os banheiros do Terminal Tietê em São Paulo são bons. Todas as cabines têm um gancho pra pendurar a bolsa na porta, não atrás da gente. E não tem porta, só um “labirinto” que você percorre pra entrar e sair, onde você não precisa encostar em nada.

Quem disse que a usabilidade é só para a web?

No related posts.

As cores no web design

Erika Sarti — Mon, 14 May 2007 14:12:48 +0000

Cuidar das cores de um site não é somente uma questão de estética ou usabilidade. As cores exercem influência psicológica sobre nós, por isso devemos prestar muita atenção a esse elemento do design.

Aplicadas corretamente, as cores têm o poder de “guiar” o usuário através do site, segundo o grau de importância que o designer determina para cada elemento. Misturar muitas cores fará o usuário se sentir perdido, sem saber para onde deve prestar atenção primeiro.

Também quando determinamos uma identidade visual, as cores nos ajudam a agrupas elementos que têm alguma relação entre si.

Claro que cada pessoa tem sua interpretação pessoal sobre essa ou aquela cor, proveniente de experiências e lembranças anteriores. Além disso, valores culturais também influenciam o efeito que cada cor tem sobre nós, sem contar as tendências de moda (atualmente, por exemplo, o cinza é o “novo preto”). Mas de maneira geral, a maioria delas carrega os mesmos significados. Por exemplo, você já deve ter ouvido dizer que as cores amarela e vermelha do logotipo do McDonalds sugerem, respectivamente, ansiedade e fome, fazendo com que a pessoa coma mais e mais rápido.

Abaixo estão alguns dos significados para as cores mais comuns:

Branco sugere pureza, simplifidade, luz, paz, higiene.
Quanto combinado com o azul, dá a sensação de frescor e limpeza.
Remete a casamentos e hospitais.

Preto remete ao pessimismo, morte, tristeza, dor, mistério, seriedade.
Porém, quando brilhante dá a sensação de nobreza, elegância.
Já quando combinado com outras cores, pode ficar alegre.

Cinza tédio, tristeza, velhice, passado, chuva, pó.
Sugere a indecisão e a ausência de energia.

Vermelho sugere sol, fogo, guerra, atenção, perigo, conquista, coragem, agitação, emoção, paixão, agressividade.
É uma cor quente, que impõe-se sem discrição. Quando tende ao laranja, sugere competição, dominação, excitabilidade. É indicada para anúncios que indicam calor e energia.

Laranja remete à expansão, irradiação, outono, aurora, senso de humor, prazer, euforia.
É uma cor acolhedora, íntima. Na publicidade, tem os mesmos resultados do vermelho, porém de forma moderada.

Amarelo é a cor da luminosidade. É radiante, feliz, vibrante, viva, que sugere flores, verão, calor do sol, conforto, esperança. Também pode remeter a angústia, egoísmo, ciúmes, inveja.

Verde remete à natureza, verduras, liberdade, à esperança. Também sugere frescor, umidade, adolescência e pode desencadear paixões. Por ser uma cor repousante, é muito utilizada em hospitais atualmente, para gerar bem-estar e repouso.

Azul provoca uma sensação de calma, frescor e higiene. Também remete ao frio, ao céu, mar, tranquilidade, paz, infinito, confiança, afeto, amizade, verdade. É a cor da maturidade, da intelectualidade e da confiança, por isso é preferida por muitos adultos. Com o preto, causa sensação de antipatia, por isso deve ser evitado na publicidade.

Roxo sugere a espititualidade, por isso nos remete à igreja, misticismo, delicadeza. Também sugere calma, justiça, noite, mistério, fantasia, egoísmo.
Assim como o preto, também remete à nobreza e ao poder. Quando tente ao violeta, tem efeito calmante, sonífero. Quando tende ao púrpura, cria a sensação de dignidade, estima. Por ser uma cor que entristece, não é indicada na publicidade.

Rosa é de pouca vitalidade, e sugere feminilidade e afeição na nossa cultura. É uma cor íntima, doce, romântica.

Marrom dá a sensação de cordialidade, segurança, solidez, outono, terra, chocolate, densidade, madeira, lama, doença, pesar, desconforto. Não é uma cor recomendável em publicidade.

É importante lembrar que a fidelidade de cores não é garantida na web. Isso porque a maneira como o site, e consequentemente a cor, será mostrado na tela do usuário depende de vários fatores, como contraste, resolução, tipo de monitor, etc. As cores que têm mais chance de se ter o mesmo resultado em todos os dispositivos são as cores web safe.

Referência: www.tci.art.br/cor

15 erros que você deve evitar em um site

Erika Sarti — Tue, 17 Apr 2007 17:30:04 +0000

Você já acessou um site e teve a sensação de que alguma coisa muito errada tinha sido feita ali? Ruim essa sensação, não é mesmo? Se você quer evitar que os visitantes do seu site tenham essa mesma impressão, fique de olho em alguns detalhes que podem derrubar seu projeto.

Continue lendo “15 erros que você deve evitar em um site” no InfoWester…

Os piores erros do web designer

Erika Sarti — Thu, 09 Nov 2006 01:10:30 +0000

Resolvi organizar um CD com o backup de todos os sites que eu já fiz – ou pelo menos tudo o que eu tenho salvo. Olhando alguns deles eu reparei em alguns erros tão bobos que parecem mentira, mas que nem passam pela cabeça de um iniciante:

Definir pelo CSS a cor do link na mesma cor do texto e, pior, sem sublinhado. Como alguém vai saber onde está o link?
Usar folha de estilo incorporada em todas as páginas. Assim, a cada alteração no estilo do site é necessário abrir página por página pra alterar o estilo – coisa que não acontece quando se usa a óbvia folha de estilo externa.
Não definir um texto alternativo pra uma imagem que é o único jeito de chegar a alguma página. Somando isso a não salvar as imagens corretamente você tem um backup quase inútil.
Usar acentuação normal no código HTML.
Usar tabelas para alinhar o layout. Em páginas com o conteúdo pequeno tudo bem, mas quando se usa isso num blog com muito texto a tabela é carregada antes de ser exibida – e se demorar muito pra carregar o usuário não vê nada, desiste e vai embora.
Usar espaços e gifs transparentes pra alinhar o layout.
Splash screen em Flash sem opçã em HTML para o usuário entrar no site. Aliás, splash screen em geral é uma coisa totalmente fora de moda: mostre logo o seu conteúdo e economize meu clique!
Código HTML desorganizado ou sem comentários.

Não é bom olhar nosso trabalho antigo e ver como evoluímos ao longo dos anos? =)

Novo layout no portfolio!

Erika Sarti — Sun, 10 Sep 2006 02:35:16 +0000

Aproveitei o feriado para fazer um layout novo pro meu portfolio: mais leve, mais organizado, e… mais pink =)

Não sei qual o meu problema com o rosa, mas todas as versões do meu portfolio acabam sendo dessa cor.

Algumas páginas ainda estão incompletas, mas ao longo das próximas semanas eu vou publicar todos os meus trabalhos.

Visitei muitos portfolios, procurando um layout que fosse único mas que seguisse as tendências atuais de web design. Já de cara dá pra dizer duas coisas que eu sempre vou evitar:

Portfolio com música
Tá, é bonitinho e mostra que você aprendeu a trabalhar com streaming no Flash, mas quando você abre vários portfolios ao mesmo tempo por alguma razão (como ser um cliente procurando um designer), se você estiver ouvindo música no computador o site com som é o primeiro que você fecha, sem nem olhar. Na dúvida, melhor não arriscar.

Site que abre inteiro em janela pop-up
Coisa que eu já fiz uma vez no meu portfolio e nunca mais vou fazer pelo mesmo motivo da música: quando seu site está no meio de vários outros, se ele não mostrar a que veio imediatamente, não vai chamar atenção nenhuma.

Além disso hoje em dia existem tantos bloqueadores de pop-up que o visitante menos experiente pode se atrapalhar todo e não encontrar o que quer. E é exatamente por isso que esses pop-ups da versão atual vão embora pra não voltar tão cedo.

Agora, uma coisa que eu já pensava em fazer é um FAQ, com as perguntas mais frequentes que eu recebo. Percebi que, se as pessoas não lêem, pelo menos é divertido.

O novo blog – agora em WordPress – também tem RSS: muito mais fácil para saber das novidades e os meus artigos no InfoWester.

E então, gostou do layout novo? Aguardo comentários ;D

Não Me Faça Pensar

Erika Sarti — Wed, 02 Aug 2006 01:02:05 +0000

Fuçando a prateleira, encontrei hoje um livro muito indicado pra web developers e designers: Não Me Faça Pensar, de Steve Krug.

Na sua segunda edição, o livro tem três capítulos extras que mudam totalmente a visão de quem projeta um site. Depois de ler esse livro a usabilidade será sua amiga.