Saturação em Web Design
Ao longo dos anos, os designs e layouts da Web aumentaram em complexidade. No entanto, enquanto o nosso trabalho se torna cada vez mais polido e interativo, afastando-se dos layouts estáticos que dominaram os anos 90, o objetivo central não mudou.
A visibilidade é tão importante para os designers hoje como sempre. Trata-se da nossa capacidade de concentrar a atenção do usuário no conteúdo significativo que ajuda a vender mercadorias e incentivar os inscritos, e ajuda os sites a obter leitores regulares.
Com as pessoas cada vez mais aproveitando as soluções pré-construídas, é importante dar aos sites uma distinção e uma personalidade suficientes para cultivar o interesse do usuário.
Afinal, o objetivo de um site é ser único, não seguir os outros ou oferecer um layout utilizável, ainda que genérico e sem vida. Com isso em mente, vamos examinar como a compulsão de usar em excesso certas convenções e padrões de design poderia afetar os usuários de maneira favorável ou adversa.
Saturação e Sensibilização
Para começar, vamos revisar as duas variáveis principais no trabalho. A saturação, que não deve ser confundida com o termo relacionado à cor, refere-se à onipresença de certas ferramentas, técnicas ou implementações de design na web. Por exemplo, considere como os anúncios do Google são difundidos hoje e como alguns designers os colocam em suas páginas da Web.
Sensibilização, por outro lado, refere-se ao grau em que um usuário é afetado pela exposição à ferramenta, técnica ou implementação. Pode-se dizer que nos acostumamos a ver anúncios on-line que adaptamos para filtrá-los como ruído de fundo irrelevante e, às vezes, filtrá-los fisicamente.
Estamos vendo anúncios cada vez mais intrusivos que usam animação, som e cores vivas.
Embora algumas implementações, como a publicidade, possam ser consideradas como prejudiciais ao valor do conteúdo, outras podem ser de grande benefício se usadas de forma repetida e consistente, como miniaturas de imagens em portfólios. Como tanto a saturação quanto a dessensibilização podem ser boas e ruins, o problema essencial que os designers enfrentam é descobrir como e quando seguir as convenções.
Nossa indústria depende muito de convenções. Se não estivermos usando um CMS ou modelo, estamos usando frameworks e sites de inspiração. Apoiar-se em convenções de design poderia resultar de um receio de que, se alguém não seguir mudanças e tendências culturais, elas serão consideradas desatualizadas ou sua compreensão da usabilidade será questionada. Mas isso é longe da verdade.
Embora a duplicação de designs ou o uso de convenções genéricas possa ser mais fácil, limita o potencial de se conectar com os usuários em um nível emocional, o que não deve ser ignorado.
Com tantos frameworks e mecanismos CMS, é uma maravilha que precisamos construir qualquer coisa.
Vejamos alguns dos benefícios que as convenções podem trazer para uma página da Web e analisamos algumas das principais armadilhas que podem levar você a decidir sobre um layout específico ou a repensar um recurso.
Exploraremos também algumas soluções viáveis para ajudar você a evitar que o site pareça com os milhões de layouts que não têm nenhuma proposta de venda única (USP) ou relevância.
O bom lado da saturação
Uma justificativa principal para o uso de elementos saturados em um design é o reconhecimento que ele oferece aos usuários. Tendências e padrões não apenas fornecem soluções simples para os recursos que queremos implementar (como menus de navegação), mas também têm benefícios claros de usabilidade porque reafirmam os usuários com pontos de referência familiares na página.
Os sistemas de navegação estão ficando cada vez mais complexos, mas também podem ser bem elegantes.
A saturação pode trazer valor educacional a uma experiência. Ao fornecer convenções para os usuários, a saturação reduz a curva de aprendizado de um site ao longo do tempo.
Considere como nos acostumamos com o menu suspenso; Se você nunca tivesse visto essa ferramenta, talvez não percebesse que pairar sobre ela criaria uma lista secundária de itens. Esses componentes comuns podem ter menos valor empático ou exclusividade, mas ajudam os usuários a realizar suas tarefas rapidamente.
A navegação por carne misteriosa apresenta problemas para os usuários. A familiaridade deve preceder a estética.
Nós tendemos a tomar como certas coisas que vemos todos os dias. Com que frequência, por exemplo, você considera a tecnologia por trás dos semáforos? Este fenômeno também pode ser aplicado ao web design.
À medida que o nível de saturação de uma tendência aumenta, nos tornamos mais familiarizados com sua função e como isso nos afeta. Consequentemente, nos tornamos capazes de mentalmente ignorá-lo até que precisemos usá-lo. O perigo disso é a “navegação zumbi”, que discutiremos mais adiante.
Os usuários tendem a se concentrar apenas no conteúdo e podem perder a mensagem do design.
A estabilidade é outro efeito comum das convenções de design. Quando algo é implementado uma e outra vez, provavelmente passa por várias iterações de testes, análises e melhorias e, como tal, aumenta de valor.
Além disso, como a eficácia de convenções, como o menu suspenso, foi bastante pesquisada, podemos criar cenários de uso para determinar se e como eles seriam apropriados para um layout específico.
Sabemos que os usuários esperam ser redirecionados para uma página inicial quando clicam em um logotipo.
O lado ruim da saturação
Embora todos esses pontos mostrem que a saturação pode ser benéfica, como acontece com todos os aspectos do design, há um outro lado que deve fazer você pensar duas vezes antes de pular na onda. A primeira dessas questões é abuso.
Para aqueles de vocês que podem se lembrar da era do design da Web 2.0, quando tudo era brilhante e biselado, a web estava repleta de designs sem sentido, tanto profissionais quanto pessoais. Todos copiaram o que consideravam popular, e assim a tendência tornou-se tão comum que seu valor foi perdido em um mar de clones.
A era do design da Web 2.0 saiu do controle e a inovação de layout sofreu como resultado.
Além do abuso da saturação, outro obstáculo é a falta de pensamentos que às vezes envolve a saturação. Quando implementamos um recurso, como um menu de navegação, os visitantes devem reconhecer os muitos elementos dele na página.
Mas o que acontece se a ferramenta não funcionar como esperado? Pode parecer trivial no início, mas as tendências limitam nossa capacidade de inovar, e as suposições do usuário podem impedir o avanço da web.
Os usuários esperam uma ação ao clicar em um botão para que o recurso seja reativo.
Além desses fatores, um dos maiores argumentos contra modelos e recursos saturados é que eles não têm como alvo as necessidades de um público específico.
Uma das características definidoras de um site feito à mão é que ele foi construído (com sorte) com os requisitos do visitante no centro. Embora os sites possam se destacar com um layout de aparência genérica, os designs que são lindamente criados aprimoram o valor do site e enriquecem ou complementam o conteúdo.
Você pode dizer claramente que este site foi criado para seu público-alvo: crianças.
A questão final é a influência que a saturação tem sobre os visitantes. Quando os layouts se tornam rotineiros, os usuários podem facilmente perder novos componentes que supõem existir durante a visita anterior.
Esse estado psicológico, conhecido como “navegação zumbi”, se manifesta quando os usuários não percebem objetos que inconscientemente ou conscientemente julgam irrelevantes. Isso é especialmente problemático na publicidade; Muitos usuários bloqueiam anúncios com extensões do navegador ou evitam vê-los, mesmo que os anúncios possam ser úteis.
Embora as opções de filtragem possam ser úteis para os usuários, elas também podem tornar as coisas mais difíceis de detectar.
Soluções para designers
A primeira solução, que parece bastante óbvia, é inovar, em vez de copiar o que existe.
Em alguns casos, porém, o melhor curso de ação será simplesmente não reinventar a roda; a disponibilidade de galerias de inspiração, scripts de recortar e colar, mecanismos de CMS e modelos de layout tendem a fomentar uma preferência pelo design de giro rápido, em vez de mão-de-obra original e artesanal.
Mesmo se você usar uma solução pré-criada, ainda poderá aperfeiçoá-la ou personalizá-la para seu público-alvo.
O WordPress pode (e deve) ser altamente personalizado para corresponder à identidade da pessoa ou empresa.
A segunda solução é determinar se um recurso genérico realmente atende a um objetivo específico. A ideia de projetar com propósito existe há muitos anos e, embora os usuários continuem a exigir níveis maiores de interatividade e controle em um site (muito diferente da era do design estático), devemos incluir um elemento em um site somente se a utilidade supera os custos de estar lá; não deveria, por exemplo, roubar atenção de outro conteúdo. Cada objeto deve servir a um propósito útil, até mesmo elementos menores, como os links "Ignorar", que auxiliam os leitores de tela.
A remoção de recursos desnecessários continua sendo popular, pois todos amamos uma interface limpa.
Simplicidade e o objetivo de direcionar os olhos do visitante para conteúdo útil estão no cerne do bom design. Para evitar a saturação excessiva, devemos ter cautela ao adicionar objetos à página (e especialmente não fazê-lo repetidamente) e não ficarmos muito entusiasmados com o "carregamento de recursos".
Sabemos que sobrecarregar os usuários irá forçá-los a trabalhar mais para avançar pela página; e quanto mais distrações existirem, maior o risco de que um conteúdo importante seja perdido. Os designers devem ser sensíveis às necessidades do usuário, reduzir a curva de aprendizado e maximizar a visibilidade do conteúdo.
Exemplos bons e ruins
No primeiro exemplo abaixo, muita energia entrou claramente em balanceamento de convenção e originalidade. Observe como o layout de largura fixa, o logotipo centrado e altamente visível e os elementos familiares se juntam na página sem sobrecarregar o usuário. Enquanto a rolagem é necessária, a interface oferece um giro exclusivo, com seus efeitos sutis de hover, escolhas tipográficas e fotos de perfil cuidadosamente organizadas.
A única desvantagem real é que usuários não experientes podem não ser capazes de identificar facilmente os ícones visuais. A navegação por carne misteriosa é sempre um grande risco.
O layout para este segundo exemplo talvez seja menos exclusivo que o primeiro. E, no entanto, ainda faz uma boa experiência como resultado da curta curva de aprendizado para a interação do usuário: o logotipo e o menu de navegação estão onde você espera que eles estejam; o site segue os termos convencionais para elementos de portfólios (embora, neste caso, o espaço da tela seja um tanto desperdiçado); e os infográficos atraentes forçam os usuários a rolar a página.
A barra de rolagem alternativa é bastante interessante. Muitos designers parecem adotar um na tentativa de ter mais controle sobre a estética do site. Mas por causa da menor região clicável aqui, esse layout pode ser muito inacessível para usuários com deficiências motoras, e isso vai contra a tendência comum de usar o padrão do navegador. Isso equivale a um antipadrão, e é um bom exemplo de uma escolha de projeto inadequada.
Este site final é um exemplo real do tipo "o que não fazer". Como você pode ver, enquanto tenta deixar os usuários à vontade, a home page do MSN não é original e não apresenta seu conteúdo claramente.
O logotipo, a caixa de pesquisa e os links de ícones são renderizados de forma aceitável, mas à medida que o usuário rola para baixo, a página fica cada vez mais confusa como resultado das convenções de design bem compactadas.
Existem muitas opções de menu de navegação, o que leva a confusão; talvez um menu suspenso tivesse sido suficiente. Além disso, a publicidade ocupa um sexto da página, roubando assim a atenção do usuário. Além disso, à medida que descemos, a página está repleta de apresentações de slides, blocos de conteúdo com guias e centenas de links superlotados. Isso é super saturação no seu melhor: muito está sendo fornecido com pouca originalidade ou propósito.
A saturação e um equilíbrio entre a convenção e a originalidade sempre figurarão em grande parte no design.
Conforme a web continua a evoluir, novos padrões e convenções se apresentarão. Embora nós queiramos evitar a criação de designs tão diferentes que confundam os usuários, devemos manter um elemento de singularidade em nosso trabalho para evitar classificar nossos visitantes.
Cada site terá seus próprios desafios e necessidades, e a responsabilidade do designer será empurrar de volta a genérica “anti-experiência” de modelos e trazer alguma inovação de volta ao seu trabalho.
Exclusivamente escrito para WDD por Alexander Dawson. Ele é um web designer freelancer, autor e desenvolvedor de software de recreação especializado em padrões web, acessibilidade e design UX. Além de administrar um negócio chamado HiTechy e escrevendo, ele passa o tempo Twitter , Fóruns do SitePoint e outros locais, ajudando os que precisam. ”]
O que você acha da saturação em web design e como você enfrenta esses desafios em seus próprios sites? Por favor, compartilhe seus pensamentos abaixo ...