Neste artigo, o designer freelance Darko Stanimirovic e o editor técnico do ApeeScape, Kent Mundle, discutem o equilíbrio entre usabilidade, acessibilidade e experiência única em uma revisão do site Ro-Lu. Ro-Lu é um estúdio de design de móveis, ambientação e paisagismo cuja prática abrange outras disciplinas. O estudo é identificado como tendo uma prática ampla, aberta e exploratória. Portanto, seu portfólio teve que refletir sua ideologia.
Este projeto desafiou muitos pressupostos do que é um portfólio, além de como a experiência do usuário poderia ser no espaço da web. No entanto, muitos usuários acham que os recursos experimentais comprometem seriamente a usabilidade. É normal que os conceitos venham primeiro? O que este site pode ensinar a outros designers sobre como desafiar o status quo? Ou o site foi longe demais?
Kent Mundle (Editor Técnico do ApeeScape): Darko, você já viu algum desses designs na web?
Darko Stanimirovic (Freelance ApeeScape Designer) Bem, fui para a página sem nenhum conhecimento real da história desse grupo de artistas, ou do designer por trás do site. Pude vê-lo com novos olhos e imediatamente achei muito interessante visualmente, as cores e a estrutura são ótimas, mas desde o início não havia nada que me informasse exatamente o que era o site, ou como interagir com ele . E ele estava menos inclinado a tentar descobrir quem eram os artistas que o site representava, em vez de entender como o site funciona e como entendê-lo.
Imagino que muitos dos designers que interagiram com o site não gostariam por causa da navegação, não está claro onde você está ou para onde deve ir. Mas, ao mesmo tempo acho que comunica o estudo de uma forma única, você não pode deixar de ver. Mesmo que você venha ao site com a intenção específica de encontrar um determinado projeto ou a última exposição, os artistas e designer por trás do site parecem um pouco indiferentes a essas necessidades, e mais interessados na experiência do site.
Um design de portfólio interessante é concebido como uma espécie de exposição, ao invés de um simples catálogo de obras.
KM: Essa é uma qualidade inerente ao tipo de site (sendo um portfólio de design) que permite que você quebrar essas regras?
DS: Muitas vezes os portfólios de artistas são feitos por designers, ao invés de alguém que se inclina mais para a posição de desenvolvimento. Ocasionalmente, esses designers não têm ideia de como executar um produto, mas libera o designer para pensar sobre o projeto de uma maneira diferente. Diferentes portfólios, como este, são concebidos como uma espécie de exposição, e não como um simples catálogo de obras.
Normalmente, um designer pergunta: “Qual é o objetivo do seu site? Onde posso coletar e-mails? Etc. ”, mas em vez disso, o designer de portfólio sente que está sendo convidado para uma exposição para apresentar um trabalho conceitual. Portanto, o janela de exibição da tela será tratada como se fosse uma parede de exibição ou página estática de uma revista ou folheto , e o designer realmente não pensa se o design é ou não responsivo ou algo assim.
Este site faz sentido que o design de um pôster ou display em uma parede foi aplicado à interatividade da interface web. Obviamente, o designer conhece todas essas possibilidades que a web pode oferecer, mas elas foram utilizadas dentro da mentalidade de um design impresso. Então, talvez tenhamos esta grande tela, com apenas um pouco dela revelada.
É curioso, de qualquer forma, ver o processo desse designer e tentar entender como eles combinaram os diferentes mundos das tendências do design gráfico com a web. Você pode ver como este site é semelhante a uma tendência da época em que foi projetado, chamada de conteúdo exposto. No entanto, embora esse estilo gráfico fosse um tanto moderno, como os designers da Ro-Lu incorporaram alguma interatividade em uma tendência que é para design de impressão é um tanto interessante.
Mesmo que um espectador não entenda o trabalho de uma exposição, isso ainda pode afetá-lo de outras maneiras valiosas.
KM: Como exatamente podemos melhorar a estrutura de navegação sem comprometer a intenção do site?
DS: Sempre há maneiras, eu acho, de tornar o site mais eficaz, mas não tenho certeza de quão interessados os designers estavam em tornar isso óbvio. Existe uma atitude dos designers gráficos tradicionais que dizem que não se interessam se o espectador não consegue entender tudo, porque faz parte do trabalho. Assim como nas exposições em galerias, muitas vezes não há guias explicando como consumir a obra em exibição. Mesmo que um espectador não entenda o trabalho de uma exposição, isso ainda pode afetá-lo de outras maneiras valiosas. Eles ainda podiam ir para casa pensando no trabalho, sem necessariamente entendê-lo. Porém, fora desse contexto, para descrever o formato, comentarei alguns arranjos que farei a seguir.
Em primeiro lugar, ele comunicaria definitivamente que este é um ótimo canvas, desktop ou link board. Quando você entra no site pela primeira vez, pensa que tudo está imediatamente visível. Parece que não há outro lugar para ir.
Isso comunicaria que o usuário deve interagir com esta placa por meio de movimento. Talvez, assim que entrar, você possa mover a página inteira, apenas um pouco, e deixá-la no lugar. O usuário pode ver rapidamente que ele está se movendo, mas também pode fazer isso sozinho. Ou talvez os elementos individuais possam ser identificados com um pequeno movimento. Talvez uma foto se mova um pouco para um lado, um pequeno texto para o outro, e eles sejam identificados como interativos ou móveis. É difícil, entretanto, dizer sem prototipagem.
O mesmo problema com a opção de aumentar ou diminuir o zoom não é tão óbvio. Os botões estão no canto superior esquerdo e, embora pareça ser mais comum ter esse tipo de navegação no lado direito, os outros botões de texto estão de alguma forma ocultando os botões de zoom. De alguma forma, o zoom de navegação precisa ser mais proeminente em termos de hierarquia ou pelo menos haver alguma pista de onde está. Dito isso, nem tenho certeza de como aumentar o zoom. Não há muito mais que possa ser feito depois de aumentar o zoom, você só precisa fazer isso sozinho. E também, com a aleatoriedade do texto, não há muito incentivo para lê-lo.
Quando se trata de navegar dentro dos próprios itens e projetos, também é necessário prestar atenção. Eu sinto que não está claro o que pode ser feito uma vez dentro do projeto. Com um tablet ou tela de toque, o cursor não pode indicar que a primeira imagem pode ser clicável para entrar na próxima fase.
Quando você finalmente está dentro, as quatro setas de navegação são um pouco confusas. Esquerda e direita sozinhas parecem bastante diretas e fornecem uma progressão lógica. Porém, adicionar a parte superior e a inferior compromete toda a estrutura. A rolagem para a esquerda e para a direita faz sentido conforme você avança no projeto, mas para cima e para baixo e de repente, há um conteúdo importante oculto do qual você não recebeu nenhuma indicação.
Normalmente, a ideia de rolar por um eixo implica que o mesmo tipo de conteúdo está progredindo. Mas aqui está a parte confusa: os itens em todas as direções são tipos de conteúdo totalmente diferentes, então a lógica não é muito intuitiva. Talvez os rótulos possam ajudar, mas sugiro remover os eixos verticais completamente. Embora o estudo possa ter exigido especificamente essa forma simétrica, acredito que uma navegação linear com links que continuam na parte superior e inferior de cada projeto teria sido ideal. Em termos de conteúdo, não há muito o que mudar em termos de apresentação ou estrutura.
Parte desse design é para brincar com as limitações.
KM: Embora o site não seja óbvio ou intuitivo, existem qualidades redentoras que compensam a navegação?
DS: Como mencionei nas exposições, os espectadores nunca são guiados pelo conteúdo. Os valores disso provavelmente não são os que os designers de UX normalmente apreciariam. Normalmente, não haveria razão para tornar as coisas mais difíceis para os usuários. Mas, parte do trabalho de design é mais sobre brincar com as limitações do que a necessidade de criar um produto. Isso significa que o designer aceita que nem todas as pessoas poderão consumir o produto de maneira adequada. No entanto, isso faz com que o produto se torne mais uma obra de arte do que qualquer outra coisa. O objetivo é mais do que 'consumir todas as informações, ler tudo, ter vantagem nas vendas, etc.' Muitos designers só conseguirão visualizar este site da perspectiva estreita de metas objetivas. Por outro lado, este designer criou um produto que deixa uma impressão nos artistas, seus valores, intenções ou estilos, ao invés de apenas apresentá-los. No contexto de muitos portfólios de artistas on-line, isso poderia ser um esforço significativamente eficaz.
KM: Então, a qualidade única dessa experiência pode garantir desvantagens no experimento?
DS: Acho que o conceito de uma tela solta pode ser preservado e ao mesmo tempo tornar o site mais utilizável. Para melhorar a usabilidade, você não precisa necessariamente cair em uma estrutura em blocos. Para mim, o principal problema é que o usuário está sozinho na aventura de descobrir o propósito do site, mas novamente, o autor poderia dizer que essa é a sua intenção. Há um certo atrito ao tentar se familiarizar com o site, mas talvez seja a qualidade que torna o site tão único.
O problema aqui não é o mesmo das tendências de design que tornam o conteúdo muito menos legível, como fontes leves em um fundo branco, porque seus desafios estão interligados e são, ao mesmo tempo, o que torna o site interessante.
KM: Existem outras formas de organização, organizadas e arquivadas, que fornecem algum tipo de alívio nesta estrutura de navegação?
DS: Agradeço a visão ordenada e arquivada, não apenas por seu propósito real, mas porque serve e comunica a personalidade do estúdio. Quase parece ser mais para diversão dos designers ou do estúdio. A 'visão ordenada' é sua tentativa de apresentar uma navegação mais fácil, mas é quase oferecida como uma alternativa 'conceitual', e ainda assim tem seus próprios desafios. Embora seja em linhas e colunas, você ainda precisa rolar e aplicar zoom como em uma tela grande.
Rótulos repetitivos também confundem a organização da grade. Eles parecem ser títulos de projeto eficazes, mas você realmente teria que passar o mouse sobre o topo para ver esse título. É muito engraçado eles distinguirem formatos como 'ordenado' e 'aleatório', quando quase tudo parecia mais fácil no início.
Os arquivados, no entanto, parecem ser os mais simples e bastante diretos, pois são organizados apenas por datas. Ainda assim, eles não se contentaram com ele rolagem tradicional. A intenção parece ser o uso de limitações da plataforma web para causar ao usuário de alguma forma que ele poderia descrever como frustrante, feia ou quebrada.
Normalmente, os designers têm a mentalidade de que um bom site deve fornecer aos clientes tudo o que eles precisam saber na primeira página ou na primeira página.
KM: Se a intenção dos designers era, de fato, provocar os usuários dessa forma, isso alivia um pouco o site de suas deficiências?
DS: Acho que muito disso é intencional e que o aleatório não é, na verdade, tão aleatório quanto uma tendência que se tornou popular por um tempo, chamada de 'conteúdo exposto'. Mas eu aprecio que eles se mantiveram na estrutura do rolagem , especialmente com a página de arquivos. O arquivo pode resolver muitos dos seus problemas para atender às necessidades específicas dos usuários que vêm para olhar os nomes de exposições específicas ou algum trabalho de um determinado período. No entanto, isso pode não incluir todos os tipos de usuários. Normalmente, os designers têm a mentalidade de que um bom site deve fornecer aos clientes tudo o que eles precisam saber na primeira página ou na primeira página.
Muitas regras mudam em termos de como um artista ou marca pode se representar quando tem um grande nome. Portanto, este site realmente representa como eles pensam sobre seu trabalho, sua prática e como eles pensam em representar tudo isso, em vez de se concentrar apenas em apresentá-lo da maneira mais eficiente.
Mesmo se formos para sua página “sobre nós”, eles incorporam elementos que parecem irrelevantes, como a visualização da foto no meio das frases. Essas partes, para a pessoa comum, parecem redundantes ou inúteis, mas realmente mostram como o estúdio aproveita todas as oportunidades para mostrar seu estilo, ou quem são - e é isso que os artistas deveriam fazer.
O site é um exemplo de que um portfólio não precisa mais deixar o trabalho falar por si, mas a forma como ele é apresentado também pode expressar seus valores individuais.
Portanto, se este estudo tivesse feito algo mais conservador, teria passado despercebido muito rapidamente na web.
KM: Como pode o contexto de um portfólio online, e seus usuários inerentes, permitir ou encorajar diferentes tipos de trabalho de design?
DS: Acho que com esse tipo de site, uma das coisas mais importantes para entender como designer é o quanto uma pessoa saberá sobre os artistas antes de chegar ao site. Se você já sabe algo sobre trabalho de estúdio e acaba em algum lugar assim, pode ter um pouco mais de paciência para seguir o fluxo. No entanto, pode haver pessoas que não conheçam os artistas e se sintam confusas, e provavelmente irão embora após cinco segundos. Portanto, este é o tipo de site em que existem pessoas que provavelmente já têm um forte incentivo para estar lá. Conseqüentemente, há um certo buffer para má usabilidade. Em outros tipos de negócios, eles podem perder clientes.
Por esse motivo, os sites de portfólio têm um pouco de liberdade para serem divertidos e interessantes. Isso me lembra que se você dirigir para uma área suburbana, haverá muitas lojas. Muitas vezes, todos os pôsteres e pôsteres são feitos pelos donos dessas lojas, pessoalmente. Então, eles podem ser engraçados, loucos ou estúpidos e, para mim, você pode ver imediatamente a pessoa por trás do negócio em cada decisão tomada naquele pôster: a cor, o tipo de letra e qualquer adição divertida. De qualquer forma, alguns artistas podem pedir um template para WordPress e pronto.
Sacrificamos a usabilidade pela originalidade ou vice-versa? Como encontramos esse equilíbrio? Essa é uma pergunta difícil.
KM: Embora muito do que está sendo desafiado neste site seja especificamente o tipo de conteúdo do portfólio, há alguma lição que pode ser aplicada ao design da web em geral?
DS: O portfólio online é inerentemente mais flexível, no fato de que nem sempre precisa comunicar tudo perfeitamente. Mas este site mostra que a experimentação em web design é possível e necessária. Este site transcende o web design do que uma captura de tela pode mostrar. Uma captura de tela deste site pode parecer quebrada ou inacabada, mas os usuários podem descobrir abrindo uma experiência interativa. Muitos web designers criariam um brincar em coisas que não são interativas, e este site seria impossível de conceber dessa forma. É por isso que acho importante que analisemos o que este site está tentando fazer, ao invés de evitá-lo porque claramente não é fácil de operar.
A web ainda tem suas limitações, mas muitas vezes os web designers as levam estritamente. Portanto, este site pode testar como começar a expandir essas possibilidades. Não devemos ignorar que este portfólio pertence a um artista, onde um designer pode fazer o que quiser. Devemos nos inspirar neste site, e talvez em nosso próximo projeto, tentaremos tirar as limitações da janela de visualização que este designer desafiou e encenou. Portanto, para designers que desejam explorar um precedente como este, podemos definitivamente nos desafiar a fazer algo único.
KM: Claro, muitas vezes é difícil reinventar a roda dentro dos limites do orçamento e do tempo de trabalho.
DS: Sim, muitas vezes essas limitações forçam os designers a ir em direção ao que é seguro para fazer o que já está lá fora, o que as pessoas estão acostumadas a ver. Isso nos leva a uma discussão mais ampla sobre a importância da originalidade no design da web e como entender essas vantagens ou desvantagens. Sacrificamos a usabilidade pela originalidade ou vice-versa? Como encontramos o equilíbrio? Essa é uma pergunta difícil.
O site Ro-Lu foi desenhado por Dylan Fracareta e Eric Price. A Fracareta tem uma prática de design independente, com foco em design para os setores de arte, arquitetura, moda e cultura. Price é designer gráfico e programador com foco em mídia digital, publicação e design de identidade para os setores de artes e cultura.
