Assassino de comparsas

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.