Qual é a diferença entre design de interface do usuário e design de ux?

Se você é um designer iniciante, eu recomendo que você leia algo sobre a definição deles. Você pode saber a diferença deles rapidamente. Aqui estão a definição de interface do usuário e UX para referência! Espero que seja útil para você!

A definição de UX

UX não é interface do usuário

, qual é a definição de UX exatamente? Aqui não vou abordar o clichê, mas fornecer uma introdução intuitiva que ajudará você a entender rapidamente por que o UX não é uma interface do usuário.

Boa

Design UX

concentra-se no lado interativo do produto, como ele se comporta, como uma caixa deslizando para fora, e como as pessoas podem interagir com ele, como onde clicam primeiro. O UX lida com a arquitetura do conteúdo e do mapa do site.

Se você der uma olhada mais profunda na definição que agora se forma gradualmente em sua mente, você deve ter notado o mais simples

diferença entre UX e UI

. Todos nós gostamos de usar o UX como palavra de ordem predominante, mas se você estiver falando sobre como a página é organizada fisicamente, para onde as coisas devem ir, quais cores usar ou algo parecido, vamos aceitar o fato de que são coisas da interface do usuário e

UX não é interface do usuário

.

A definição de interface do usuário

Para entender melhor o porquê

UX não é interface do usuário

, UI é uma pequena parte do UX, até certo ponto. No entanto, o design da interface do usuário se concentra mais em cores e tipografia. Vamos escolher um exemplo de livro didático. Se precisar haver um botão, os designers da interface do usuário se concentrarão na parte visual. Nomeadamente, como será o botão e qual a cor a ser usada, enquanto os designers doUX estão tentando descobrir onde colocá-lo com a intenção de encontrar o que os usuários desejam e as resoluções para esses pontos problemáticos. Portanto, da próxima vez, se você ouvir algo como “criar ótimas experiências de usuário com o Silverlight 4” ou “Dominar HTML5, CSS3 e Jquery para implementar uma experiência de usuário impressionante”, você pode simplesmente rir ou vaiar se quiser.

UI - Interface do usuário e UX - User Experience são conceitos totalmente diferentes, mas estão interligados entre si e sem um o outro é inútil na maioria dos casos.

Então, digamos que você esteja construindo uma casa e esteja em fase de planejamento.

Então você liga para um engenheiro e fala sobre os requisitos da sua casa. Se você é um indiano, a primeira coisa que você faz no planejamento é considerar o Vastu. Depois, você escolhe quantos quartos de cama precisa, quantos banheiros e qual o tamanho do hall central, onde a TV deve ir, onde a fiação deve acontecer, canos de água, cozinha, varanda etc. e a lista continua.

Então, se você olhar aqui basicamente, está apenas decidindo sobre as coisas necessárias ou básicas para planejar uma casa. Você escolhe um lugar para colocar sua TV, mas não decide qual TV comprar nesse estágio. Você planeja o espaço para os quartos de cama, mas não decide qual colchão da empresa deve ser comprado. Você planeja a fiação, mas não decide quais switches e aparelhos elétricos da empresa comprar.

Todo o planejamento que você fez até agora é experiência do usuário. Você decide o que deve ir para onde, mas não qual estilo ou cor vai para lá. Da mesma forma, no caso do design de aplicativos para dispositivos móveis, você começa com quadros de arame básicos que indicam onde os botões devem estar e onde a foto deve estar, onde o texto deve ser colocado etc.

Então, depois que o plano é elaborado e o teto e as paredes básicos são elevados com toda a fiação e gesso, etc., você chama um designer de interiores.

Você, juntamente com o designer de interiores, senta e decide quais produtos da empresa comprar, que cor preferida, tipo de madeira, roupas para as cortinas e todos os detalhes complexos. Este processo é interface do usuário. Já existe um plano e, com base no plano, você decora sua casa com sua escolha pessoal (na perspectiva do designer de interiores, ele está projetando com base na perspectiva do cliente)

Da mesma forma, no Mobile App Design com todo o design de estrutura de arame feito, o designer escolhe o estilo dos botões (retângulos arredondados, retângulos etc.), cor dos botões, quais gráficos usar, quais gráficos usar, quais imagens usar, qual animação usar para transição de uma página para outra em todos os estágios posteriores do design.

Espero que você entenda qual é a diferença entre UI e UX. Eu ainda queria que ele fosse escrito como UI / UX, mas sim UX / UI porque o UX vem primeiro e a interface do usuário vem depois.

Geralmente, nas startups, há um único designer fazendo trabalhos de interface do usuário e UX.

Experiência de usuário ou experiência do usuário é simplesmente a experiência que o usuário tem ao usar / interagir com seu produto.

O design UX é sobre o processo de aplicação de diferentes métodos e disciplinas de design para criar um produto ou serviço que idealmente ofereça uma ótima experiência ao usuário. (Verificação de saída

)

A principal coisa que eu acredito aqui é que os designers de UX não são os únicos que contribuem para a experiência geral do usuário. Ter suporte de qualidade ao cliente, ótimo conteúdo, um produto responsivo e confiável também são fatores essenciais para uma ótima experiência do usuário.

Design UX é um termo genérico. Abrange uma variedade de processos e habilidades que moldam o usuário

experiência

de um produto digital. Esses incluem:

- Pesquisa - Usabilidade - Arquitetura da informação - Design de interação - Design visual - Conteúdo

O design da interface do usuário concentra-se na otimização do

interface

de um produto digital. Ele usa tipografia, cor e layout para criar a melhor experiência de usuário possível em uma página da web ou tela de aplicativo individual.

Então, para usar o Quora como um exemplo:

Um designer de UX pesquisaria quem usa o Quora e como ele lê, pesquisa e responde a perguntas. Eles projetavam e testavam uma série de jornadas e wireframes de usuários para otimizar esses processos.

Um designer de interface do usuário usaria essas jornadas e wireframes para criar páginas eficazes e bonitas para o site do Quora e telas para o aplicativo móvel Quora. Eles decidiriam o melhor tipo de letra a ser usado e a posição, cor e apresentação de cada elemento.

Eu descrevi o design de UX e UI como processos separados, mas eles se sobrepõem constantemente e o limite entre eles é uma área muito cinzenta.

Um único designer pode ter habilidades em UX e UI. Se designers separados de UX e UI estão trabalhando em um projeto, eles idealmente colaboram durante todo o processo de design.

No nível mais básico, o

interface de usuário (UI)

é a série de telas, páginas e elementos visuais - como botões e ícones - que você usa para interagir com um dispositivo.

Experiência do usuário (UX)

, por outro lado, é a experiência interna que uma pessoa tem ao interagir com todos os aspectos dos produtos e serviços de uma empresa.

UX é a experiência geral que um usuário tem com o produto, e UI é o que o usuário realmente interage e vê

Há muita confusão sobre o que são UI e UX, quais são as principais diferenças ou se existem diferenças. Definitivamente, são coisas diferentes, mas devem andar de mãos dadas para criar uma experiência bonita e intuitiva.

O jeito que sempre expliquei é pensar em construir uma casa. Ao construir uma casa, você precisa pensar na ampla estrutura e layout.

  • Você precisa de 2 ou 3 quartos?
  • Esses quartos têm banheiro próprio?
  • A sala de estar é a primeira coisa que você entra depois de entrar pela porta?
  • É uma casa de um ou dois andares?

Para mim, o UX é a experiência geral da sua casa (ou produto). As coisas fazem sentido? Como isso faz seu usuário se sentir?

O próximo nível da jornada do usuário é a interface com a qual eles realmente interagem. Continuando com o exemplo da casa, a interface do usuário é o tema visual em toda a casa. Que tipo de papel de parede você usará? Você tem os mesmos vasos de flores em casa? Ou diferentes?

A interface do usuário é, como o próprio nome indica, o que o usuário realmente interage e vê. Isso inclui botões, formulários, imagens etc.

UX sem interface do usuário significa que você tem um quadro e uma estrutura em sua casa, mas não é bonito e coeso. A interface do usuário sem o UX é como espalhar cores e detalhes impressionantes por toda a casa, mas ter a porta da frente diretamente para o banheiro. Você precisa de ambos para criar uma incrível experiência de ponta a ponta.

Normalmente, o design do UX vai além do design da interface do usuário, porque você deseja fazer pesquisas, esboços amplos e fluxos de trabalho gerais primeiro. Então, depois de entender os traços gerais, você trabalha no design da interface do usuário para reunir tudo para que pareça um produto bonito e bem projetado.

Vamos começar com o elemento comum para esses dois: design. Entre o significado múltiplo dessa palavra, um dos principais e mais populares soa como “decidir sobre a aparência e o funcionamento de um objeto; fazer ou planejar algo com um propósito específico em mente ”. Portanto, a diferença está no objetivo:

O design da interface do usuário visa criar uma interface de usuário eficaz e atraente, enquanto o design do UX visa fornecer uma experiência positiva ao usuário.

A interação com um produto via interface do usuário faz parte da experiência do usuário, portanto, podemos afirmar que o design de UX como um termo e como um campo de design é mais amplo e inclui o design de interface do usuário como parte integrante.

Design da interface do usuário do aplicativo Calendário

Trabalhando no UX para um produto digital, como um site ou aplicativo móvel, os designers do UX precisam se concentrar em aspectos como:

-

usabilidade

(o produto é conveniente, claro, lógico e fácil de usar) -

Utilitário

(o produto fornece conteúdo útil e resolve os problemas dos usuários) -

acessibilidade

(o produto é conveniente para diferentes categorias de usuários) -

desejabilidade

(o produto é atraente e soluciona problemas, mantém os usuários e cria a experiência positiva que eles estão prontos para repetir).

Em nosso artigo

O melhor guia para criar um aplicativo móvel

mencionamos que, como em qualquer processo criativo, fazer uma interface do nada é um processo sofisticado que tem suas peculiaridades e características individuais em cada caso específico. Ainda assim, com base em

Tubik Studio

Com vasta experiência, é possível definir várias etapas criativas típicas para esse processo, como as seguintes:

  • definindo a tarefa e o escopo inicial dos trabalhos
  • pesquisa de usuário / mercado
  • Wireframing UX
  • prototipagem
  • UI design
  • animação
  • teste.

Todos esses estágios têm um impacto na experiência do usuário que as pessoas interagem com um produto, em particular:

  • A pesquisa do usuário significa aprofundar-se nos detalhes do público-alvo principal para entender suas preferências e peculiaridades psicológicas, a influência de diferentes fatores como cores, decisões estilísticas e lógica de interação nas emoções e na experiência do grupo definido, as fontes de informação e formas de desempenho criativo o que poderia envolver os usuários e torná-los ativos.
  • Pesquisa de mercado significa explorar o segmento de mercado, principalmente na perspectiva de soluções criativas usadas pelos concorrentes. O design visual pressupõe a criação de um estilo original e reconhecível que fará com que o produto se destaque da multidão e chame a atenção do cliente em potencial.
  • A estrutura de arame UX é o processo de criação da estrutura geral do aplicativo ou site projetado. Geralmente, isso é realizado através do conjunto de telas ou páginas esquemáticas de nível de fidelidade baixo ou médio. O objetivo deste estágio é definir uma estrutura clara e ordenada de todo o layout, transições e interações com base nos problemas e dificuldades do usuário que o produto resolverá. No resultado, ele cria um esquema claro, cuja complexidade depende da funcionalidade do produto e reflete todo o sistema de transições e interações, bem como o posicionamento de todos os elementos da interface com base no fluxo de uso ideal. Em alguns casos, a wireframing feita em esboços a lápis ou rascunhos é suficiente, embora, de preferência, seja realizada com ferramentas especiais e software, otimizando o processo de design e aumentando o desempenho.

Exemplo de estrutura de arame UX para

Cuidados de Saúde App.

  • A prototipagem é o estágio em que os designers criam o modelo de amostra do produto que permite testá-lo e ver se as soluções e decisões tomadas sobre o produto são eficientes. Os protótipos não devem ser vistos como análogos do produto final, pois não são esses. Seu principal objetivo é permitir que um designer, um cliente e um usuário verifiquem a correção e a adequação das soluções de design.
  • O design da interface do usuário é o estágio de configuração e polimento de todos os detalhes da interface. A interface do usuário é na verdade um campo interativo finalizado no qual o usuário interage com o produto. Ele inclui todas as ferramentas para aumentar a usabilidade e satisfazer as necessidades e desejos dos usuários-alvo. Todos os recursos da percepção visual, bem como os sentimentos sonoros e táteis que influenciam o uso e a interação do produto, devem ser analisados ​​e otimizados aqui para o objetivo do aplicativo ou do design de um site. Por exemplo, aspectos como paleta de cores, tipos e fontes, formas e formulários, ilustração e animação e assim por diante são capazes de afetar muito o desempenho do produto final, tanto de maneira positiva quanto negativa.

Exemplo de interações da interface do usuário para

Cuidados de Saúde App.

Em termos gerais, o

O estágio de pesquisa e wireframing do UX é sobre como o site ou aplicativo funciona, enquanto a interface é a aparência.

Ambas as etapas incluem trabalho sobre interações bem-sucedidas, mas

O UX lida mais com lógica, conexões e comportamento do usuário, enquanto o estágio da interface do usuário fornece representação visual de todo o conceito.

Isso significa que o ideal é que o designer trabalhe primeiro na peça UX com concentração no layout, tornando-a mais poderosa, pensada, clara e fácil de usar. Sem esse trabalho vital, você corre o risco de criar uma bagunça pura na interface do usuário. Depois que a parte UX é testada por protótipo, acordada e o conceito de layout, transições e recursos são aceitos, o designer inicia a parte de design da interface do usuário. É o momento em que um coração e um cérebro recém-nascido do seu produto são revestidos com a pele e os ossos. Aqui, o produto obtém seu esquema de cores real, formas e recursos dos detalhes do layout, estilos, elementos animados e assim por diante.

Todas as soluções de interface do usuário influenciam diretamente a experiência positiva ou negativa do usuário; portanto, os processos de wireframing e design de interface do usuário do UX devem se apoiar mutuamente e seguir a mesma estratégia, caso contrário, as soluções eficientes de um estágio não funcionarão no outro.

Felizmente, a resposta será útil. Como sempre, estou aberto à discussão, se necessário.

Aqui está um processo valioso no qual você sempre deve estar pensando. Eu sempre gosto de usar esta imagem em uma apresentação. Ele coloca as coisas em perspectiva ao falar sobre interface do usuário versus UX e deve nos levar a pensar mais sobre toda a experiência. Embora o UX e a interface do usuário sejam um pouco diferentes, eles são inextricavelmente relacionados. Ambos estão incompletos sem o outro. Devemos sempre pensar nas expectativas do usuário quando ele chegar a um site e depois descobrir como ele cumpre essa promessa. Freqüentemente os dois não estão em uníssono, que meu querido Watson é o desafio. Interessado em seus comentários também ...

A analogia do frasco de ketchup está errada! Pare de se referir a ele!

É uma maneira enganosa de defini-lo, então vou corrigir isso.

Má analogia -

Parte da interface do usuário (interface do usuário) neste exemplo é a aparência (forma, material, design visual) da garrafa, aplicável a ambos, portanto, dizer que a garrafa à direita é UX e não a UI está incorreta. Existe uma experiência no uso dos dois frascos, por assim dizer, o primeiro é a interface do usuário e o UX também não está correto.

Esta é a ilustração correta da diferença real entre UI e UX em um nível básico.

UI é a interface do usuário. o

interface

é o que usamos para distribuir o ketchup, que neste caso é a garrafa de vidro. É a forma, o material e também inclui o design visual do rótulo.

UX é o

No geral

experiência

de usar a garrafa de ketchup. O uso da garrafa de pressão proporcionaria uma melhor experiência ao usuário, pois é mais fácil de usar do que sacudi-la do copo.

Esta é uma definição básica.

Por que digo que isso é básico?

Isso ocorre porque a interface do usuário tem um elemento muito mais profundo que não pode ser separado do UX, e isso é algo que mais designers precisam realizar. Vou explicar porque

.

A maioria refere-se à interface do usuário como aparência, layout, fonte etc., com ênfase no

fator visual

, que não está incorreto, mas é

incompleto

. Nesse caso, o fator visual da forma e do material da garrafa determina como realmente a usamos. A aparência da garrafa espremida de cabeça para baixo também nos ensina como deve permanecer naturalmente, e que devemos segurá-la de uma maneira invertida e não convencional. Se o rótulo foi mal projetado, podemos ter uma impressão ruim. Isso significa que

A interface do usuário realmente afeta o UX

. Por causa disso,

A interface do usuário também faz parte do UX e não pode ser totalmente separada dele

. Muitos designers tentam traçar uma linha definitiva entre os dois, mas essa é realmente a maneira errada de olhar para ela.

Portanto, entenda que, em um nível básico, a interface do usuário se refere à aparência visual, enquanto o UX se refere à experiência geral, mas, em um nível mais avançado, a interface do usuário também faz parte do UX e não pode ser totalmente separada dela.

—-

Eu também vou te ensinar isso como parte da minha filosofia pessoal-

Os melhores designers não tentam definir os limites entre a interface do usuário e o UX, mas os conquistam.

. Eles não pensam em formas limitadas, como ser um designer de interface do usuário ou um designer de UX, mas podem assumir a falta de forma e ser ambos e muito mais. Lembre-se disso, porque quanto mais você puder fazer, mais competitivo e bem-sucedido será.

Este é o princípio da falta de forma

, minha filosofia de design pessoal sobre a qual escrevi um livro. Se você quiser saber mais, confira meu livro

O Tao do Design e da Experiência do Usuário: A Melhor Experiência é Nenhuma Experiência