Traduzindo literalmente esses termos vemos que UI Design significa User Interface Design, ou em português Design da Interface do Usuário, e UX Design seria User Experiencie Design, e em nossa língua Design da Experiência do Usuário.

Confesso que no início me pareceu um pouco confuso, mas pesquisando e estudando sobre este assunto, vi que na verdade a diferença entre esses termos é bem simples. Vou citar um exemplo ótimo que eu li e que ilustra muito bem essa diferença.

Imagine uma BANANA!

Podemos analisar essa fruta sob dois aspectos diferentes: suas características e propriedades físicas como o seu formato, sua casca, cor e seu sabor. Isso seria o Design da Interface do Usuário (UI Design). De um outro lado, também podemos fazer uma análise sob como o usuário interage com essa fruta, a facilidade de se transportar para onde você quiser, descasca-la e comê-la. Esses aspectos estariam ligados ao Design da Experiência do Usuário (UX Design).

Esse exemplo simples nos mostra uma tendência atual, onde um bom produto deve oferecer uma interface e experiência centradas no usuário.

Quem nunca teve uma experiência desagradável acessando um site, ou até mesmo na hora de achar uma função no caixa eletrônico do banco? Na verdade a experiência do usuário começou a existir desde a primeira vez em que as pessoas começaram a utilizar objetos para realizar algum tipo de tarefa. Podemos considerar uma boa experiência quando realizamos uma tarefa de forma rápida, sem frustração e sem encontrarmos entraves no meio do caminho.

Na prática, os UX Designers e UI Designers trabalham para melhorar a interação dos usuários com o produto, seja ele físico ou virtual, interferindo na definição de quais tarefas, funcionalidades, qual a ordem e como esses usuários irão realizar essa interação.

Para quem quiser se aprofundar no tema um pouco mais, sugiro a leitura do livro Introdução e boas práticas em UX Design do Fabrício Teixeira. Um livro com um texto super direto, recheado de exemplos e informações práticas que podem ser incorporadas a nossa rotina de trabalho.

E o que fazem os UI e UX Designers?

Na prática os UX Designers não se preocupam com a identidade visual do produto, cores, formato dos objetos, se um botão dever ser retangular ou com cantos arredondados. Esses aspectos e todos os detalhes de como a interface do produto com usuário vão funcionar, ficam sob responsabilidade do UI Designer. Já o UX Designer exerce um papel mais estratégico, determinando quais funções estarão disponíveis para o usuário, definindo qual a ordem das interações necessária para se realizar uma determinada tarefa, pesquisando como os usuários estão compreendendo uma nova função incorporada ao produto, ou ainda definindo como os conteúdos irão ser categorizados e organizados dentro do projeto.

Mas o UX Designer e o UI Designer podem ser a mesma pessoa? Sim, sem problema algum. Se essa pessoa dominar todo o conhecimento necessário para desempenhar estes papéis, não há problema algum. Na prática, o que observamos é que em empresas de menor porte, normalmente uma pessoa acaba assumindo esses dois papéis, e em empresas maiores, encontramos pessoas diferentes desempenhando essas atividades separadas.

Por fim, observamos cada vez mais que os produtos estão tendo o usuário como centro das atenções, e não é atoa. Uma má experiência ou uma interface mal desenvolvida podem acabar determinando o sucesso ou fracasso do seu produto. Se uma boa ideia por si só não for capaz de ser percebida como uma boa experiência pelo usuário, fatalmente ela não triunfará diante da concorrência.

Mas então: como devemos proceder na hora de orçar um projeto?

Antes de mais nada é preciso delimitar onde começa e onde termina o projeto. O que está dentro do escopo dos serviços é tão importante quanto o que ficará de fora. Por exemplo: O orçamento deve prever a diagramação de uma peça, porém a impressão do material não faz parte dos serviços. Ou ainda, o orçamento deve prever o desenvolvimento de um site somente na língua portuguesa (BR), sem sua versão em uma outra língua estrangeira.

Parece besteira, mas a delimitação dos serviços acaba evitando muita dor de cabeça para quem demanda e para quem executa o projeto.

Após a delimitação, é importante detalhar cada etapa que compõe o escopo a ser orçado. Neste ponto, devemos levantar todas as informações pertinentes para a compreensão do que deverá ser executado. A falta de um detalhe, por menor que possa parecer, pode afetar diretamente o custo do projeto. Um exemplo: desenvolvimento de um projeto gráfico e diagramação de um livro. Mas qual o formato e número de páginas do livro, ou ainda, quantas cores as páginas deverão ser impressas? Outro exemplo: Desenvolvimento de um site em uma determinada plataforma. Mas onde este site será hospedado? O servidor está preparado para hospedar o site ou descobriremos no momento de implantação que teremos problemas? Quem irá arcar com as despesas relacionadas a esse servidor?

Seja detalhista na especificação de cada etapa do escopo a ser orçado. Não hesite em questionar cada pequeno detalhe. Peque pelo excesso e nunca pela falta de informação.

Orçamento delimitado e detalhado, chegou a hora de construir o cronograma de execução do projeto? O prazo de entrega dos produtos também pode interferir diretamente no custo ou até mesmo na viabilidade do desenvolvimento de uma etapa. Reveja com cuidado quanto tempo cada etapa irá demandar, seja ela executada pela sua equipe ou por terceiros subcontratados. Aqui vale a máxima de que tempo também é dinheiro. Para os casos onde o prazo de execução é muito curto, talvez a contratação de um reforço na equipe seja necessário ou até mesmo a escolha de um determinado fornecedor que trabalhe mais rápido também. E isso pode e deverá encarecer o projeto.

Com o cronograma desenhado e os respectivos custos alinhados, as chances de algum imprevisto acontecer diminuem bastante. E neste ponto, contratante e contratado devem ser sinceros. Jogar limpo é a melhor solução para todos. Em algumas situações, exigir prazos de entrega muito curtos, além de desnecessário, poderá encarecer o custo do projeto.

Agora chegamos em um ponto delicado: limite de verba disponível. Nem sempre quem está contratando um serviço gosta de abrir o teto limite que se pode gastar. Mas já parou para pensar que na área de design podem existir uma dezena de possibilidades de solução para um mesmo problema? A definição do limite disponível para o projeto pode facilitar e muito a escolha da “melhor solução”. Digo aqui melhor entre aspas, no sentido de a melhor solução dentro das possibilidades disponíveis, no limite de verba determinado.

Então não custa tentar levantar qual o limite de gastos para o projeto, e a partir desta variável, avaliar qual ou quais as melhores possibilidades a serem desenvolvidas. Com isso evitamos a desagradável sensação de frustração de ambas as partes, na hora da entrega do produto final apresentando uma solução abaixo da expectativa.

E por fim, tão importante quanto tudo que foi apresentado anteriormente: documente tudo! Delimitação do escopo, detalhamentos de cada etapa, cronogramas e custos. Essas informações devem ser compartilhadas por ambas as partes, e não podem nem devem serem perdidas de vista antes, durante e após a execução do projeto.

Espero que tenham gostado e que ajude nas suas atividades. Boa Sorte!