Ao longo das \u00faltimas d\u00e9cadas, muito foi modificado pela tecnologia. Para falar a verdade, ela se fundiu a tantas coisas que \u00e9 muito dif\u00edcil, hoje em dia, pensar em nossa vida sem esses recursos. J\u00e1 imaginou ficar sem celular? Ou sem internet? Pois \u00e9.<\/p>\n
No caso do design, al\u00e9m de ter facilitado diversas atividades com ferramentas digitais<\/a> e dispositivos, ela tamb\u00e9m trouxe novas maneiras de se pensar e trabalhar. \u00c9 o caso do design de intera\u00e7\u00e3o.<\/strong><\/p>\n Uma parte do universo UX, essa \u00e9 uma das atividades respons\u00e1veis pela usabilidade dos aplicativos e mecanismos digitais que conhecemos. Neste texto, vamos falar o que voc\u00ea precisa saber para come\u00e7ar nessa carreira. Continue com a leitura!<\/p>\n \u00c9 o design respons\u00e1vel pelos componentes de intera\u00e7\u00e3o de um produto<\/strong> para que o usu\u00e1rio possa atingir o seu objetivo. Sendo assim, a ideia principal \u00e9 projetar pensando exclusivamente na usabilidade. Seus princ\u00edpios s\u00e3o, geralmente, utilizados na constru\u00e7\u00e3o de aplicativos e sites.<\/p>\n Um profissional de design de intera\u00e7\u00e3o deve n\u00e3o s\u00f3 ter um conhecimento t\u00e9cnico, voltado ao desenvolvimento de produtos digitais, ele tamb\u00e9m precisa estar atento para avaliar os aspectos humanos<\/strong>, como gostos, capacidade de aprendizado, entre outros, para definir o seu produto.<\/p>\n \u00c9 um pouco dif\u00edcil definir os princ\u00edpios que fazem o design de intera\u00e7\u00e3o ser o que \u00e9. \u00c9 uma \u00e1rea bastante ampla, os elementos que a comp\u00f5em v\u00e3o desde a est\u00e9tica, movimento e espa\u00e7o (itens comuns do design tradicional), mas tamb\u00e9m abordam outras \u00e1reas, como a efici\u00eancia e utilidade de uma ideia, por exemplo.<\/p>\n Imagine um cursor de mouse. N\u00e3o podemos negar que a sua constru\u00e7\u00e3o envolve uma s\u00e9rie de componentes que v\u00e3o al\u00e9m do dispositivo. Por exemplo, a cor n\u00e3o pode ser apenas um branco qualquer, \u00e9 preciso que seja um tom que fa\u00e7a ele ser vis\u00edvel em superf\u00edcies com cores semelhantes, ao mesmo tempo, n\u00e3o pode cansar a vista.<\/p>\n Isso tudo pode parecer detalhes, mas s\u00e3o idealizados para serem o mais funcional poss\u00edvel para o usu\u00e1rio. A seguir, vamos entender quais s\u00e3o cada um dos princ\u00edpios.<\/p>\n Uma das caracter\u00edsticas principais do design n\u00e3o \u00e9 a sua rela\u00e7\u00e3o com a est\u00e9tica, como podemos pensar. Claro, ela \u00e9 importante, mas \u00e9 utilizada de uma maneira funcional. Ali\u00e1s, nada que componha uma pe\u00e7a de design deve estar l\u00e1 porque \u00e9 “bonita”, ela precisa ter uma fun\u00e7\u00e3o.<\/p>\n Esse \u00e9 um princ\u00edpio tamb\u00e9m usado quando estamos falando de intera\u00e7\u00e3o, a prioridade de tudo o que \u00e9 desenvolvido \u00e9 encontrar \u00e0 solu\u00e7\u00e3o para algo.<\/strong><\/p>\n Esse \u00e9 um fundamento do design de intera\u00e7\u00e3o para desenvolver qualquer coisa. O usu\u00e1rio deve ser capaz de usar o produto e o profissional deve garantir que isso seja poss\u00edvel. Ao criar qualquer projeto, ele deve responder algumas perguntas b\u00e1sicas que indicam sua usabilidade <\/strong>como:<\/p>\n Essas s\u00e3o perguntas b\u00e1sicas, mas que t\u00eam uma rela\u00e7\u00e3o direta com a forma que uma pessoa consegue interagir com um produto. <\/p>\n A ergonomia tem uma rela\u00e7\u00e3o direta com a forma como interagimos com as ferramentas. Para sermos mais espec\u00edficos, ela define as modifica\u00e7\u00f5es que os produtos precisam passar para melhorar a interatividade. Para isso, existe um foco na seguran\u00e7a e efici\u00eancia<\/strong> para tornar esse processo o mais natural poss\u00edvel.<\/p>\n Inclusive, se tratando de design de intera\u00e7\u00e3o, h\u00e1 uma lei para efetivar a ergonomia nas cria\u00e7\u00f5es, chamada Lei de Fitts<\/strong>. Baseada na descoberta de Paul Fitts, ela especifica que o movimento r\u00e1pido de um objeto para um alvo acontece por dois fatores: pela dist\u00e2ncia e a largura do objeto.<\/p>\n \u00c9 muito importante que o design de intera\u00e7\u00e3o tenha como princ\u00edpio que a cria\u00e7\u00e3o seja funcional para as pessoas. Por exemplo, para criar um cursor de mouse, n\u00e3o pode ser apenas esteticamente agrad\u00e1vel. Ele precisa possibilitar acesso aos componentes digitais do sistema do computador. <\/p>\n Agora, imagina um produto que seja bel\u00edssimo, mas simplesmente deixa as pessoas confusas sobre como us\u00e1-lo. N\u00e3o adianta muito, n\u00e3o \u00e9? No fim, o design de intera\u00e7\u00e3o sempre caminha lado a lado com o comportamento real das pessoas. \u00c0s vezes, a solu\u00e7\u00e3o mais simples, aquela que voc\u00ea quase descarta por achar “b\u00e1sica demais”, \u00e9 justamente o que vai facilitar a vida do usu\u00e1rio e evitar dores de cabe\u00e7a depois.<\/p>\n Mais que isso, se \u00e9 um produto espec\u00edfico, ele n\u00e3o pode ser desenvolvido para uma pessoa, o designer deve pens\u00e1-lo sempre para um grupo de usu\u00e1rios.<\/p>\n Geralmente, quando aparece um problema nas intera\u00e7\u00f5es, os padr\u00f5es s\u00e3o formas de lidar com esse contratempo. No design de intera\u00e7\u00e3o, eles s\u00e3o solu\u00e7\u00f5es prontas para determinadas circunst\u00e2ncias. <\/p>\n \u00c9 curioso como alguns padr\u00f5es acabam virando quase uma linguagem silenciosa entre usu\u00e1rios e sistemas. O menu hamb\u00farguer, por exemplo, nem sempre foi op\u00e7\u00e3o \u00f3bvia em aplicativos \u2013 e hoje voc\u00ea v\u00ea at\u00e9 a sua av\u00f3 entendendo onde clicar quando v\u00ea aquelas tr\u00eas barrinhas. Mas, ao mesmo tempo, padr\u00f5es podem engessar a criatividade se usados sem reflex\u00e3o. Ent\u00e3o, d\u00e1 pra pensar neles como aquele manual que est\u00e1 sempre ali para consultar, mas ningu\u00e9m \u00e9 obrigado a seguir \u00e0 risca o tempo todo.<\/p>\n Entretanto, h\u00e1 um detalhe interessante: a capacidade pl\u00e1stica desses padr\u00f5es. Isso porque o profissional pode modific\u00e1-los para se adaptar a solu\u00e7\u00e3o do problema.<\/strong><\/p>\n N\u00e3o h\u00e1 exatamente uma separa\u00e7\u00e3o pr\u00e1tica entre essas duas vertentes de design. Afinal, design de intera\u00e7\u00e3o \u00e9 uma \u00e1rea espec\u00edfica do UX Design. O que acontece \u00e9 que o primeiro est\u00e1 focado nos processos de intera\u00e7\u00e3o entre o produto e o usu\u00e1rio, enquanto o segundo \u00e9 mais amplo, tendo como objetivo \u00e9 a experi\u00eancia como um todo do indiv\u00edduo.<\/p>\n Por isso, existe uma necessidade de prestar aten\u00e7\u00e3o aos processos do design de intera\u00e7\u00e3o, mas tamb\u00e9m, cuidar de outros elementos, como:<\/p>\n J\u00e1 entendemos alguns dos principais fundamentos desse tipo de design. Agora, vamos entender como ele funciona na pr\u00e1tica e quais s\u00e3o os est\u00e1gios para execut\u00e1-lo. Continue!<\/p>\n Para desenvolver a estrat\u00e9gia ser\u00e3o necess\u00e1rios dados, n\u00e3o qualquer tipo, aqueles que ajudar\u00e3o a entender o que o usu\u00e1rio quer do produto. Nesse sentido, o designer precisa saber quem ele \u00e9 e suas expectativas. O trabalho do UX Designer poder\u00e1 ajudar nessa etapa.<\/p>\n Com as informa\u00e7\u00f5es em m\u00e3os, o designer de intera\u00e7\u00e3o poder\u00e1 criar a sua estrat\u00e9gia. Definindo quais intera\u00e7\u00f5es ser\u00e3o elaboradas para ajudar o usu\u00e1rio a chegar ao seu objetivo.<\/p>\n Nesse ponto, em que as ideias j\u00e1 est\u00e3o formuladas, chegamos a outro passo importante para o desenvolvimento do projeto: wireframe. Na verdade, ele nada mais \u00e9 que os esbo\u00e7os da estrutura da interface.<\/p>\n \u00c9 poss\u00edvel fazer isso tanto utilizando um bloco de notas ou por meio de ferramentas espec\u00edficas para o desenvolvimento de aplicativos<\/strong>. Ainda h\u00e1 a possibilidade de combinar as duas formas, desenhando primeiro no papel e depois trazendo as ideias para uma plataforma que permita dar vida a ideia com uma vers\u00e3o demonstrativa.<\/p>\n Os prot\u00f3tipos podem ser confundidos com a etapa anterior, de fato, o objetivo \u00e9 o mesmo: trazer a ideia \u00e0 vida para ver se ela realmente funciona. Mas nesse caso, n\u00e3o se trata s\u00f3 da estrutura, \u00e9 realmente trazer todos os aspectos do projeto \u00e0 realidade. H\u00e1 muitas formas de se trabalhar nessa etapa, tanto em equipe quanto individual, assim como utilizar o papel ou criando prot\u00f3tipos em html e css.<\/p>\n Antes de terminar o projeto, ainda \u00e9 preciso ter uma fase de testes, n\u00e3o s\u00f3 para saber se funciona, mas tamb\u00e9m, para conseguir encontrar poss\u00edveis erros. Nessa busca, algumas perguntas podem ajudar o design de intera\u00e7\u00e3o a chegar no melhor resultado para o seu projeto. Por exemplo:<\/p>\n Criado por Gillian Crampton Smith, uma acad\u00eamica de design de intera\u00e7\u00e3o, junto ao s\u00eanior da IDEXX Laboratories, Kevin Silver. As cinco dimens\u00f5es s\u00e3o um outro conceito para entender quais s\u00e3o os pilares dessa profiss\u00e3o<\/strong>. Vamos entender quais s\u00e3o:<\/p>\n Como acompanhamos, ao longo deste texto, o design de intera\u00e7\u00e3o \u00e9 uma modalidade com diferentes processos. N\u00e3o \u00e9 s\u00f3 importante saber sobre os princ\u00edpios b\u00e1sicos do design, mas tamb\u00e9m est\u00e1 voltado para o desenvolvimento de aplicativos, no\u00e7\u00f5es de cria\u00e7\u00e3o de produto e muitas outras etapas. Nesta parte, vamos apresentar os principais passos para come\u00e7ar nessa carreira. Confira!<\/p>\n N\u00e3o poder\u00edamos deixar de iniciar sem falar sobre conhecimento. Afinal, o estudo \u00e9 a base de todas as profiss\u00f5es<\/strong>. Por\u00e9m, aqui, de in\u00edcio, o interessado pode achar um pouco complicado saber por onde come\u00e7ar. Destacamos a import\u00e2ncia de pesquisar, n\u00e3o s\u00f3 por livros sobre o assunto, mas tamb\u00e9m, por cursos de especializa\u00e7\u00e3o.<\/p>\n Hoje em dia, existem cursos de gradua\u00e7\u00e3o em v\u00e1rios formatos, inclusive para profissionais que querem se reciclar<\/strong>. Geralmente, eles s\u00e3o chamados de Arquitetura da Informa\u00e7\u00e3o com Especializa\u00e7\u00e3o em Design de Intera\u00e7\u00e3o \u2014 ou alguma deriva\u00e7\u00e3o disso.<\/p>\n Isso \u00e9 um ponto importante, pois, durante a sua pesquisa, voc\u00ea pode encontrar sub\u00e1reas que est\u00e3o relacionadas a esse tipo de profiss\u00e3o. \u00c9 uma escolha da sua parte se voc\u00ea se especializar\u00e1 em uma delas ou se escolher\u00e1 algo mais abrangente, estudando de tudo um pouco. Nenhuma \u00e9 a certa, e deixamos claro que isso depender\u00e1 do que voc\u00ea quer para a sua carreira<\/a> como design de intera\u00e7\u00e3o.<\/p>\n Enquanto estiver estudando, \u00e9 interessante colocar em pr\u00e1tica o que voc\u00ea aprendeu. Essa \u00e9 uma dica geral que serve para qualquer profiss\u00e3o: n\u00e3o espere as oportunidades aparecerem para fazer o seu portf\u00f3lio<\/a>. Conforme for aprendendo as t\u00e9cnicas, fa\u00e7a seus pr\u00f3prios prot\u00f3tipos.<\/p>\n Procure ter um pouco de conceito em seus trabalhos, n\u00e3o h\u00e1 problema em colocar esbo\u00e7os, conte a hist\u00f3ri<\/a>a do seu processo por meio deles. \u00c9 interessante como isso pode dar uma ideia de como o que pensou no in\u00edcio influenciou no resultado do seu projeto.<\/p>\n Por fim, mas n\u00e3o menos importante, sempre leve o seu portf\u00f3lio para a sua entrevista, n\u00e3o importa como, por meio de um PDF, no laptop ou em um site, mas tenha ele em m\u00e3os.<\/p>\n Com o portf\u00f3lio em m\u00e3os, \u00e9 hora de ir atr\u00e1s de um trabalho, algumas considera\u00e7\u00f5es est\u00e3o voltadas para o tipo de profissional que voc\u00ea ser\u00e1 \u2014 inicialmente, pelo menos. Isso porque h\u00e1 diferentes formas de entrar no mercado: trabalhar sozinho, como um freelancer<\/a> ou com uma equipe. Al\u00e9m disso, atuar em uma ag\u00eancia ou com um grupo interno tamb\u00e9m s\u00e3o op\u00e7\u00f5es vi\u00e1veis.<\/p>\nO que \u00e9 design de intera\u00e7\u00e3o?<\/h2>\n
Quais s\u00e3o os princ\u00edpios do design de intera\u00e7\u00e3o<\/h3>\n
Solu\u00e7\u00e3o de problemas<\/h3>\n
Usabilidade<\/h3>\n
\n
Ergonomia<\/h3>\n
Funcionalidade<\/h3>\n
Uso de padr\u00f5es<\/h3>\n
Quais as diferen\u00e7as entre Design de Intera\u00e7\u00e3o e UX Design?<\/h2>\n
\n
Como funciona o design de intera\u00e7\u00e3o, na pr\u00e1tica?<\/h2>\n
Cria\u00e7\u00e3o da estrat\u00e9gia<\/h3>\n
Wireframe<\/h3>\n
Prot\u00f3tipos<\/h3>\n
Avalia\u00e7\u00e3o<\/h3>\n
\n
As 5 dimens\u00f5es do design de intera\u00e7\u00e3o<\/h2>\n
\n
Como iniciar na carreira de design de intera\u00e7\u00e3o?<\/h2>\n
Procure estudar o assunto<\/h3>\n
Escolha entre especialista ou generalista<\/h3>\n
Monte o seu portf\u00f3lio<\/h3>\n
In\u00edcio no mercado laboral<\/h3>\n