Web standards, arquitetura da informação, usabilidade, acessibilidade, tecnologia, filosofia de buteco (sic), e qualquer coisa em uma casca de noz!

Ir direto para o conteúdo

Diferença entre “Design Centrado no Usuário” e “Design Centrado no Designer”

Por: Henrique Pereira

Tuesday 30 March 2010 às 13:41

Categoria: Acessibilidade, Design, Experiência de usuário

A abordagem do “design centrado no usuário” me parece ser ainda um brinco de pérola dentro das empresas. Ele é “caro” (assunto pra outro post), bonito, não é todo mundo que tem bom gosto pra saber combinar e não se acha nas mãos dos vendedores ambulantes. Entre os ambulantes existem apenas imitação. O brinco de pérola mesmo, é caro. E como estamos falando de uma “abordagem” de desenvolvimento para web – e não de brincos ou jóias – é ainda mais complicado, porque o mercado cria espaço para os dois lados. Mas é óbvio, que eu estou aqui para defender brinco de pérola a abordagem do design centrado no usuário, e não o designer ou o arquiteto da informação ou o “especialista em experiência do usuário“. Então, não leve pro lado pessoal, please.

Este tema é polêmico e eu não sou ingênuo o suficiente pra acreditar que seria possível acabar com a discussão aqui. Ela nunca vai morrer, porque sempre vai existir pessoas que conseguem bons empregos como web designer, programação de interface, diretor de arte e blá blá blá e não sabem do que estão falando. Mas você não precisa ser um desses profissionais. Meu objetivo com este texto é deixar bem claro aqui a diferença existente entre designers que entendem de web e os que não entendem. Se tiver alguma porrada pra dar, os comentários estão abertos!

Web designers e ilustradores

Por motivos didáticos vamos convencionar aqui os seguintes termos:

Web Designers: são aqueles que entendem de design, entendem de aplicação de cor, tipografia, Photoshop e entendem do principal: de internet, de web. Esse cara conhece as características de desenvolvimento para web, e ele sabe o que significa pensar no usuário. Ele não necessariamente é especialista em implementação (HTML, CSS, PHP, etc) mas ele conhece as características da tecnologia para a qual ele está “criando”.

Ilustradores: são aqueles que manjam de Photoshop, manjam de aplicação de cor, tipografia e formas. Fazem belos trabalhos do ponto de vista visual, mas não entendem de “web” (mas ele não sabe disso, e cuidado ao contar). Ao desenhar um novo layout, eles gostam de repetir a frase “o programador de interface que se vire” quando for implementar aquele layout lindo (e bizarro tecnologicamente falando) que demonstra por si só a completa ignorância de conhecimento da “tecnologia”. Eles costumam bater no peito e dizer que desenhar usando Grids ou “pensar no código” é limitar a criatividade (sic).

Bom, definimos nossos personagens agora precisamos definir o que exatamente significa Design Centrado no Usuário mas em partes, termo por termo:

O que é design?

Wikipedia em português: “Denomina-se design qualquer processo técnico e criativo relacionado à configuração, concepção, elaboração e especificação de um artefato. Esse processo normalmente é orientado por uma intenção ou objetivo, ou para a solução de um problema”.

Wikipedia em inglês: “Design é o planejamento que coloca as bases para o desenvolvimento de qualquer objeto ou sistema”.

Pedra Lascada no formato de uma lança utilizada pelo homem pré-histórico para caça Podemos concluir então sobre “design” que esse processo normalmente é orientado por uma intenção ou objetivo, ou para a solução de um problema. Em outras palavras a “pedra lascada” construída pelo homem há milhares de anos atrás trata-se de um artefato de design. Mas o mais importante que precisa ser observado nisso tudo é que cada disciplina do design possui seu próprio conjunto de restrições e boas práticas. Se der uma olhada neste trecho da wikipedia você verá uma lista de dezenas de “disciplinas de design“. Se elas são dividas em disciplinas, isso significa que cada uma delas possui seus universos de boas práticas.

Imagem de uma pintura de mondrian versus um chale de chá. Uma obra de arte e uma obra do design.

Design não se define como arte.

Design não se define como arte! Óbvio que vou fugir agora mesmo de qualquer discussão filosófica dessa afirmação (não é o espaço), mas você pode continuar sua pesquisa dessa afirmação sozinho. Vamos considerar que, quando um propósito é definido para a criação ela deixa de ser apenas arte. Conseguimos concordar pelo menos nisso, certo? A arte transcende propósito e função. A arte pode transcender qualquer coisa. O design é limitado a propósito e função. Se você quer fazer uma “linda” cadeira, sem problemas. Ela só precisa cumprir o propósito de ficar em pé sozinha e de eu poder sentar nela. Senão ela deixa de ser “cadeira”, deixa de ser “design” e passa a ser apenas “arte”. É bom que seja confortável também. E isso é “design”, isso não é arte.

A forma segue a função. Já ouviram falar do re-design do violão cello (imagem acima)? O modelo acima se chama Yamaha Silent Cello. Ele não é uma obra de arte, ele é uma criação de “design”. Os elementos “desnecessários” do violão cello tradicional foram removidos e somente os funcionais e pontos de contato foram deixados. Há muito mais pra se falar sobre o que é design, e eu devo ter pecado muito por deixar de falar sobre vários outros pontos, mas acho que minha definição aqui é mais que suficiente para o propósito deste texto: design segue uma função, a forma segue a função.

O que é centrado?

Bom, essa á fácil. “Centrado” é colocar algo no centro. Colocar em foco, focar. Estar em equilíbrio. Definição maior do que essa é desnecessário! Centrado é colocar no centro e ponto.

O que é usuário?

Basicamente usuários são pessoas que “utilizam” ou “fazem uso” de alguma coisa! Cada contexto e disciplina de design vai definir quem é o usuário, qual o perfil dele, e como ocorre o “uso” nos diferentes cenários. O usuário sempre será o utilizador de:

  • Usa um produto;
  • Usa um serviço;
  • Usa roupas;
  • Usa um computador;
  • Usa um celular;
  • Usa um medicamento.

Usuário é todo aquele que “interage” com alguma coisa. E “interação” é o nome que se dá a essa relação. Quando tiver que exercer o ofício de “designer” de alguma coisa, você precisa seguir as boas práticas de como seu “produto” vai interagir com o usuário. Se você está dentro de uma empresa, é bom você saber que podemos deduzir o seguinte em relação ao usuário:

  • Ele não é seu chefe ou o dono da empresa.
  • Ele não é seu gerente ou líder de equipe ou o scrum master.
  • Ele não é o cliente.
  • O usuário é quem fará uso daquilo que você criar.
  • É ele que vai interagir com sua criação.
  • O seu trabalho é resolver o problema dele e não agradar seu chefe.
  • Ele é pode ser igual e completamente diferente de você.
  • Ele pode ter (e tem) necessidades diferentes de você.
  • Ele é o ponto de partida do seu trabalho e não o fim.

O usuário são as pessoas que usam, em seus contextos e com suas capacidades e limitações. Já andou em uma calçada cheia de rachaduras e buracos empurrando um carrinho de bêbe? Eu já. A experiência é horrível. Já quebrou o pé e ficou com ele engessado e teve que sair por ai andando e se deparou com limitações físicas que te fez pensar porque diabos aquilo foi criado daquele jeito? Se você for um pouco observador, você terá analisado dezenas de artefatos ao seu redor e pensado que eles poderiam ser diferentes de como são.

As experiências descritas acima me faz colocar um outro termo na jogada: “experiência do usuário“. Todos nós vivenciamos ela diariamente, você queira ou não.

O que é experiência do usuário?

O site UXNET.ORG define: “Experiência de usuário é a qualidade da experiência que uma pessoa tem quando interage com um design específico. Isto pode ter um alcance desde objetos específicos como uma caneca, brinquedo ou web site até algo mais abrangente com experiências integradas como um museu ou aeroporto!”. Observe o tanto que essa definição faz mais sentido depois de definir o que é “design“, “centrado” e “usuário“.

Experiência de usuário é o processo de definir tudo aquilo que vai impactar na experiência que o usuário vai ter com um produto/serviço. Cada disciplina de design possui seu conjunto de boas práticas e cenários a serem explorados. Um engenheiro ou arquiteto que constrõe um prédio não precisa ter conhecimento de variações de “tamanho de tela” de diferentes dispositivos de vídeo. Quem constrõe um site não precisa ter conhecimentos de terraplanagem e de solo. O design é objetivo. O cenário é objetivo, não é subjetivo.

Sendo assim, existe um conceito adotado entre todos os profissionais de todas as disciplinas de design que é unânime: “boas práticas”.

O que são boas práticas?

Best Practice Wikipedia: “Boas práticas são técnicas, métodos, processos, atividades, estímulo ou incentivo que acredita-se ser mais efetivo na entrega de um resultado do que qualquer outra técnica, método, processo, etc, quando aplicado a uma condição particular ou circunstância. A idéia é que com processos, verificação e testes apropriados um resultado efetivo pode ser entregue com o mínimo de problemas, complicações e imprevistos. Boas práticas pode também ser definido com o mais eficiente (o mínimo de esforço) e o mais efetivo (melhores resultados) caminho para completar uma tarefa, baseado em procedimentos frequentes que já foram provados/demonstrados por si só ao longo do tempo por várias pessoas (envolvidas com essas boas práticas).”

Web designer (Designer de Interfaces) precisam saber de tecnologia?

Será que o profissional que desenha interfaces para serem convertidas em códigos de HTML e CSS precisa conhecer como algo é implementado? Coloque na sua cabeça que também etsou falando dos arquitetos da informação e toda a galera de user experience das empresas. Não pense que esses caras não são “designers”, porque eles são. Então, será que é importante eles entenderem o que é uma landing page? Será que eles precisam saber que SEO trata-se de tornar o conteúdo amigável para pessoas e tornar as informações “encontráveis”? Será que é preciso entender de acessibilidade para web? Será que não é importante saber que Flash tem seu espaço e que o espaço dele não é ao lado de SEO? Muitas dúvidas.

Como é possível criar para um cenário do qual você não conhece as características tecnológicas, possibilidades, limitações e boas práticas? Não defendo aqui que o designer de interfaces precisa ser especialista em programação de interface. Ele precisa conhecer apenas as boas práticas. Quer saber onde aprender boas práticas? Comece pelo Smashing Magazine. E lembre-se, criatividade no design não é limitado pela tecnologia. Pelo contrário, a criatividade está no completo domínio da tecnologia.

Experiência do usuário como um processo

Experiência do Usuário é um processo e não um cargo. Este processo deve estar entranhado de boas práticas, pesquisas e métodos em todas as áreas de desenvolvimento para web e não somente em um cargo específico, seja de arquiteto da informação, especialista em usabilidade etc. A principal forma de fazer isso acontecer é rever processos e treinamento da equipe inteira. Enquanto tiver um web designer, analista, programador client side, server side etc que acha que “funcionar” é o bastante, não será possível ter um processo focado no usuário.

Design centrado no designer

E o ilustrador citado no título, onde ele entra nessa história? Sou fã de ilustradores. Ilustradores são artistas. O trabalho deles é mais belo quando transcende qualquer propósito e função. Mas o bom designer para web não se faz só de observação. Ele se faz de “boas práticas”. Observar um trabalho e julgar como variável principal se o trabalho “ficou bonito”, não é design para web. O designer de interfaces que não conhece boas práticas pra web faz design pensando nele mesmo. Mesmo que ele nem saiba disso. Ou seja, “Design Centrado no Designer”.

Coloque uma coisa na sua cabeça: Criatividade no design não é limitadade pela tecnologia. Pelo contrário. A criatividade está no completo domínio da tecnologia. Ou você acha que o iPhone foi criado no Photoshop? Se você não entende o cenário para o qual você cria suas interfaces (isso vale pra arquitetos da informação também) você não é um designer eficiente. Vamos estudar galera!

Artigos relacionados:

  • None Found

Este texto não pode ser copiado ou reproduzido em nenhum outro site na íntegra sem autorização do autor!. Mais detalhes sobre licença de uso aqui!

Tags:



Existem 35 comentários para “Diferença entre “Design Centrado no Usuário” e “Design Centrado no Designer””

# 1° Julio Bitencourt Tuesday 30 March 2010 às 14:31GMT

Esta separação entre design e arte para mim foi a melhor parte do artigo. Ninguém entra em um site simplesmente por ele ser bonito. O que importa é que o serviço (função) da interface seja eficaz, ou eficiente. E que o uso (experiência) seja a melhor possível. Ótimo artigo.
Serve até como argumento na hora de explicar para o cliente que aquela introdução pirotécnica em flash no site dele não é uma boa idéia.

# 2° Laivine Tuesday 30 March 2010 às 14:36GMT

Muito bom o artigo. Minha primeira experiência como Designer hoje foi abrir o firebug e remover o plano de fundo colorido para conseguir ler o artigo inteiro sem queimar a retina. Hehehe…

# 3° Ramon Victor Tuesday 30 March 2010 às 14:38GMT

Tentei escrever um post com esta mesma idéia, mas acabei não o publicando por não consegui me convencer de que o mesmo estava completo o suficiente para que todos entendessem a diferença entre o design funcional (não obrigatoriamente feio) e o artisticamente bonito (o que quase sempre não atende as necessidades do usuário).

Espero que esse post possa abrir a mente daqueles que ainda acham que o mais enfeitado é o design mais eficiente.

Parabéns pelo post!!

# 4° Romeu Ivolel Tuesday 30 March 2010 às 14:39GMT

Parabéns pelo artigo!

Estudo novas práticas para SEO e encontrabilidade para sites feitos em flash, e rompo através dos meus estudos justamente a barreia: Tecnologia não limita o design de um site, e design não é obra de arte, por mais que as amamos.

Abraços,

# 5° Augusto Barbosa Tuesday 30 March 2010 às 15:05GMT

massa! recomendo a leitura do artigo The Difference Between Art and Design, no webdesigner depot: http://www.webdesignerdepot.com/2009/09/the-difference-between-art-and-design/

# 6° abel Tuesday 30 March 2010 às 16:19GMT

assim, sem maldade, mas como usuário, adorei o que consegui ler do texto, mas não consegui ler inteiro, o fundo da página incomoda, não da vontade de ficar com a Janela aberta.

# 7° Henrique Pereira Tuesday 30 March 2010 às 16:46GMT

Abel você está coberto de razão! Era uma crítica que já tinha sido feita antes e estava na minha fila de correção. Acabei de aumentar o contraste do fundo da página pra melhorar a leitura.

Muito obrigado pela crítica!

# 8° Rogério Pereira Tuesday 30 March 2010 às 18:25GMT

Muito boa a observação que você fez em relação ao ilustrador cagar para o programador de interface durante a implmentação.

O projetista deve sim conhecer o meio para qual está projetando.

# 9° Lígia Fascioni Tuesday 30 March 2010 às 22:40GMT

Parabéns, um dos textos mais didáticos sobre o assunto que já li. Conseguiu resumir bem a questão de uma maneira que todo mundo possa entender.
Obrigada!

# 10° Edmundo Junior Tuesday 30 March 2010 às 22:47GMT

Você está coberto de razão. Design não é arte, design é funcionalidade.

# 11° Fernando Laudino Tuesday 30 March 2010 às 22:49GMT

Parabéns pelo post e pelo site.

# 12° Leandro Lemes Wednesday 31 March 2010 às 10:28GMT

Parabéns pelo artigo, e o design do revolucionou mesmo!

# 13° Laivine Wednesday 31 March 2010 às 13:06GMT

Com a alteração do contraste a leitura ficou uns 200% mais fácil!

Eu sempre evito mudanças bruscas de cor ou de tom no fundo do conteúdo. Tenho a sensação de que isso dá um pane na cabeça de quem tá lendo.

Mesmo assim, o artigo está ótimo e o blog também. Parabéns.

# 14° Henrique Bustamante Neto Wednesday 31 March 2010 às 14:42GMT

A definição de arte e design foi muito bem escrita. Estudo Design Digital e os professores firmam neste ponto mesmo, e nada mais correto de estudar seu usário para chegar no produto final afim de satisfaze-lo.

# 15° Simone Cervantes Wednesday 31 March 2010 às 14:43GMT

Estou estudando design de interação, usabilidade e boas práticas. Com certeza seu artigo me motivou bastante. Muito bom!!!

# 16° Saulo Dourado Thursday 01 April 2010 às 18:51GMT

Artigo usa de extremismos desnecessários para defender a posição do autor.

É claro, óbvio e ululante que os pontos a favor do Design no artigo são corretos, parabéns.

Entretanto, os que não os seguem não são os ilustradores, mas sim os web designers incompententes (eles existem), ou os que se acham sem ser.

Já vi muita gente criando coisas bonitas no photoshop no estilo “o programador que se vire” como foi citado. Porém, também já vi muitos wireframes (feitos em papel, visio, powerpoint ou Axure) por interaction designers e arquitetos de informação com os mesmos problemas :(. Dilbert permeia todos os ambientes.

Se tudo isso for apenas uma metáfora, por que então escolher atacar os ilustradores??? Afinal, eles também são uma categoria de profissionais que mesmo não tendo nada a ver com desenvolvimento de sites também são pessoas importantes ;)

# 17° Leonardo Ota Thursday 01 April 2010 às 19:29GMT

Tenho uma pergunta.

Todo design não é centrado no usuário?

Na minha opinião, se o cara faz um design de interface que não é centrado no usuário, pois design é função ou projetar algo usando uma metodologia (grid, gestalt) tudo isso pensando em quem irá fazer o uso do “produto” projetado, então ele faz qualquer coisa menos design.

# 18° Maicon Pinto Saturday 03 April 2010 às 01:25GMT

Ótimo post Henrique, parabéns e muito sucesso!

# 19° Magno Valdetaro Tuesday 06 April 2010 às 09:49GMT

Dias atrás na minha empresa tivemos uma pequena discussão sadia e breve sobre design e arte, agora leio este ótimo artigo e fico feliz por saber que meu pensamento não errado em me preocupar com o design como solução e não com cento na arte apenas. A briga entre o belo e o funcional, não que o funcional tenha de ser feio, mas o belo tem que ser funcional.

# 20° Barba Tuesday 06 April 2010 às 10:56GMT

Excelente post, excelente abordagem! Eu só definiria o “Ilustrador” como um designer gráfico mesmo. Pra mim, um webdesigner ruim é aquele que não pensa na usabilidade e até mesmo em como implementar o seu layout em uma ferramenta CMS, por exemplo (o já citado “o programador que se vire”). Já vi casos assim, aliás, vejo toda semana praticamente.

Foi uma escolha minha estudar tanto a parte gráfica de um site, como a programação. Isso agiliza o trabalho, deixa o projeto mais fácil de desenvolver e evita as dores de cabeça.

# 21° Aline Ioavasso Saturday 17 April 2010 às 08:13GMT

Realmente penso que o design de uma interface deve começar no estudo do usuário da mesma. A preocupação com a experiencia do usuário é algo que cada dia mais as empresas vêem adquirindo.

Acredito que o design bonito que não mostra resultados será em breve engulido bom um design realmente eficiente. Já vi empresas que pagaram caro por um design legal chegarem na agencia odiando seu site “bonitinho” porque não vende.

Design centrado no usuário é simplesmente a logica da coisa.

# 22° Rafael Monday 19 April 2010 às 10:45GMT

Não concordo nem um pouco com a tua afirmação “A criatividade está no completo domínio da tecnologia. Ou você acha que o iPhone foi criado no Photoshop?”

Antes de mais nada existe uma idéia, criatividade nunca pode ficar relacionada a Tecnologia ou Design senão qual a relevância?

# 23° Anjo Monday 26 April 2010 às 09:51GMT

Design centrado no designer? SDIFUHUAFASFD… po, na minha opinião não importa oq o designer vai achar…o cliente é que manda.

# 24° tplayer Tuesday 04 May 2010 às 08:51GMT

“Vamos estudar galera!”

Isso resume bem o seu texto.

No Brasil temos um grave problema com relação ao Design, já que nossas faculdades formam em grande parte apenas designer de “produto”. Isso não seria um problema tão grande se pelo menos o ensino tivesse qualidade.

Ai o que vemos são os “diplomados” indo trabalhar na área de web sem saber qual é a largura máxima que um layout fixo deve ter.

O pior ainda é que eles não aceitam dicas ou criticas, afinal eles tem um diploma para provar que sabem design.

# 25° Renato Saturday 15 May 2010 às 17:33GMT

é…, realmente, depois que li o comentário do Laivine também removi o fundo pelo firebug(por enquanto, ainda está branco)

Talvez se ele não fosse “fixed”

# 26° Marco Gomes Sunday 06 June 2010 às 09:49GMT

É bom também estar ciente da Farsa da Experiência do Usuário:

“O meu ponto aqui é que a experiência ou a subjetividade não é o fim do design. A grande razão pela qual a experiência do usuário não é alvo dos negócios é porque não é a experiência que alcança os objetivos do negócio, mas sim o desempenho das pessoas, ou em outras palavras, o comportamento do usuário, seja ele um consumidor ou um funcionário ou um jogador ou interactor.”

http://www.lucianolobato.com.br/?p=656

# 27° Ricardo Bomfim Friday 09 July 2010 às 22:43GMT

Se alguem ainda acha que não deve conhecer o contexto em que está criando, me vem a mente uma lembrança já de alguns anos, onde ao voltar a minha cidade natal me deparei com amigos indo a uma festa no interior, com carros rebaixados em uma estrada de terra.
Foi simplesmente comprometedor…

Deixe um comentário

Observação: Todos os campos obrigatórios estão marcados com um asterisco (*).

Informações de Contato

Sobre o Revolução Etc

Henrique Costa Pereira O Revolução Etc é o site pessoal do Henrique C. Pereira que trabalha com design de interfaces, planejamento, arquitetura da informação e desenvolvimento para web. Ele escreve aqui sobre várias coisas relacionadas com acessibilidade, web standards, tecnologia, desenvolvimento e o que mais der na telha, além de eventualmente escrever alguma coisa ou outra para o Webinsider. Leia mais.

Publicidade

  • Banner
  • Banner

Henrique Costa Pereira - Revolução Etc - (CC) Alguns Direitos Reservados - Powered by WordPress

O conteúdo deste site de autoria de Henrique Costa Pereira está sob a licença de Creative Commons Atribuição-Uso Não-Comercial-Compartilhamento pela mesma Licença 2.5 Brasil. Permissões e/ou restrições além do escopo desta licença podem ser vistas e/ou requeridas na minha página de licença.

Nenhum conteúdo deste site pode ser copiado e reproduzido em outro site sem autorização do autor! Mais detalhes aqui!

Powered by WordPress