UI, UX: Quem faz o quê? Um guia do designer para a indústria de tecnologia

Mais: como Apple, Facebook, Google e outros pesos-pesados ​​do mundo da tecnologia descrevem seus trabalhos de design.

Design é um termo bastante amplo e vago. Quando alguém diz que sou um designer, não está imediatamente claro o que eles realmente fazem no dia a dia. Há uma série de responsabilidades diferentes abrangidas pelo termo guarda-chuva designer.



As funções relacionadas ao design existem em uma variedade de áreas, desde design industrial (carros, móveis), impressão (revistas, outras publicações) e tecnologia (sites, aplicativos móveis). Com o fluxo relativamente recente de empresas de tecnologia focadas na criação de interfaces para telas, muitas novas funções de design surgiram. Cargos como UX ou designer de IU são confusos para os não iniciados e desconhecidos até mesmo para designers de outros setores.

Um determinado problema de design não tem uma única resposta certa.

Vamos tentar destilar o que cada um desses títulos realmente significa dentro do contexto da indústria de tecnologia.



UX Designer (User Experience Designer)

Os designers de UX estão principalmente preocupados com como o produto se sente . Um determinado problema de design não tem uma única resposta certa. Os designers de UX exploram muitas abordagens diferentes para resolver um problema específico do usuário. A ampla responsabilidade de um designer de UX é garantir que o produto flua logicamente de uma etapa para a próxima. Uma maneira que um designer de UX pode fazer isso é conduzindo testes de usuário em pessoa para observar seu comportamento. Ao identificar obstáculos verbais e não verbais, eles refinam e iteram para criar a melhor experiência do usuário. Um exemplo de projeto é a criação de um fluxo de integração agradável para um novo usuário.



Defina modelos de interação, fluxos de tarefas do usuário e especificações de IU. Comunique cenários, experiências de ponta a ponta, modelos de interação e designs de tela para as partes interessadas. Trabalhe com nosso diretor de criação e designers visuais para incorporar a identidade visual do Twitter aos recursos. Desenvolva e mantenha wireframes, maquetes e especificações de design conforme necessário.

por que algumas pessoas são mais espertas do que outras

- Descrição do trabalho do Experience Designer no Twitter

Exemplo de telas de um aplicativo criadas por um designer de UX.Crédito: Kitchenware Pro Wireframe Kit de Neway Lau no Dribbble.



Entregáveis : Wireframes de telas, storyboards, sitemap

Ferramentas do comércio : Photoshop, Sketch, Illustrator, Fireworks, InVision

Você pode ouvi-los dizer isso na selva
: Devemos mostrar aos usuários a página 'Obrigado' assim que terminarem de se inscrever.

Designer de IU (Designer de Interface do Usuário)

Ao contrário dos designers de UX que se preocupam com a sensação geral do produto, os designers de interface de usuário são específicos sobre como o produto é apresentado . Eles são responsáveis ​​por projetar cada tela ou página com a qual o usuário interage e garantir que a IU comunique visualmente o caminho que um designer de UX traçou. Por exemplo, um designer de IU que cria um painel analítico pode carregar o conteúdo mais importante na parte superior ou decidir se um controle deslizante ou um botão de controle faz o sentido mais intuitivo de ajustar um gráfico. Os designers de IU também são normalmente responsáveis ​​por criar um guia de estilo coeso e garantir que uma linguagem de design consistente seja aplicada em todo o produto. Manter a consistência nos elementos visuais e definir o comportamento, por exemplo, como exibir erros ou estados de aviso, estão sob a alçada de um designer de IU.



Conceber e implementar a linguagem visual da Airbnb.com. Crie e aprimore guias de estilo para todo o site.

como se tornar um bom contador de histórias

- Descrição do trabalho de designer de IU no Airbnb

O limite entre designers de UI e UX é bastante confuso e não é incomum que as empresas optem por combinar essas funções.

Um designer de IU define o layout geral e a aparência de um aplicativo.Crédito: Metro Style Interface 4 de Ionut Zamfir no Dribbble.

Ferramentas do comércio : Photoshop, Sketch, Illustrator, Fireworks

Você pode ouvi-los dizer isso na selva : Os links de login e inscrição devem ser movidos para o canto superior direito.

Designer Visual (Designer Gráfico)

Os designers visuais suam os pequenos detalhes que os outros esquecem.

Um designer visual é aquele que empurra pixels . Se você perguntar a um não designer o que um designer faz, provavelmente é isso que vem à mente primeiro. Os designers visuais não estão preocupados com a forma como as telas se vinculam, nem como alguém interage com o produto. Em vez disso, seu foco está na criação de belos ícones, controles e elementos visuais e no uso de tipografia adequada. Os designers visuais se preocupam com os pequenos detalhes que outras pessoas ignoram e frequentemente operam no nível de zoom de 4X a 8X no Photoshop.

Produza designs visuais de alta qualidade - do conceito à execução, incluindo aqueles para desktop, web e dispositivos móveis em uma variedade de resoluções (ícones, gráficos e materiais de marketing). Crie e itere ativos que refletem uma marca, aplique uma linguagem e injete beleza e vida em um produto.

- Descrição do trabalho do Visual Designer no Google

Também é bastante comum que os designers de IU usem uma tarefa dupla e criem os recursos perfeitos de pixel final. Algumas empresas optam por não ter uma função de designer visual separada.

Um designer visual estabelece guias e ajusta cada pixel para garantir que o resultado final seja perfeito.Créditos: Guia gratuito para iOS 7 PSD por Seevi kargwal no Dribbble.

Ferramentas do comércio : Photoshop, Sketch

como tomar uma decisão difícil

Você pode ouvi-los dizer isso na selva : O kerning está desligado e o botão deve estar 1 pixel à esquerda!

Designer de interação (designer de movimento)

Lembra-se da sutil animação de salto quando você puxa para atualizar o aplicativo Mail no seu iPhone? Esse é o trabalho de um designer de movimento. Ao contrário dos designers visuais que geralmente lidam com ativos estáticos, os designers de movimento criam animações dentro de um aplicativo. Eles lidam com o que a interface faz depois que um usuário a toca . Por exemplo, eles decidem como um menu deve deslizar para dentro, quais efeitos de transição usar e como um botão deve se espalhar. Quando bem feito, o movimento se torna parte integrante da interface, fornecendo dicas visuais de como usar o produto.

Proficiência em design gráfico, animação gráfica, arte digital, sensibilidade para tipografia e cores, conhecimento geral de materiais / texturas e compreensão prática de animação. São necessários conhecimentos de iOS, OS X, Photoshop e Illustrator, bem como familiaridade com Director (ou equivalente), Quartz Composer (ou equivalente), modelagem 3D de computador e gráficos animados.

- Descrição do trabalho do Interaction Designer na Apple

Ferramentas do comércio : AfterEffects, Core Composer, Flash, Origami

Você pode ouvi-los dizer isso na selva : O menu deve diminuir a partir da esquerda em 800 ms.

UX Researcher (User Researcher)

Um pesquisador de UX é o campeão das necessidades de um usuário.

Um pesquisador de UX é o campeão das necessidades de um usuário. O objetivo de um pesquisador é responder às perguntas gêmeas: Quem são nossos usuários? e o que nossos usuários querem? Normalmente, essa função envolve entrevistar usuários, pesquisar dados de mercado e reunir descobertas. O design é um processo de iteração constante. Os pesquisadores podem ajudar neste processo conduzindo testes A / B para descobrir qual opção de design satisfaz melhor as necessidades do usuário. Os pesquisadores de UX normalmente são pilares em grandes empresas, onde o acesso a uma infinidade de dados lhes dá ampla oportunidade de tirar conclusões estatisticamente significativas.

Trabalhe em estreita colaboração com as equipes de produto para identificar os tópicos de pesquisa. Estudos de design que abordam o comportamento e as atitudes do usuário. Faça pesquisas usando uma ampla variedade de métodos qualitativos e um subconjunto de métodos quantitativos, como pesquisas.

- Descrição do trabalho de UX Researcher no Facebook

sinais de que você deve sair do seu trabalho

Os designers de UX também ocasionalmente desempenham o papel de pesquisadores de UX.

Entregáveis : Personas de usuários, resultados de testes A / B, estudos investigativos de usuários e entrevistas

Ferramentas do comércio : Microfone, papel, documentos

Você pode ouvi-los dizer isso na selva : De nossa pesquisa, um usuário típico ...

Desenvolvedor front-end (desenvolvedor de interface do usuário)

Os desenvolvedores de front-end são responsáveis ​​por criar uma implementação funcional da interface de um produto. Normalmente, um designer de IU entrega um mockup estático para o desenvolvedor front-end, que então o traduz em uma experiência funcional e interativa. Os desenvolvedores de front-end também são responsáveis ​​por codificar as interações visuais que o designer de movimento cria.

Ferramentas do comércio : CSS, HTML, JavaScript

Você pode ouvi-los dizer isso na selva : Estou usando um sistema de grade de 12 colunas de 960 pixels.

Mostrar : Freqüentemente, os desenvolvedores front-end precisam compartilhar seu trabalho com colegas, clientes ou com o mundo do código aberto. Existem muitas ferramentas para isso, mas a maneira mais simples é obter hospedagem compartilhada e jogar arquivos HTML lá. Aqui você pode encontrar 10 principais análises de hospedagem na web . Muita informação útil aí. Prestar atenção em análise de hospedagem inmotion , assim como análise de hospedagem a2 .

Designer de produto

Designer de produto é um termo abrangente usado para descrever um designer que geralmente está envolvido na criação da aparência de um produto.

O papel de um designer de produto não é bem definido e difere de uma empresa para outra. Um designer de produto pode fazer uma codificação de front-end mínima, conduzir pesquisas de usuário, projetar interfaces ou criar recursos visuais. Do início ao fim, um designer de produto ajuda a identificar o problema inicial, define benchmarks para resolvê-lo e, em seguida, projeta, testa e itera em diferentes soluções. Algumas empresas que desejam uma colaboração mais fluida nas várias funções de design optam por este título para incentivar toda a equipe de design a possuir coletivamente a experiência do usuário, a pesquisa do usuário e os elementos de design visual.

como otimizar o google chrome

Algumas empresas usam UX designer ou simplesmente designer como um termo abrangente. Ler a descrição do trabalho é a melhor maneira de descobrir como a equipe de design da empresa divide as responsabilidades.

Possui todas as facetas do design: interação, visual, produto, prototipagem. Crie simulações e códigos perfeitos para novos recursos na web e em dispositivos móveis.

- Descrição do trabalho de designer de produto no Pinterest

Estou procurando um designer

Esta é a fase mais comum que ouço de novas startups. O que geralmente procuram é alguém que possa fazer tudo o que foi descrito acima. Eles querem alguém que possa fazer ícones bonitos, criar sites de aterrissagem A / B testados, organizar logicamente os elementos da IU na tela e talvez até mesmo fazer algum desenvolvimento de front-end. Devido ao amplo escopo dessa função, geralmente ouvimos empresas menores pedirem para contratar um designer, em vez de serem específicos em suas necessidades.

Os limites entre cada uma dessas várias funções de design são muito fluidos. Espera-se que alguns designers de UX também façam design de interação e, frequentemente, espera-se que os designers de IU também empurrem pixels. A melhor maneira de procurar a pessoa certa é descrever o que você espera que o designer faça dentro do processo de sua empresa e escolher um título que melhor represente a tarefa principal dessa pessoa.

Uma versão deste artigo apareceu originalmente aqui . Foi republicado com permissão.