Como é

Fazer uma faculdade comunitária me ensinou muitas coisas boas. Aprendi muito o básico sobre a construção de sites. Tenho uma base que me levará a cumprir minhas aspirações de ser um web designer.

A faculdade comunitária também ensinou como fazer as coisas erradas . Digite: o comp de design. Um comp de design. é uma imagem que usa ferramentas de edição ou desenho de imagens para ditar a aparência de um site.

Uma tarefa que recebi foi criar três composições para três páginas diferentes (Home Page, secundária e terciária) para três portas de visualização diferentes; desktop, tablet e celular (meu instrutor era um grande defensor de “priorizar o desktop”).

Lembro-me de abrir o ilustrador e iniciar o processo de criação de um site. Refiro-me a uma estrutura de wireframe que fiz anteriormente no illustrator e comecei a clicar. Horas depois, eu estava começando a terminar meu primeiro conjunto de composições para a página inicial. Depois, mais algumas horas de trabalho para os outros dois conjuntos, totalizando nove composições.

Eu não sei sobre você, mas foi muito trabalhoso! Agora, para ser justo, não sou um profissional de IA superqualificado. Mas eu pensei comigo mesmo que isso dava muito trabalho, considerando que ainda nem toquei em um pedaço de código!

Na época, pensei comigo mesmo: “Acho que é assim que vai ser, hein?” Achei que ficaria mais proficiente com minhas habilidades de ilustrador e não levaria tanto tempo no futuro. Além disso, eu seria pago por hora, certo? Minha tarefa foi escolhida por meu professor e então decidi por uma final e comecei a implementar o site.

Eu comecei a construir o site. Fiz alguns ajustes no posicionamento e medidas de certos objetos aqui e ali que fizeram mais sentido ao codificar o site.
Depois de tudo que projetei, posso mudar, certo? Não se eu quiser receber todo o crédito pela tarefa. Depois de devolvê-lo, os comentários do meu professor foram de que não era exatamente como o meu comp para o T e disse que eu deveria revisar meu comp para corresponder ao site.

Depois de passar horas em uma competição e depois em uma construção do site, me vi preso com a ideia de lutar com a ideia de fazer o dobro do trabalho para sempre. Por que não posso fazer o trabalho apenas uma vez? Suponho que seja por isso que contratam duas pessoas para fazer dois tipos diferentes de trabalho.

A explicação que recebi deixou muito a desejar. Basicamente, “Fornecemos uma amostra ao cliente para ver se ele gostou e alteramos se necessário.” Isso fez sentido para mim na época. Claro, o cliente precisa gostar da aparência de seu site.

Projetando no navegador

Ouvi pela primeira vez o termo “Projetando no navegador” em um vídeo de uma casa na árvore que colocava dois designers diferentes lado a lado e pedia que eles projetassem o mesmo site, um usando o ilustrador e o outro, um editor de texto e um navegador.

Isso realmente me intrigou, pois sempre pensei que um comp era uma parte necessária do fluxo de trabalho de web design. Observei que o trabalho era igual. Tudo o que estava sendo ilustrado estava sendo codificado da mesma forma. Essa demonstração me provou que eu estava fazendo o dobro do trabalho, mas ainda não sabia exatamente o porquê. A resposta final foi: sem um bom motivo. Pôde-se constatar que cabia apenas ao cliente aprovar uma estética do local. Mas isso representa o problema de não oferecer flexibilidade no fluxo de trabalho. Se durante a construção do site as coisas precisarem ser modificadas para melhorar a experiência do usuário durante o processo de implementação, acabaremos em conflito com o fato de que o cliente pode não gostar das mudanças no comp previamente “aprovado”.
O dilema nos faz retroceder para deixar o cliente feliz com o design.

Quebrador de promessas

No final, o cliente vê um comp como uma “promessa”. Agora, não há nada de errado em cumprir o que você prometeu. O problema é qual é a promessa percebida . Prometemos um site bonito? Esperançosamente. Como designer de experiência do usuário, a promessa real é oferecer exatamente isso: uma experiência do usuário . A promessa inclui uma estética que o usuário considera visualmente atraente. A argumentação é belamente colocada por Samantha Warren em seu artigo Style Tiles and How they work .

“É da natureza humana as pessoas misturarem e combinarem, isso permite aos clientes sabotar as melhores soluções para seus problemas de design com base em preferências estilísticas transitórias. No final, você tem um Frankencomp, uma mistura de elementos de interface concebidos fora dos objetivos do site. . O estilo é orientado por preferências, enquanto o design é orientado por objetivos. Pode ser difícil ajudar seu cliente a entender como os dois são separados. ”

Como UXer, seu trabalho não é apenas fazer um site bonito, mas também oferecer uma experiência maravilhosa. Nosso objetivo é oferecer isso e nada mais. Ficar com o capricho de “Podemos mover o logotipo um pouco para cima” não é o objetivo, o usuário é. Isso não está despistando seu cliente. Isso é ser fiel ao que é sua profissão e ser diretivo a respeito.

Azulejos de estilo

Mas não há uma maneira de ajudar nisso? Há sim! Implementar blocos de estilo tem tudo a ver com isso. Eles oferecem uma maneira de o cliente fazer parte do processo de design sem atrapalhar a experiência do usuário. O conceito é reunir todos os elementos estéticos que importam para o cliente, como logotipo, cores de fontes em uma série de variantes de imagem que apresentam a aparência de sua marca e imagem. Isso fornece uma versão mais concisa de um painel de humor. Todo o sentimento está aí com muito menos trabalho para desenvolver. O cliente pode selecionar e escolher os elementos que deseja; um tipo de letra daqui, uma cor dali … etc. Para você, como um usuário do UX, você obtém a flexibilidade para oferecer uma grande experiência do usuário ao usar o bloco de estilo como um guia estético.

Conclusão

Comps são uma ferramenta para um setor diferente de uma época diferente. Temos que utilizar ferramentas diferentes e evoluir nosso processo para fazer sentido com o que fazemos. Use o Photoshop para editar fotos, o Illustrator para ilustrar e codificar para construir sites. Um site é mais do que uma representação gráfica de uma marca. É uma experiência a ser entregue.