Qualquer design, não importa o quão bom seja, será completamente inútil se não for um design UX. Existem centenas de milhares de recursos por aí que criam interfaces e designs gráficos alucinantes e empregam os melhores profissionais com talentos irreais, mas eles não conseguem seu lugar na web. E isso porque a interação entre o site e os usuários está crescendo exponencialmente, o que significa que para encontrar o feedback do usuário, os web designers precisam cuidar da experiência do usuário (UX - User Experience). É nesta fase que as ferramentas de design UX vêm para o resgate - excelente serviços online que dão dicas sobre design interfaces de usuário designers. Falaremos sobre eles com mais detalhes neste artigo.

Uma vez que os designers devem levar em consideração não apenas a beleza e a organização correta dos elementos, mas também fatores mais complexos relacionados ao comportamento dos visitantes no site, eles frequentemente recorrem ao uso de ferramentas de design UX que podem ajudá-los a automatizar algumas tarefas ou simplificar muito o processo de sua implementação. Felizmente, o design de interface não é mais um tópico novo e existem centenas de ferramentas de design UX na Internet. Claro, não vamos listar todos eles. Para ajudá-lo, selecionamos apenas algumas das ferramentas de design de UX mais interessantes e úteis, com breves descrições para mostrar suas principais características e dar a você a oportunidade de escolher a que melhor se adapta.

Ferramentas de design UX para modelagem e criação de maquetes e protótipos

A prototipagem se tornou uma necessidade para todos os designers que desejam ter sucesso na frente de design UX e melhorar a experiência do usuário. A criação de maquetes, modelos e protótipos permite que eles testem qualquer ideia em ação antes de investir tempo, esforço e dinheiro no projeto. Com essas ferramentas de design UX, você pode testar seu produto em todo o processo de produção e fazer melhorias para criar uma experiência de usuário robusta para seu público-alvo.

Ferramenta de design de interface Moqups

O aplicativo Moqups isana HTML5 é projetado para criar maquetes, maquetes e protótipos. O Moqups oferece uma ampla variedade de predefinições e modelos que você pode usar para criar a base de seu projeto. Você pode personalizar cada componente e definir suas próprias cores, tamanho do texto, ícones, etc.

Wireframe

Esta é outra ferramenta de wireframing com uma interface minimalista amigável. A ferramenta é fácil de usar e inclui apenas o mínimo necessário de funções, tornando o processo de uso o mais simples possível. A criação de diagramas com essa ferramenta tem a vantagem de que os usuários podem compartilhá-los facilmente com outras pessoas. Cada esquema ou maquete que você cria obtém seu próprio URL exclusivo que pode ser enviado ao cliente ou a outros membros da equipe.

Lápis

É uma ferramenta de prototipagem gráfica. Por ser uma ferramenta de código aberto, você pode instalá-la em seu Computador pessoal e começar a fazer protótipos gráficos mesmo sem acesso à internet. Claro, você não deve esperar recursos avançados e funcionalidades complexas dele, mas ele lida com suas tarefas principais.

Balsamiq

Não quer gastar horas fazendo protótipos? Neste caso, basta experimentar o Balsamiq. É simples, mas muito eficaz quando se trata de prototipagem. Com o Balsamiq, os usuários podem criar vários layouts que podem ser testados e selecionados para fornecer o melhor resultado.

PowerMockup

Você é um mestre do PowerPoint? Então você vai adorar essa ferramenta, pois ela transforma o PowerPoint em uma poderosa ferramenta de design UX para fazer maquetes. Isso significa que você não precisa aprender nenhum software novo. O PowerMockup permite que pessoas sem habilidades técnicas especiais participem do processo de design e desenvolvimento, o que é definitivamente uma de suas principais vantagens.

Mockplus

Mockplus tem tudo que você precisa para seu próximo projeto, desde belas interações visualizadas, 200 componentes integrados e 3000 ícones, até coedição e testes em tempo real em dispositivos reais. Esta ferramenta de design de IU ajuda você a transformar suas ideias de maneira fácil e eficaz em protótipos totalmente funcionais. Além disso, a ferramenta de design Mockplus equilibra facilidade de uso com funcionalidade sofisticada para criar qualquer elemento de protótipo.

UXPin

Procurando uma ferramenta que permita criar protótipos e maquetes interativos? UXPin é uma ferramenta intuitiva e fácil de usar. Com ele, você pode até ter uma ideia de como o produto ficará em dispositivos móveis, apenas mudando o tamanho da tela do navegador.

Solidificar

Gliffy

Gliffy não é apenas mais uma ferramenta de prototipagem de design UX; é muito mais. O Gliffy permite que os usuários criem diagramas de rede, desenhos técnicos complexos, fluxogramas, diagramas UML e muito mais. É intuitivo interface clara permite que você crie gráficos em minutos.

POP

Ferramentas de teste A / B

A ideia por trás dessas ferramentas é criar duas versões de uma página e, em seguida, testá-las para ver qual versão funciona melhor. Taxas de conversão, tempo médio gasto na página e outras métricas são alguns dos fatores que você pode usar para avaliar o desempenho da página de um site.

Desinion

Não tem certeza se está criando um projeto que os usuários realmente desejam ver? Com esta ferramenta de teste A / B, você pode fazer qualquer pergunta de seu interesse e obter uma resposta real do usuário. A ferramenta tem um recurso muito útil - a discussão. Você pode iniciar uma discussão em seu site para envolver os usuários no processo de design. Além disso, você pode criar discussões privadas e compartilhá-las apenas com amigos ou colegas.

Otimizador de website visual

É uma ferramenta simples, mas extremamente poderosa, que permite testes A / B de alto nível. Com sua ajuda, você também pode realizar testes multivariáveis ​​e testes de divisão. Relatórios segmentáveis ​​e análises de receita também estarão disponíveis no Visual Website Optimizer.

Otimizadamente

É uma ferramenta de teste A / B robusta que permite aos usuários executar um teste sem entrar em detalhes técnicos e sem a necessidade de habilidades especiais. A falta de código e edição visual completa o torna muito popular entre os profissionais de marketing.

Ferramentas de teste de usabilidade

Quando se trata de um bom design de UX, você pode precisar de ferramentas de teste de usabilidade para ajudá-lo a entender o problema de experiência do usuário e identificar as necessidades e psicologia dos usuários-alvo. Se você puder definir o que os visitantes e clientes em potencial realmente desejam e construir uma interface baseada nesse conhecimento, o design certamente impressionará e energizará o público. Ferramentas de teste de UX de usabilidade pode ser dividido em ferramentas de teste de usabilidade remotas e ferramentas de feedback. Nesta seção, coletamos essas e outras soluções para que você possa escolher a que melhor se adapta a você.

Loop11

Loop11 é uma ferramenta de teste de usabilidade simples que não requer conhecimento de código HTML ou linguagens de programação. Dentro da ferramenta, você pode usar modelos prontos ou criar um tema você mesmo. Além disso, existem várias maneiras de convidar colaboradores para testar seus projetos. Você pode criar sua própria lista de usuários com base em redes sociais, crie uma janela pop-up no site para encontrar pessoas interessadas. Tudo o que você precisa fazer é criar uma lista de perguntas ou incluir designs diferentes para escolher e, em seguida, enviar um convite para as pessoas pedindo que respondam. Com base nos resultados, você poderá fazer as alterações de projeto necessárias.

Ovo louco

Essa ferramenta o ajudará a tornar sua página mais amigável e a aumentar suas conversões, criando a experiência de usuário certa. Funciona da seguinte maneira. Você envia seu design, após o qual os profissionais de usabilidade e experiência do usuário irão analisá-lo e compartilhar seus comentários, que você pode usar para melhorar seu site.

Ferramentas de Usabilidade

É uma das ferramentas de design UX mais amplamente utilizadas e ganhou imensa popularidade entre designers e profissionais de marketing por sua funções úteis... Esta ferramenta ajuda a analisar as páginas do site do ponto de vista do usuário. Esta grande vantagem para o designer é que ele dá pistas específicas sobre onde e quais mudanças o designer precisa fazer para aumentar as conversões, ou quais elementos precisam ser movidos para poder cutucar o usuário a realizar certas ações. Essa ferramenta de usabilidade também permite feedback e feedback de pessoas que realmente usam o produto.

Appsee

É um "software analítico" usado para rastrear a atividade dos usuários do aplicativo. Essa ferramenta o ajudará a obter informações valiosas sobre como os usuários interagem com seu aplicativo. A função "Gravação do usuário" deste instrumento é a mais impressionante. Ele registra a atividade do usuário e, portanto, oferece uma excelente visão do comportamento do usuário. É uma ferramenta útil para melhorar o desempenho geral do seu aplicativo e aumentar as conversões.

Attensee

É uma ferramenta de rastreamento do comportamento do usuário que ajuda você a entender como o seu público-alvo está visualizando as páginas do seu site. O Attensee lhe dá uma indicação visual de se as pessoas estão percebendo "elementos importantes do seu site". Isso está diretamente relacionado ao design, como se você descobrisse que um número significativo de usuários não está realmente se concentrando em elementos importantes como banners, botões de call to action, ofertas especiais, Attensee pode ajudá-lo a consertar isso.

UserVoice

Esta é outra ferramenta poderosa que permite visualizar e analisar as várias ações dos usuários enquanto navegam em seu site. Esta ferramenta permite que você receba feedback direto de usuários reais e consertar os problemas que eles enfrentam.

MouseStats

Como o nome desta ferramenta sugere, MouseStats ajuda a rastrear as ações do usuário com o mouse. Como você provavelmente sabe, os movimentos do mouse imitam os movimentos dos olhos do usuário. O rastreamento dos movimentos do cursor e a rolagem darão dicas importantes sobre como os usuários interagem com o seu design. A melhor coisa sobre essa ferramenta é que ela fornece uma representação visual da atividade do usuário e, portanto, ajuda a fazer as alterações necessárias.

Ferramentas de design UX para prototipagem e design colaborativo

Trabalho em equipe é um pré-requisito quando se trata de desenvolver bons designs de UX para seu público-alvo. Se você está acostumado a trabalhar em equipe, precisa ter acesso às ferramentas apropriadas que podem ajudar os membros de sua equipe a colaborar de forma eficaz e sem esforço e fazer suas próprias sugestões. Abaixo estão as ferramentas de design UX para prototipagem e design colaborativo que você pode achar úteis.

FileSquare

Não é apenas uma ferramenta de colaboração. Ele permite que você crie um protótipo interativo e, ao mesmo tempo, colabore com outros membros da equipe. Tome decisões criativas e obtenha feedback em tempo real das pessoas.

Notismo

Você está trabalhando com conteúdo visual e procurando uma ferramenta de colaboração? Então você precisa do Notismo. Para tornar a comunicação com a equipe o mais conveniente possível, utiliza esboços e anotações. As notificações chegam em tempo real, para que você possa obter feedback de colegas e clientes assim que alguém as anotar.

caneta vermelha

Com a RedPen, o design colaborativo e a prototipagem serão rápidos e fáceis. Esta ferramenta UX é para modelagem e prototipagem de design colaborativo. É especialmente projetado para facilitar a colaboração com conteúdo gráfico. A troca de opiniões é muito simples: para selecionar qualquer um dos elementos e deixar uma nota, basta passar o mouse sobre ele. Depois disso, uma pequena caixa de texto aparecerá onde você pode deixar seu feedback.

Memosort

Com o Memosort, a distância não é mais um obstáculo. Esta ferramenta incrível é uma das melhores ferramentas de design colaborativo que existem. Isso o ajudará a se conectar com a equipe e colaborar em tempo real. Todas as notas no Memosort são salvas automaticamente, então você não precisa se preocupar Boa ideia ou a oferta pode ser perdida.

Trello

Esqueça o que é longo e chato emails O Trello está aqui para facilitar a colaboração e a comunicação para a equipe. A vantagem dessa ferramenta é que ela é gratuita. Dentro da ferramenta Trello, existem cartões especiais que representam diferentes projetos. Tudo o que você precisa fazer para adicionar pessoas a um projeto é arrastá-lo e soltá-lo no mapa apropriado. A ferramenta também é atualizada em tempo real.

Invision

É uma combinação interessante de ferramenta de colaboração e prototipagem. Com ele, você pode criar protótipos e modelos interativos. A interação em tempo real é possível com o Invision. Tudo que você precisa fazer é enviar um link do design para outros membros da equipe e eles podem trabalhar nele e fazer sugestões também.

Resumindo

Essas são algumas ferramentas de design UX que ajudam os web designers a criar projetos online de forma independente e em equipe, bem como coletar informações sobre a experiência do usuário para fins de autoaperfeiçoamento. Se você sabe mais ferramentas úteis que esquecemos de mencionar - certifique-se de escrever sobre isso nos comentários!

Se pretende desenvolver-se na área do design, é claro que necessita de melhorar constantemente as suas competências, estar a par das tendências e conhecer os requisitos do design moderno, bem como as condições especiais. Um desses termos é design UX / UI.

Na verdade, quando precisei descobrir há dois anos que tipo de “semanas” e “ui” eram, eu tive que cavar bem antes de poder entender o que é e como um difere do outro. Muito se escreveu sobre isso e, ao mesmo tempo, nem sempre é claro. Portanto, proponho compreender esses conceitos juntos.

Vamos começar com a UX. UX significa Experiência de usuário, que literalmente se traduz em "experiência do usuário". A forma como o design UX de, por exemplo, um site é pensado, mais conveniente é para o usuário pesquisar. a informação que você precisa ou interagindo com ele. Em outras palavras, a tarefa do design UX é resolver os problemas de funcionalidade e conveniência de uma ferramenta ou recurso.

Aliás, o conceito não se refere apenas à área de TI, mas também a praticamente qualquer outra. Podemos dizer que o desenho UX de uma caneta esferográfica é quão bem ela escreve, quanta pasta de escrita é suficiente, se ajuda a formar a caligrafia correta, se é conveniente para transportar, com tampa protetora ou automática ... Em geral, quão bem o produto resolve a tarefa para a qual se destina e, ao mesmo tempo, é importante - quão claro é para o usuário.

O usuário deve se sentir confortável e entender tudo

Quanto ao design da IU, em nesse caso esta é a abreviação de Interface de usuário, novamente literalmente - "interface do usuário". Este mesmo tipo de design determina a cor, forma, tamanho e localização dos elementos, nomes e tamanho das fontes. Ou seja, a IU é um componente visual, cuja tarefa, se você quiser, é destacar e destacar certos elementos de um site ou produto. Ou seja, tornar um produto ou recurso agradável à vista e intuitivo de usar. Por exemplo, a percepção do texto depende de como ele está dividido em parágrafos, do tamanho e tipo de fonte, da presença de títulos e ilustrações e do espaço ao redor do texto.

Diferenças entre UX e design de IU

Apesar da aparente semelhança entre esses dois conceitos, eles executam funções diferentes, sendo parte integrante de quase qualquer projeto. Para entender melhor as diferenças entre esses tipos de design, considere um exemplo - os resultados da pesquisa Yandex.

Estrutura interna, hierarquia, uma grande quantidade serviços adicionais (Direto, Métricas, Wordstat e assim por diante) é UX. Mas, por exemplo, o fato de que os links que você já acessou estão destacados em uma cor diferente - esta é a IU. Também se aplica à IU que o site tenha um fundo branco, recuos entre os resultados da pesquisa, suficientes para uma percepção confortável, favicon, bem como a capacidade de ir para o correio no canto superior direito do site a qualquer momento.

Designer UX pensa em como o usuário irá interagir com o sistema para que ele atenda às suas expectativas. Designer de interface do usuário pensa em como deve ser: ícones, fotos, fontes, composição de cores, facilidade de percepção em geral. E muitas vezes a mesma pessoa está fazendo essa tarefa, muitas vezes na vaga de um designer, UI e UX são escritos através de /.

Os conceitos são diferentes, mas semelhantes na medida em que visam garantir o conforto do usuário.

Formulários

Conforme mencionado acima, os termos UI e UX são aplicáveis ​​não apenas à área de TI. Na verdade, eles apareceram assim que o primeiro produto foi criado. Isto é, muito tempo atrás. Por exemplo, uma das primeiras inovações no design UX pode ser considerada roda.

O recente surgimento de termos, semelhanças na grafia e no escopo costumam ser enganosos. Como parte do meu blog, prestarei mais atenção aos tópicos relacionados ao desenvolvimento interfaces web e design comercial.

Para entender os problemas de design de UX / UI, não é suficiente ler um tutorial ou alguns artigos uma vez, entender o básico e concluir alguns projetos. O campo do web design está mudando e evoluindo quase todos os dias, então os requisitos e o fato de que “ ontem"Estava na moda," hoje"Não é mais comme il faut.

Como saber se o seu design está certo

Se estamos falando sobre a tarefa de vender, então a "correção" do design UX é verificada por Teste A / B ou grupos de foco... Isso permite que você veja como a interface é clara e conveniente para o usuário. Por exemplo, todos os membros do grupo de foco têm a tarefa de encontrar uma seção específica no site ou se cadastrar. A rapidez com que lidam com isso diz muito sobre a qualidade do design UX.

O conceito de design da IU, neste caso, é mais subjetivo, pois muitas vezes depende da pretensão e do gosto do usuário. E o que parece bonito para um, machuca os olhos do outro. No entanto, existem diretrizes gerais (disposição clara de blocos, texto contra o fundo, destaque ou destaque de elementos clicáveis ​​e assim por diante) que qualquer pessoa que projeta produtos digitais deve seguir.

Escreva nos comentários Abaixo está a sua opinião se consegui divulgar e se não, com o que devo complementá-la.

Tudo depende do grau de bombeamento da avó. Se sua avó é uma designer de UX / UI, então você provavelmente não precisará de metáforas simplistas. Para uma avó menos curiosa, isso pode ser uma desculpa: "Eu trabalho com aplicativos móveis e online." Se tentarmos compor uma definição a partir de palavras que uma avó comum entende, refletindo tão laconicamente e de perto o significado quanto possível, será: "Estou melhorando a qualidade dos serviços digitais (UX), incluindo o design de pontos, canais para recebendo esses serviços (UI). "

Tatiana Pchelintseva, em Graduado do curso "UX / UI Design" BHSAD

“Para minha avó ... Acontece que até meu pai, até recentemente, não entendia o que eu estava fazendo. Houve um incidente engraçado. Papai perguntou para quem eu estava estudando. Respondi que estamos fazendo produtos digitais, melhorando a experiência do usuário. (Pausa) "Você vende queijo pela Internet?" Por que exatamente queijo, ainda não entendo, mas me impressionou muito. Eu tive que dizer que cada um de nós é um designer de UX.

Os pais fizeram recentemente reparos no apartamento, equipando-o de acordo com suas necessidades: prateleiras de parede na altura em que será conveniente para a mãe organizar os livros, o sofá está localizado a uma distância da TV para que seu efeito no os olhos são mínimos, a cafeteira está sempre em um lugar de destaque ... Um designer UX também está engajado no design, mas não tanto em sua própria experiência quanto na de outra pessoa: identifica os objetivos do usuário / negócio, identifica suas dores e propõe soluções. "

Denis Ushakov, em BVShD graduado

“A parte mais difícil do que fiz foi explicar para a minha avó, que percebe a frase“ design de produto ”como algo relacionado a um armazém e pergunta constantemente com que tipo de produtos eu trabalho. :)

Mas, em geral, tanto para a avó quanto para os pais, uma explicação usando o exemplo do volante de um carro é bastante adequada: o design UX explica a localização do volante no carro, e a IU explica isso. aparência».

Um exemplo é um dos projetos de graduação de nossos alunos este ano - uma vitrine digital para a Tele2. Trata-se de um quiosque de autoatendimento nos salões da Tele2, que permite que você mesmo obtenha os serviços necessários e economize tempo. Os alunos do curso tiveram a tarefa de redesenhar a UX e a IU da vitrine digital de forma a tornar esse serviço conveniente, aumentar a conversão e “digitalizar” as comunicações entre assinantes e a operadora móvel.

Projeto de alunos do curso "UX / UI Design" BHShD para Tele2: vitrine digital para Tele2

Os designers pensaram tanto na lista de funções do mostruário e na sua sequência, na localização da navegação na tela, nos passos para a obtenção deste serviço. Para fazer isso de forma eficaz, não basta simplesmente desenhar a tela, tudo é desenvolvido com base em pesquisas, testes e outras ferramentas de design de produto que um designer de UX / UI deve possuir.

2. Quais são as competências de um designer UX / UI ideal?

Na época do surgimento do termo "design de experiência do usuário" (UXD), o termo "design de interface" (UID) já existia e tinha uma lista clara e estável de artefatos - aqueles resultados do trabalho do designer de interface de produtos digitais que possibilitou a criação de uma interface: ícones, botões, criação de maquetes, kit de interface do usuário, trabalho com fontes, grades, criação de ilustrações e assim por diante.

A introdução de competências UXD no campo de desenvolvimento de soluções digitais gerou uma classe de designers de UX que adicionaram novos artefatos a este processo associados a uma abordagem mais científica e métrica para design de serviço: pesquisa de usabilidade, pesquisa de usuário, desenvolvimento de arquitetura de informação, usuário análise de rota. É como se um designer de móveis trabalhasse com ergonomia para criar não apenas cadeiras bonitas e robustas, mas mais confortáveis.

Com o advento da agilidade em Programas(Agile, Scrum), o número de especialistas altamente especializados nas equipes começa a diminuir devido ao aumento do número de competências de cada participante. Em equipes de produtos ágeis, fica imediatamente claro que a separação das responsabilidades de UX e UI aumenta o tempo de desenvolvimento devido às constantes mudanças e crescentes requisitos de "aceitação" do trabalho entre designers. Eventualmente, um dos designers fica doente, então o trabalho todo começa. Portanto, as equipes de produto preferem recrutar designers de UX / UI que combinem, embora superficialmente, as competências UXD e UID, em vez de dois especialistas profundos.

Combinação de competências de UX / UI designer

Quanto esses designers ganham? A resposta mais precisa para essa pergunta é hh.ru. De acordo com o serviço, hoje as empresas estão prontas para oferecer UX / UI designers de 70.000 a 200.000 por mês ou mais.

Você pode construir sua trajetória de diferentes pontos de partida mas, é claro, partindo de um designer gráfico, desenvolvedor de software, analista de negócios digital, pesquisador social ou psicológico, a trajetória será mais curta e o caminho mais rápido. Existe um elemento de complementaridade e aprendizagem mútua nas equipes de design. Para a eficácia deste processo, são elaborados os chamados “mapas estelares”, onde é assinalado o grau de posse das diferentes competências. E, por exemplo, se um designer não possui animação, ele é transferido para uma equipe onde essa habilidade é desenvolvida. É o que fazemos com os nossos alunos, só ocorre rodízio ao final de cada módulo.

Daria Salnikova, UX / UI designer da Tele2

“Antes de estudar na Grã-Bretanha, trabalhei como designer gráfico, havia projetos em web services, mas em algum momento não gostei do fato de me conectar ao produto apenas na última fase, quando não posso mais afetar seu usabilidade. Ou seja, você desenha botões, ícones, arruma de acordo com a atribuição técnica, mesmo que internamente entenda que será inconveniente ou não resolverá o problema.

Portanto, decidi me aprofundar no design de UX / UI, para entender como um produto é desenvolvido do zero, como a pesquisa é realizada, o usuário é estudado, suas tarefas e comportamento? e como tudo afeta a interface. Primeiro, fiz um curso introdutório online da AIC, depois fui praticar na Inglaterra. Depois de vários projetos de treinamento para Golden Crown e Mail.Ru, consegui um emprego como designer de UX / UI na Tele2. Além do portfólio, foi importante como posso trabalhar em equipe, quais funções ocupei nesses projetos, quais tarefas, além de interfaces, posso resolver outras soft skills.

Agora estou trabalhando em um sistema de fidelidade para clientes da Tele2. E isso é completamente diferente: trabalhamos com analistas, e quando se trata de IU, já posso discutir a localização, forma, cor de cada elemento da interface. Tínhamos caras no curso que não eram da área de design (marqueteiros, gerentes, desenvolvedores). No curso, eles dominaram as ferramentas de prototipagem, aprenderam a fazer alguns elementos de interface. É claro que eles não têm o mesmo background de design que os designers gráficos. Mas é tão bom quando até mesmo gerentes ou desenvolvedores entendem de design, podem fazer um protótipo, consertar um banner, um ícone e geralmente começar a entender que design é um grande trabalho. "

Dmitry Ershov, chefe da serviços na nuvem, JSC "MegaLabs"

“O MegaLabs possui várias equipes, entre as quais são distribuídos os produtos MegaFon. Por exemplo, agora estamos procurando designers para as equipes MegaFon.Bank e MegaFon.TV. Quando já olhei o portfólio e conversei com um especialista em UX / UI, primeiro verifico meus conhecimentos teóricos: composição, tipografia, cores. Para cada um dos tópicos, faço várias perguntas, e se o designer responder “Eu vejo dessa forma” - imediatamente menos 1 ponto. Mas se, por exemplo, ele se oferece para escolher uma cor usando um esquema de tríades, fica claro que ele está familiarizado com os fundamentos da cor.

Quando a teoria é verificada, eu descubro qual dos cinco níveis de UX de acordo com o modelo de Jess Garrett é o mais "estimulado" para o candidato e, dependendo do nível, apresento vários problemas. Os designers de produtos da MegaFon são pessoas que criam interfaces com base nos objetivos e necessidades dos clientes da empresa. É dada preferência àqueles que entendem os problemas e oferecem várias soluções no local.

Perguntas de desenvolvimento são sempre feitas em entrevistas. Eu geralmente mostro vários sites e pergunto quantas colunas existem na grade, ou como o JS difere do CSS. Um designer deve ser capaz de explicar tudo isso para "empacotar" suas idéias em uma linguagem que os desenvolvedores possam entender ".

3. É difícil encontrar um emprego?

Por um lado, a indústria vive uma escassez desses especialistas e está disposta a pagar muito, por outro lado, agora muitos designers estão procurando trabalho e há muito tempo não conseguem encontrar um trabalho decente. Qual é o problema com ambos?

Em primeiro lugar, você precisa mudar seu pensamento. De "como fazer belas telas de portfólio" a "como deixar as pessoas mais felizes depois de interagir com um produto". Pode acontecer que você não precise desenhar telas, e as pessoas vão agradecer por isso. Para criar esses artefatos, ferramentas e metodologias de design reais são usadas: Design thinking, mapeamento da história do usuário, mapeamento do fluxo do usuário, mapeamento da jornada do cliente, teste de divisão, teste de usabilidade, pesquisa quantitativa e muitos outros. Embora às vezes você possa obter os resultados certos da maneira errada. A situação no mercado de novas profissões é instável, agora é uma ocupação bastante demandada e lucrativa, mas a demanda cria oferta.

Evgeniy Zasimenko, graduado em BHSAD, designer de produto na Avito

“Comecei a procurar um emprego de designer de produto alguns meses antes do final do curso. Isso não quer dizer que seja muito ativo, mas gostei de Avito quando estávamos lá em uma excursão de Britanka. O processo de recrutamento era bastante normal na indústria de design: revisão de portfólio, atribuição de teste, duas entrevistas e recebi uma oferta.

O desenvolvimento do produto é antes de tudo trabalho em equipe, no qual o designer deve participar desde o início e estar envolvido na renderização de interfaces com base em métricas e pesquisa, ser capaz de criar protótipos para testes, trabalhar em conjunto com desenvolvedores e, o mais importante, deve ajudar a atingir um objetivo comum. "

Os processos de empresas que exigem um designer de produto elevam o padrão de entrada: além de compreender as ferramentas de design, também requer experiência prática em seu uso, bem como capacidade de trabalhar em equipe. Portanto, além das ferramentas e metodologias atuais, oferecemos aos nossos alunos casos reais de grandes marcas e os combinamos em equipes multifuncionais.

Neste ano, conseguimos concretizar cerca de 20 projetos para diversos tipos de empresas: desde a esperada fintech - Alfa-Bank, MTS, MegaFon - até startups na área da tecnologia agrícola. Muitos alunos conseguiram encontrar trabalho como resultado da defesa de projetos nas empresas para as quais realizaram o projeto, pois os clientes nesse processo veem suas competências e experiência prática.

Denis Ushakov, graduado em BHShD

“Nosso projeto era desenvolver o aplicativo móvel AgroClick para a Agricultura Exata. O aplicativo de scooter agrônomo o ajuda a manter todos os dados da planta em um só lugar, estruturá-los e compartilhá-los rapidamente. A essência da solução é agilizar a comunicação entre um agrônomo de motoneta, que fica no campo o dia todo coletando informações sobre as lavouras, e um agrônomo especialista, que toma decisões importantes no escritório, por exemplo, na compra de agrotóxicos.

Agora continuo trabalhando no projeto como designer de produto já na equipe desta empresa. O próprio cliente me ofereceu o cargo de designer de produto, pois eles já tinham visto do que eu era capaz, tínhamos experiência em trabalhar juntos. Parece-me que quase todos os colegas de classe ao final dos estudos conseguiram um emprego relacionado a UX / UI em empresas como Raiffeisenbank, Sberbank Technologies, Tele2, Mail.ru, IBM Rússia e outras. "

4. A demanda por tais especialistas continuará crescendo nos próximos 5 anos?

Devido ao fato de que os negócios de diferentes empresas - de bancos a restaurantes - estão sendo digitalizados, pode-se esperar um aumento no desenvolvimento interno e uma transição para trilhos de produtos de desenvolvimento customizado. Conseqüentemente, a necessidade de designers de UX / UI será alta. Não posso prometer montanhas de ouro, pois o mercado para novas profissões está se adaptando cada vez mais rapidamente à demanda, como aconteceu com os especialistas em big data. aprendizado de máquina, blockchain e outras áreas, mas um designer de produto treinado com bom portfólio e o histórico agora é caro e muito procurado em todo o mundo.

“Acho que não se trata tanto do nome“ UX / UI-design ”, mas mais sobre funcionalidade e responsabilidade. A demanda não vai cair, claro, mas para quem? Ondas são observadas: no início, todos procuravam uma pessoa versátil - designer, designer de layout, redator. Isso porque as empresas ou não tinham dinheiro para isso, ou não entendiam por que deveriam gastá-lo com designers. Então o hype UX começou, departamentos internos de pesquisa e design apareceram, o conceito de não tanto botões, mas experiência do usuário passou a ser usado. Começamos a testar, design thinking, eye trackers. Eles começaram a pensar em processos, não em telas.

Acho que a próxima onda se concentrará na conscientização e implementação dos principais conceitos e princípios de UX em todas as profissões de criação de produtos. Ou seja, estarão em demanda especialistas que, no nível do DNA, entendam os princípios da pesquisa, os métodos básicos de análise de usuários e processos e de experiências de projeto. E isso não exclui altas habilidades de design. Acredito no crescimento da competência em design, porque designer é bom, mas a sensação de beleza no sentido amplo da palavra não foi cancelada. ”

5. Como o trabalho de um designer de UX / UI se reflete na vida cotidiana?

Se aceitarmos que quase tudo que usamos foi inventado por designers, quase todos os serviços digitais em massa - sites para celular, serviços da web e outros - agora estão sendo inventados pelo Designer de Produto Digital. Aplicativos bancários, serviços de operadora de telecomunicações, comércio eletrônico, namoro serviços, geolocalização e serviços de informação... Você pode continuar por muito tempo - é mais fácil abrir a área de trabalho celular ou um laptop de mesa e folhear aplicativos instalados... Todos esses são produtos digitais, no componente lógico e visual com o qual trabalham os designers de UX / UI.

Projeto de alunos do curso "UX / UI design" BHSAD para MTS: um guia mobile para adaptação e desenvolvimento de funcionários MTS

O trabalho pode ser criar um produto completamente novo ou digitalizar serviços existentes. Por exemplo, nossos alunos fizeram um case para o MTS - um guia móvel para a adaptação de novos funcionários e seu desenvolvimento com o sistema de gamificação e outras funções. Sempre houve um sistema de adaptação: de um departamento de RH padrão aos serviços de RH e um sistema de mentoria, mas a solução digital é algo novo. É mais flexível, eficiente e permite resolver vários problemas da empresa através de um único serviço: networking, formação, organização do trabalho dos colaboradores.

A vida útil dos modelos de negócios lucrativos está diminuindo rapidamente. Para se manter à tona, você precisa criar constantemente novos produtos digitais e desenvolver os existentes. Marcas que não conseguem se adaptar à velocidade saem dos trilhos. assim empresas modernas mude para ciclos adaptativos rápidos de mudança constante. Trata-se apenas do notório Agile e Scrum. Projete-Desenvolva-Aprenda e circule novamente. Consequentemente, a experiência em design como parte desse círculo torna-se fundamental.

Alina Ermakova, chefe do Departamento de Pesquisa Analítica de Interação do Usuário da Sberbank-Technologies

“Algumas semanas atrás, voltei da conferência Enterprise UX em San Francisco. Grandes empresas falaram sobre como projetam serviços públicos, ou grandes sistemas fintech, ou, por exemplo, como o Uber mantém a consistência, estando presente em 77 países do mundo. UX / UI já está em seu DNA. Isso não é uma etapa, não é um método, é um processo normal de produção. Não há cerimônias de design thinking, por exemplo.

Todo o processo de criação de produtos é o pensamento de design. A equipe usa os métodos certos onde se sente bem. Isso faz parte do trabalho. E não foram os jovens designers modernos que foram contratados para desenhar as interfaces que entraram em cena. Havia tios e tias com mais de 45 anos, donos de empresas, diretores executivos de empresas. Porque isso já está no nível do bom senso. "

6. Quais são as metodologias mais populares atualmente?

Na Rússia, a cultura de design de produto está apenas emergindo. A estrutura do Design Thinking já se tornou parte integrante do programa de treinamento corporativo interno em nossas grandes empresas e corporações: Rosatom, Sberbank, Alfa-Bank e outros.

Os derivados do Design Thinking são tradicionalmente populares em empresas digitais - Google Ventures Design Sprints, IBM Design Thinking, bem como várias ferramentas de Design Thinking - modelagem de personagens, pesquisa etnográfica, mapas de partes interessadas, mapeamento da jornada do cliente e outros. Relativamente novo, mas digno de nota, é o framework Jobs To Be Done, onde o produto é desenvolvido não tanto com base nas características do usuário, mas com base na situação em que ele se encontra. A relevância da metodologia depende tanto do escopo da empresa quanto dos processos internos. Implementar o mesmo Scrum em uma grande empresa é mais demorado e difícil do que em uma startup, mas tudo é realista, o principal é o desejo de fazer um ótimo produto para as pessoas.

Dmitry Ershov, chefe de serviços em nuvem, MegaLabs JSC

“Para produtos que não mudarão, usamos o modelo clássico de desenvolvimento em cascata, e para aqueles em constante evolução, escolhemos SCRUM. Descrevemos novos produtos ou funcionalidades usando diagramas de casos de uso, mas experimentamos o conceito Tarefas a serem realizadas, em que tais diagramas não são necessários.

No planejamento de novos lançamentos, avaliamos a funcionalidade de acordo com a importância para os usuários, para o negócio e em termos de custo de mão de obra. A parte mais difícil é avaliar a importância para os usuários. Para alcançar mais objetividade, usamos a estrutura HEART. Ele ajuda você a ver as novas funcionalidades através das lentes dos objetivos do usuário.

Às vezes surgem disputas, por exemplo, o product owner discorda do designer. Nesses casos, desenvolvemos e lançamos diferentes opções ao mesmo tempo para avaliar a eficácia de cada uma delas. A solução mais eficaz é determinada pelas estatísticas de comportamento do usuário. "

7. Em quais setores as técnicas de design de UX / UI serão integradas no futuro?

Se considerarmos a prática global, as áreas de desenvolvimento mais lento são áreas com baixa competição, por exemplo, serviços governamentais - é aí que podemos colocar a mão. No nosso país, tradicionalmente baixa literacia financeira e jurídica, por isso, não com a rapidez que gostaríamos, existem produtos direccionados para a gestão de património e todo o tipo de serviços jurídicos.

No curso fazemos muito fintech, um dos casos recentes é um serviço móvel que ajuda uma pessoa a administrar suas finanças e investir. Para remover a barreira de comunicação entre o banco e o usuário, os alunos decidiram fazer uma ferramenta no formato chatbot que funcione em qualquer messenger amigável.

O projeto dos alunos do curso de UX / UI design do BHSAD para o banco Ak Bars: um assistente financeiro pessoal, uma ferramenta para investimentos em qualquer mensageiro conveniente.

A IDEO tem sido reconhecida como uma força motriz na aplicação do design thinking há muitos anos. Por seus casos recentes, você pode ver que essa metodologia está ativamente começando a ser aplicada no campo da educação, no desenvolvimento de eletrônicos vestíveis e na solução de problemas globais.

É claro que o aumento da concorrência em vários tipos de negócios obrigou as empresas a se tornarem digitais. Portanto, se hoje vemos que a tecnologia agrícola, a medicina, a restauração e outras esferas off-line começaram a oferecer serviços online, amanhã eles precisarão de nossas metodologias para oferecer ao mercado novas funções e produtos, para criar e atualizar suas soluções digitais mais rápido, para ser mais flexível e deixar seus clientes mais felizes.

“A maioria das empresas ainda vê a pesquisa de UX / UI, design thinking e outras técnicas criativas como um serviço, um serviço separado que pode ser solicitado ou contratado. Pensar como designer não pode ser comprado, você tem que começar. Todos =) ", - diz Alina Ermakova, chefe do departamento de pesquisa analítica de interação do usuário em Sberbank-Technologies.

Design é um termo bastante amplo e vago. Quando alguém diz: "Eu sou um designer", não fica imediatamente claro o que ele faz todos os dias. Existem várias indústrias diferentes que se enquadram neste conceito.

As responsabilidades do trabalho relacionadas ao design variam de design industrial (automóveis, móveis), impressão (revistas e outras publicações) a web design (sites, Aplicações Móveis) Com o recente afluxo de empresas de alta tecnologia focadas na criação de interfaces para telas, tem havido muitos novo emprego... A posição de um designer de UX ou UI pode ser incompreensível não apenas para os não iniciados, mas até para os próprios designers, que vêm de outras indústrias.

"Não há uma única resposta correta para essa pergunta."

Vamos tentar descobrir o que isso realmente significa na indústria de TI.

Designer UX

Os designers de UX estão principalmente preocupados com como o produto interage com o usuário... Não existe uma única resposta correta para esta pergunta. Os designers de UX exploram diferentes abordagens para resolver um problema específico do usuário. A principal tarefa de um designer de UX é garantir que o produto flua logicamente de uma etapa para a próxima. Uma das maneiras pelas quais um designer de UX pode descobrir isso é fazendo testes de usuário pessoalmente e aprendendo como eles se sentem. Ao identificar obstáculos verbais e não verbais, ele corrige e itera para criar uma experiência “melhor” para o usuário. Um exemplo é a criação de uma integração incrível para um novo usuário.

“Definir modelos de interação, fluxo de tarefas do usuário e especificações de interface. Desenvolva cenários, interações ponta a ponta, modelos de interação, desenvolvimento interface gráfica do utilizador. Trabalhar com nosso diretor de criação e designer gráfico para integrar o lado visual do Twitter com seus características funcionais... Desenvolva e mantenha wireframes, maquetes e especificações conforme necessário. "

Um exemplo de uma tela de aplicativo projetada por um designer de UX
Fonte: Kitchenware Pro Kit Wireframe de Neway Lau no Dribbble.

Tarefa: Wireframes de tela, storyboards, planta do local

Ferramentas: Photoshop, Sketch, Illustrator, Fireworks, InVision

Você provavelmente ouviu dele: “ O usuário deverá ver a página "Obrigado" após o término do registro. "

Designer de interface do usuário

Ao contrário dos designers de UX, que estão preocupados com a percepção geral do produto, o que é importante para designers de IU é que como o produto parece... Eles são responsáveis ​​por projetar cada tela ou página com a qual o usuário interage e fornecer a IU visual que o designer UX projetou. Por exemplo, um designer de IU, criando um painel, pode trazer mais informação importante ou decide se o controle deslizante ou painel de controle é o mais intuitivo para adicionar à programação. O designer da interface do usuário também é geralmente responsável por criar orientação completa por design, que fornece uma linguagem de design coerente que abrange todo o produto. Mantenha a consistência dos elementos visuais e determine em qual direção trabalhar. Por exemplo, como exibir erros ou avisos está dentro da competência de um designer de IU.

“Concepção e implementação da linguagem visual do Airbnb.com. Criação de um guia de estilo estendido. "

As linhas entre UI e UX designer são muito confusas, e muitas vezes as empresas optam por combinar essas funções.

O designer de UI determina a sensação geral e a aparência do aplicativo.
Fonte: Metro Style Interface 4 de Ionut Zamfir em Dribbble.

Ferramentas: Photoshop, Sketch, Illustrator, Fireworks

"Os campos" entrar "e" registrar "devem ser movidos para o canto superior direito."

Designer gráfico

"Os designers gráficos trabalham nos pequenos detalhes aos quais os outros não prestam atenção."

Um designer gráfico é alguém que faz gráficos - muito provavelmente um não designer responderá se você perguntar o que um designer faz. Os designers gráficos não se importam como as telas fazem referência umas às outras, nem como alguém interage com um produto. Em vez disso, seu foco é projetar belos ícones, controles e visuais e criar uma aparência adequada. Os designers gráficos trabalham em pequenos detalhes que outras pessoas não podem ver e geralmente trabalham no Photoshop com ampliações de 4x e 8x.

“Produzir projetos visuais de alta qualidade: do conceito à execução, inclusive para desktop, web e dispositivos móveis com resoluções diferentes(ícones, gráficos e materiais de marketing). Criar e iterar recursos que refletem a marca, tornam o produto bonito e dão vida a ele. "

Os designers de IU também precisam fazer não apenas seu próprio trabalho, mas também fazer um layout perfeito em pixels. Algumas empresas optam por não ter uma pessoa separada para a função de designer gráfico.

Um designer gráfico projeta, dirige e ajusta cada pixel para garantir o resultado final perfeito.
Fonte: IOS 7 Guide Freebie PSD por Seevi kargwal em Dribbble.

Ferramentas: Photoshop, Sketch

Você provavelmente já ouviu falar dele:"Diminua o kerning e mova o botão 1 pixel para a esquerda!"

Designer de movimento

Lembra-se do movimento sutil quando você abre a tela para atualizar o e-mail do seu iPhone? Este é o trabalho de um designer de movimento. Ao contrário dos designers gráficos, que tendem a lidar com objetos estáticos, os designers de movimento criam animações dentro de um aplicativo. Eles lidam com o que a interface faz depois que o usuário a toca... Por exemplo, eles decidem como o menu deve deslizar, quais efeitos usar para as transições e como o botão será pressionado. Quando bem feito, o movimento se torna parte integrante da interface, fornecendo dicas visuais sobre como usar o produto.

“Conhecimento é necessário design gráfico, design de movimento, arte digital, senso de cor e tipografia, conhecimento geral de materiais / texturas e uma compreensão prática de animação. Conhecimento firmware iOS, OS X, Photoshop e Illustrator e familiaridade com Director (ou equivalente), Quartz Composer (ou equivalente), modelagem 3D de computador, gráficos em movimento. "

Ferramentas: AfterEffects, Core Composer, Flash, Origami

Você provavelmente já ouviu falar dele:"O menu deve aparecer a partir da esquerda em 800 ms."

Pesquisador de UX

Um pesquisador de UX sabe tudo sobre as necessidades dos usuários.

Um pesquisador de UX sabe tudo sobre as necessidades dos usuários. O objetivo do pesquisador é responder a duas questões principais: "Quem são nossos usuários?" e "O que nossos usuários querem?" Normalmente, isso inclui pesquisas de usuários, pesquisas de mercado e análises de dados. O design é um processo de iteração constante. Os pesquisadores podem ajudar neste processo executando testes A / B para descobrir qual opção de design melhor atende às necessidades dos usuários. Os pesquisadores de UX tendem a ser o esteio de grandes empresas, onde o acesso a grandes quantidades de dados lhes dá ampla oportunidade de tirar conclusões estatisticamente significativas.

“Trabalhar junto com as equipes de desenvolvimento para identificar tópicos de pesquisa. Projeto de pesquisa relativo às ações e percepções do usuário. Realizar pesquisas usando e aplicando uma variedade de métodos, como pesquisas. "

O termo UX se originou em 1993 nas entranhas da Apple Corporation, a transcrição soa como User eXperience. Com a crescente popularidade dos dispositivos móveis, esse conceito virou moda e começou a ser usado em todos os lugares. Mas mesmo agora, nem todos podem responder com certeza o que é design de UX, como ele difere do design de IU e por que essas coisas são frequentemente mencionadas em conjunto. Nós vamos ajudá-lo a descobrir.

O que é design UX

Em russo, design UX é design de experiência do usuário. É uma das primeiras etapas na criação de um produto e serve para tornar a aplicação lógica, conveniente e útil. e os sites determinam quais impressões uma pessoa terá ao usá-los, como exatamente ela usará esses produtos.

Onde é melhor colocar a entrada em sua conta pessoal? Quantas etapas um usuário precisa percorrer para se inscrever em um boletim informativo ou fazer um pedido? Como ele saberá que a operação foi bem-sucedida? Esses são os tipos de perguntas que um designer UX decide.

O design UX inclui diferentes componentes:

• arquitetura de informação;
• design interativo;
• usabilidade (um indicador da simplicidade, conveniência e eficácia de um produto aos olhos dos usuários).

Um designer UX entende a psicologia e as emoções dos usuários, analisa suas expectativas em relação ao produto e define uma meta a ser alcançada. Em seguida, ele escolhe as ferramentas adequadas e apresenta um aplicativo ou estrutura de site que atenda a todos os parâmetros necessários.

Uma ideia rudimentar de um site ou aplicativo é como um quebra-cabeça desmontado em nosso escritório. Pela vontade do designer UX, uma estrutura clara é formada a partir dessas peças.

Como um designer de UX, não há tarefas monótonas, portanto, projetos diferentes geralmente requerem pessoas com habilidades em campos diferentes. São laboratórios inteiros com equipamentos técnicos potentes, nos quais uma equipe de várias pessoas está trabalhando em pesquisas. Em tais laboratórios, existem dispositivos que registram as reações psicofísicas dos usuários (por exemplo, movimentos do olhar e batimentos cardíacos), realizam pesquisas, observam os usuários usando o método incluído e não incluído, etc.

É importante para os designers de UX serem capazes de:

• conduzir pesquisas de usuários;
• crie wireframes e protótipos de sites e aplicativos. Isso ajudará a avaliar em que direção desenvolver o aplicativo ou site. Além disso, a habilidade de desenhar não é uma habilidade obrigatória para um designer UX moderno. Existem muitas ferramentas de prototipagem onde você pode usar elementos prontos para criar uma visualização competente da interface (por exemplo, Axure, Balsamiq ou UXPin);
• interação de design, ou seja, imaginar como exatamente uma pessoa usará o produto. Para isso, são criados mapas de rotas do usuário ao longo das telas do aplicativo, wireframes interativos de sites e aplicativos com diferentes opções de design;
• testar o produto;
• fazer análises. O uso de várias métricas (como Webvisor, Hotjar, Mixpanel, UXcam ou Appsee) ajudará você a entender a eficácia do design e a refinar o produto com base em dados reais.

Você pode ler mais sobre os princípios e fundamentos do design de interface UX em.

O que é design de IU

O design da interface do usuário ou design da IU é a personificação visual do design UX. Sua tarefa é tornar um aplicativo, site ou outro produto intuitivo, atraente e o mais fácil de usar possível, usando certas soluções gráficas.

O designer de IU é responsável pela aparência de cada tela ou página individual. Ele é responsável pelos controles gráficos, como botões e caixas de seleção, fontes, esquemas de cores e vários recursos visuais.

Qual deve ser a aparência do botão para facilitar o clique? Que tamanho de fonte devo escolher para tornar o texto legível? Como formato a mensagem de erro para que chame a atenção, mas não seja irritante? O design de interface do usuário ajuda a encontrar respostas para essas perguntas.

O designer de IU usa vários editores gráficos em seu trabalho: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

Enquanto trabalha na aparência do aplicativo na tela do gadget, o designer de interface do usuário se concentra nas diretrizes da plataforma móvel - conjuntos de recomendações da Apple e do Google, graças às quais os aplicativos de terceiros parecem consistentes e se encaixam perfeitamente no conceito geral.

Se fizermos uma analogia muito simples com a vida, o design UX é o layout de um apartamento e as comunicações, e a IU é a escolha de papel de parede e piso. No entanto, na prática, UX e design de IU estão intimamente relacionados, o segundo segue logicamente o primeiro e, frequentemente, a mesma pessoa está envolvida em ambos. Portanto, a linha entre os dois conceitos é borrada e eles são indicados juntos.