Olhando para o Ro-Lu: um estudo de caso de usabilidade

Ro-Lu é um estúdio de design de móveis, paisagismo e meio ambiente que também trabalha com arte e outros projetos relacionados ao design. O estúdio se identifica com uma prática aberta e exploratória e se aventurou em muitas outras disciplinas. Supõe-se que quando o site foi concebido, a intenção do projeto era refletir seu estilo e ideologia.

O que se segue é um diálogo entre os designers da Toptal, Darko Stanimirovic e Kent Mundle, enquanto exploram o site da Ro-Lu e discutem sua estética, usabilidade e experiência geral do usuário. (Nota do editor: O site mudou seu design desde a discussão.)

Este projeto desafia muitas suposições do que o portfólio baseado na web de um estúdio de design poderia ser, incluindo sua experiência do usuário. É possível que alguns visitantes do site considerem que a aparência experimental compromete sua usabilidade.

Algumas das perguntas centrais que estão sendo feitas são: É aceitável que a estética visual ocupe o centro do palco enquanto sacrifica o UX? O que este site diz a outros designers sobre desafiar o status quo? Ele empurrou as coisas longe demais?

Kent: Darko, você já encontrou uma interface como esta?

Darko: Cheguei à página sem nenhum conhecimento real da história deste grupo, ou do designer por trás do site, então pude ver com novos olhos. Achei visualmente interessante – as cores e o layout são ótimos, mas não havia nada para me informar sobre o que era o site, nem como interagir com ele. Minha primeira inclinação foi entender como o site funcionava e como se envolver com ele, em vez de aprender quem eram os artistas.

Imagino que a maioria dos designers de UX que visitam o site o desaprovaria por causa de sua navegação ruim e falta de uma estrutura coerente. Não está claro onde você está ou quais são as opções disponíveis para exploração. Mas, ao mesmo tempo, acho que comunica o estúdio de uma forma única – é certamente memorável.

Mesmo que você tenha chegado ao site com uma intenção específica de encontrar um determinado projeto ou a exposição mais recente, seria difícil encontrar o caminho de volta. Os designers do estúdio e o designer do site parecem indiferentes às necessidades dos visitantes do site e mais interessados ​​em proporcionar uma experiência única, por mais desconcertante que seja a experiência do utilizador.

Um design de portfólio interessante é concebido como uma espécie de exposição, ao invés de um simples catálogo de trabalhos.

Kent: É uma qualidade inerente dos portfólios online de alguns designers que permite que o design saia da norma?

Darko: Os portfólios da web dos estúdios de design geralmente são feitos por designers, e não por desenvolvedores. Muitas vezes, eles não têm ideia de como desenvolver o site, mas são livres para pensar no projeto de uma maneira diferente. Assim como o site Ro-Lu, os portfólios online mais interessantes são concebidos como uma espécie de exposição online em uma galeria virtual ao invés de um simples catálogo de trabalhos.

Normalmente, um designer perguntaria: “Qual é o objetivo do site? Que impressão queremos deixar aos visitantes? Onde coletaremos e-mails? etc.” Nesse caso, parece que estamos sendo convidados para uma exposição que apresenta conceitualmente o trabalho do ateliê. A tela digital é tratada pelo designer do site como se fossem as salas e paredes de uma galeria, ou uma página de uma revista brilhante, e não há muita consideração com as necessidades do visitante.

Kent: Como um designer pode melhorar a navegação sem comprometer o design pretendido do site?

Darko: Pode haver maneiras de um designer tornar este site mais eficaz, mas não tenho certeza do interesse dos designers em tornar a navegação mais óbvia. Os designers gráficos tradicionais que fazem web design geralmente têm uma atitude casual em relação aos visitantes que descobrem como navegar em um site de maneira eficaz – como se fosse um jogo, e sua “descoberta” parte da diversão. Na minha opinião, isso é contraproducente.

Se eu redesenhasse este site, sinalizaria aos visitantes que esta é uma tela mostrando o trabalho, com mais do que aparenta. Quando um visitante chega ao site pela primeira vez, parece que o que ele vê é o que recebe, e não há mais nada para explorar; nada sinaliza o que é clicável para se mover para qualquer lugar (falta de significantes para dar pistas às pessoas). Esta é uma grande falha de usabilidade e prejudicial ao propósito do site.

De alguma forma, eu comunicaria que a intenção é que o usuário interaja com a placa plana de imagens através do movimento. Talvez na entrada, a página inteira pudesse mudar rapidamente, apenas um pouco, e depois ser deixada no lugar. Ou os elementos individuais podem ser identificados com um leve movimento. Talvez então as pessoas percebessem que a interface do usuário pode ser explorada por vários meios. Talvez uma imagem possa se mover um pouco para um lado, um pedaço de texto para outro, de alguma forma sinalizando aos visitantes que eles são interativos.

Da mesma forma, a opção de ampliar a tela não é óbvia. Situados no canto superior esquerdo, os botões são pequenos demais para serem notados. Além disso, uma vez ampliado, não há muito mais visualmente atraente, portanto, há pouca recompensa por fazê-lo. É muito enigmático, deixando os visitantes ainda mais perdidos e sem saber o que fazer.

A atenção também é necessária dentro dos próprios projetos. Depois de selecionar um projeto, não está claro o que fazer a seguir. Com um tablet, ao contrário de um desktop, o cursor não pode mudar ao passar o mouse para indicar que a imagem principal é clicável, significando um avanço para o próximo estágio.

Quando um visitante finalmente entra, as quatro setas de navegação na interface do usuário ficam confusas. A esquerda e a direita por si só parecem diretas e fornecem uma progressão lógica - adicionar a parte superior e a inferior compromete toda a estrutura.

Parte deste design de portfólio é sobre jogar com limitações.

Kent: As qualidades únicas dessa experiência justificam as desvantagens do experimento?

Darko: O conceito de tela solta poderia ser mantido e ao mesmo tempo tornar o site mais utilizável. Melhorar a usabilidade não significa necessariamente voltar a um layout de web de alvenaria tradicional. A questão principal aqui é que o usuário é forçado a fazer uma jornada de “descoberta”. Isto é um erro. Não é algo que as pessoas estão esperando ou preparadas para fazer ao visitar um site.

Há algum atrito embutido em conhecer este site - talvez esse atrito seja o que torna o site tão único. Dito isso, não acho que as pessoas devam ser “feitas para trabalhar” para desfrutar de um site. Muito atrito pode levar as coisas longe demais, fazendo com que os visitantes abandonem o site em frustração.

Kent: As boas intenções do designer do site podem aliviar o produto de suas qualidades negativas?

Darko: Eu acredito que muito disso é intencional e que a aleatoriedade não é aleatória, pois se assemelha a uma tendência em design gráfico chamada conteúdo exposto que tem sido popular há algum tempo. A questão aqui é que design na web não é design gráfico; é webdesign .

Muitos padrões tradicionais de web design são descartados para clientes bem conhecidos, tudo em nome da experimentação e do desejo de ser “diferente”. Ao invés de focar em apresentá-lo da maneira mais eficiente, com o melhor UX, este site representa como os criadores pensam sobre seu trabalho, sua prática e como querem apresentá-lo ao mundo.

Por exemplo, na página “Sobre”, eles exibem elementos que parecem irrelevantes no início, como as fotos em miniatura no meio da frase. Para uma pessoa comum, esses bits podem parecer redundantes ou inúteis, mas realmente mostra como este estúdio aproveita todas as oportunidades para expressar seu estilo e comunicar aos visitantes quem eles são.

Este site é um exemplo demonstrando que um portfólio não precisa apenas deixar o trabalho falar por si, mas a forma como ele é apresentado também pode expressar os valores do indivíduo.

Kent: Embora muito do que está sendo desafiado neste site seja específico para o tipo de portfólio de conteúdo, existem lições que podem ser aplicadas em geral ao web design?

Darko: Embora um projeto de portfólio seja inerentemente mais flexível, pois nem sempre precisa comunicar tudo perfeitamente, este site mostra que a experimentação em web design é possível e necessária.

A maioria dos web designers inicia os mockups com componentes que não são interativos; este site seria impossível de conceber dessa maneira. Mas em vez de fugir disso, acho importante analisarmos o que este site está tentando fazer porque claramente não foi fácil de executar.

A web ainda tem suas limitações, mas na minha opinião, os web designers muitas vezes se sentem muito limitados por elas. Este site mostra como começar a expandir as possibilidades, e não deve ser simplesmente desconsiderado como um “site de portfólio artístico”, onde um designer é livre para fazer o que quiser.

A questão então se torna: como fazer isso sem quebrar a usabilidade?

Kent: Muitas vezes, é claro, é difícil reinventar a roda dentro dos limites de orçamentos e cronogramas.

Darko: Sim, muitas vezes essas restrições forçam os projetistas a recuar para a segurança do que já existe – ou do que as pessoas estão acostumadas. Isso fala a uma discussão mais ampla sobre a importância da originalidade no design da web e a compreensão dessas vantagens – ou desvantagens. Onde devemos sacrificar a usabilidade pela originalidade, ou vice-versa? Como encontramos esse equilíbrio? É um debate interessante.

(O site Ro-Lu foi projetado por Dylan Fracareta e Eric Price. Fracareta, que agora é diretor de design do Museu de Arte Contemporânea de Chicago, costumava administrar uma prática de design independente, com foco em design para arte, arquitetura, moda e setores culturais. Price é designer gráfico e programador com foco em mídia digital, publicações e design de identidade para os setores artístico e cultural.)

• • •

Leia mais no Blog Toptal Design:

• Análise heurística para UX – Como executar uma avaliação de usabilidade
• Um discurso contra designs bonitos
• Experiência é tudo – o melhor guia de UX
• Teste de UX para as massas: mantenha-o simples e econômico