Escolar Documentos
Profissional Documentos
Cultura Documentos
Design
by
2 Tendências de Marketing para 2021
ÍNDICE
Sobre o UX e o UI
UX/UI Designer?
54.
Interações sem toque e
com comando de voz
07. 29.
O que é UX Design?
UX/UI Design
no novo paradigma
59.
Inteligência Artificial
11. Disciplinas em
crescimento no UX/UI
O que é UI Design?
35. 64.
UX Research Personalização Avançada
15.
O que fazem os UX Designers?
42. 67.
UX Writing Carta aos UX/UI
47. 70.
Usabilidade e
Acessibilidade Formadores Envolvidos
FLAG | UX & UI
Contextualização
Encontrar uma separação clara entre os dois Em traços gerais, UI Design é focado na apa-
domínios UX Design e UI Design nem sempre rência do produto e na interação com este.
é fácil, até para profissionais que estão no Por sua vez, o UX Design está centrado no
mercado há vários anos. Se estás a dar os pri- caminho que o utilizador percorre e nas emo-
meiros passos na área de UX/UI Design ou a ções que sente ao longo da experiência. Se o
atualizar os teus conhecimentos sobre a área, corpo humano fosse um produto de design,
é importante teres a noção dos dois conceitos, os órgãos e o seu funcionamento, e as emo-
ter consciência que estes têm significados di- ções sentidas, seriam o UX Design, enquan-
ferentes, e que com eles se podem alcançar to a apresentação exterior, os sentidos e as
objetivos díspares (contudo, simultaneamen- reações, o UI Design. É importante entender
te complementares e fundamentais para criar que UX e UI andam sempre de mãos dadas e
o design adequado e resultado final pleno). num produto digital não pode existir um sem
o outro. No entanto, não é necessário ser es-
pecialista em UI Design para ser um ótimo UX
Designer, e vice-versa, existindo espaço para
um profissional se especializar na área para a
qual tem mais aptidão e interesse. /
4
01.
O que é
UX Design?
FLAG | UX & UI
O QUE É
UX DESIGN?
U
ser Experience Design (UX De-
sign) centra-se na sensação geral César Garcia , Formador FLAG e Design
e na emoção que a experiência Director na OrbisPay, partilha que
transmite ao utilizador, indo para além “Para qualquer dado problema tem-
dos recursos visuais ou da simples inte- -se um leque de soluções possíveis,
ração entre o mesmo e o produto/ser- mas a disciplina do UX é o que
viço. A “experiência do utilizador” é um destila as melhores características
conceito que abrange todos os aspetos de cada solução e tenta criar a
da interação do utilizador final com a em- melhor solução possível tendo em
presa - serviços e/ou produtos -, desde o conta uma série de fatores (…)
atendimento ao cliente até à qualidade necessidades dos utilizadores,
dos bens consumidos. objetivos de negócio, considerações
sobre outras ofertas existentes em
O UX aplica-se a qualquer “experiência” mercado, e inclusive a dimensão
pela qual o utilizador possa passar no seu e capacidade da equipa que vai
contacto com o serviço/produto de uma desenvolver essa solução.”
marca, seja ela a utilização de descasca-
dores de vegetais, postes de luz, carros,
User Experience Design é, em teoria,
móveis, máquinas de café, ou até uma
uma prática não digital que foi posterior-
simples visita ao supermercado. Ou seja,
mente adotada no mercado digital e tec-
a “experiência do utilizador” diz respeito
nológico. É o processo de desenvolver e
à interação entre o utilizador e um pro-
melhorar a qualidade da conexão entre
duto ou serviço.
o utilizador e todas as facetas de uma
empresa, através do design.
7
FLAG | UX & UI
Cláudia Pernencar
Cláudia Pernencar , Formadora FLAG e
Como diz David Cruz , formador FLAG Consulting & Research for Digital Health
e Product Designer na StudentFinance, Environments, e pode ser “aplicado” ao
“UX Design permite responder às pequeno-almoço, “imaginem-se a co-
perguntas de “O quê” e “Porquê”. mer cereais num prato raso e com um
Divide bastante a responsabilidade garfo, a experiência não ia ser a melhor
do “Como” com UI Design visto que de certeza, ou pelo menos não seria
UI Design irá também garantir que a mesma”.
não existe fricção desnecessária da
interface e que a interacção é feita O UX Design tem em conta cada um dos
de forma a suscitar delight”. elementos que constituem a experiên-
cia, garantido que são intuitivos para que
o utilizador consiga realizar as tarefas
Clinton Jorge , Formador FLAG, define
Clinton
desejadas de forma clara, evidente, ime-
UX Design como “uma metodologia de-
diata. O foco do UX Design, no desenvol-
senhada para guiar designers através
vimento de produtos, é o ser humano,
de um processo iterativo de busca, de-
tendo como objetivo criar experiências
senho e aprendizagem, centrado nas ne-
agradáveis fáceis, eficientes, relevantes
cessidades dos seus utilizadores. Trata-
e abrangentes para o utilizador.
-se de identificar e perceber se estão a
resolver o problema certo, e de identifi-
car e validar que a solução resolve esse Ricardo Costa
Ricardo Costa , Formador FLAG e UX
problema de uma forma usável, consis- Designer na Critical Techworks,
tente e estética”. partilha que o
“UX Design é uma área onde
Hugo Froes , Formador FLAG e Product
o objetivo principal é garantir
Operations Lead na Farfetch, lembra a
que o utilizador tenha a melhor
experiência de utilização
“forma como todos os produtos da
relativamente a algum produto
Apple se interligam e criam um eco-
ou serviço. É procurar conhecer o
sistema que aproveita o melhor de
utilizador, as suas necessidades,
cada produto para complementar
as suas preocupações e tentar
os outros”.
encontrar a melhor solução para
resolver estes problemas e fazer
com que este desfrute do produto
A necessidade e a importância de UX
ou serviço”. /
Design é partilhada no exemplo de
8
02.
O que é
UI Design?
FLAG | UX & UI
O QUE É
UI DESIGN?
O
User Interface Design (UI Design)
tem como propósito antecipar as Ivo Gomes , Associate Director e
necessidades dos utilizadores e Product Design na Talkdesk, refere que
garantir que as interfaces tenham ele- “UI Design pode ir desde as cores,
mentos visuais intuitivos e acessíveis, ícones, aos estilos dos componentes
que conduzam a uma determinada ação usados, ou aos estados de interação
por parte dos mesmos. O UI Design é uma de cada componente. Deve incluir,
prática essencialmente digital e reúne também, as componentes de
conceitos de design de interação, design animação, caso façam parte da
visual e arquitetura de informação. interação pretendida”.
11
FLAG | UX & UI
O design de interfaces considera a apa- e que para isso é necessário analisar cui-
rência, a sensação e a interatividade do dadosamente cada elemento visual e in-
produto. terativo a ser considerado no layout.
Ricardo
RicardoCosta
Costa relembra que o UI Design
“permite ao utilizador navegar e inte- João Planche , Head of UX & UI na
ragir durante a sua jornada de um pro- Deloitte Digital Lisbon, relembra que
duto ou serviço e onde são pensadas e transformar uma experiência em algo
desenvolvidas todas as macro e micro que funcione visualmente deve estar
interações” e completa que, no caso dos “de acordo com as regras e
sistemas operativos dos computadores, ideologias da marca para a qual o
estes possuem interfaces que permitem produto está a ser criado”,
ao utilizador realizar as suas tarefas. De- uma variável de extrema pertinência
fende que a interface de um produto deva aquando do desenvolvimento dos ele-
ser o mais clara possível para o utilizador, mentos visuais. /
UX Design UI Design
12
0 .
3
O que fazem os
UX Designers?
FLAG | UX & UI
O QUE FAZEM OS
UX DESIGNERS?
O
s UX Designers tornam os pro- Estes profissionais são um elemento da
dutos e a tecnologia utilizáveis, equipa com uma ampla participação no
acessíveis para o utilizador, de desenvolvimento dos projetos, preen-
forma que este tenha experiências signi- chendo as lacunas existentes entre o uti-
ficativas e relevantes. lizador, a equipa de desenvolvimento, os
principais interessados no negócio, e os
objetivos da própria empresa.
Ruben Ferreira Duarte , Formador
FLAG e UX Lead Designer e Editor do Estas tarefas envolvem todo o processo
blog DXD, explica que a função de um de produção e integração do produto ou
UX Designer é serviço, incluindo aspetos de branding,
“bastante ampla, deve ser capaz design, usabilidade, função, assim como
de ir à descoberta dos utilizadores, todas as alterações e modificações sig-
imaginar soluções diferenciadoras nificativas, para que o resultado final
e empáticas para problemas e ser cumpra com o pretendido.
exímio na prototipagem
de hipóteses”.
15
FLAG | UX & UI
16
0 .
4
O que fazem os
UI Designers?
FLAG | UX & UI
O QUE FAZEM OS
UI DESIGNERS?
O
s UI Designers concentram-se na
experiência visual do utilizador Para Clinton Jorge o
e têm à sua responsabilidade “UI Designer tem de garantir que
a pesquisa e o desenvolvimento da a solução é usável e consistente
aparência dos protótipos de produtos. O através de múltiplas plataformas,
objetivo é determinar a melhor forma de uma variedade de dispositivos, e
interação e guiar visualmente o utilizador milhões de utilizadores. Cabe na
entre o ponto A e o ponto B através de função de UI Designer saber porque
uma interface, e proporcionando-lhe está a desenhar a interface, qual
uma experiência esteticamente atrativa o problema que está a resolver e
e estimulante. identificar as melhores práticas e
sistemas”.
19
FLAG | UX & UI
• Pesquisa de design.
• Branding e desenvolvimento
• Análise da concorrência.
gráfico.
• Identificar e resolver os
• Guias do utilizador.
problemas.
• Análise e pesquisa das • Prototipagem de UI.
• Estrutura e estratégia do necessidades do utilizador.
produto. • Interatividade e animação.
• Design thinking.
• Definir esqueleto da jornada do • Adaptação a todos os
• Desenvolvimento de conteúdo. tamanhos de tela do
utilizador.
• Coordenação com developers. dispositivo.
• Prototipagem de
baixa-fidelidade (wireframing). • Articulação e trabalho em • Implementação com
equipa com developers. developers.
• Iteração e teste.
• Compreensão do processo de
• Cooperação com designers de
design e pesquisa UX.
UI.
• Prototipagem de
alta-fidelidade.
20
0 .
5
Quais são
as skills a
desenvolver
para ser UX/UI
Designer?
QUAIS SÃO
AS SKILLS A
FLAG | UX & UI
DESENVOLVER
PARA SER UX/UI
DESIGNER?
T
anto UI Designer, como UX Desig- Design, ou Figma. Devem apresentar
ner, são funções multifacetadas e conhecimentos sólidos em visual design
desafiadoras. Apesar das suas di- e serem capazes de criar equilíbrio e har-
ferenças, as áreas têm pontos de contac- monia nas interfaces para que o utiliza-
tos pelos seus objetivos, necessidades e dor atinja o objetivo pretendido da forma
ferramentas utilizadas. Os profissionais mais eficiente possível.
com conhecimentos nas duas áreas tor-
nam-se multidisciplinares e mais compe- Ricardo
RicardoCosta
Costa partilha o seu
titivos no mercado de trabalho, mesmo ponto de vista
que apresentem uma especialização na “um UI Designer deve ter um bom
sua área de eleição. gosto pela estética, no entanto
não é apenas desenhar interfaces
Os designers de UI, geralmente, usam bonitas. O UI Designer deve ter a
uma combinação de ferramentas para preocupação de garantir uma boa
criar os seus projetos. Estes profissio- funcionalidade para os utilizadores
nais necessitam de ter capacidades preocupando-se também com a sua
técnicas e conhecimentos avançados experiência, tal como o
de pelo menos uma das ferramentas de UX Designer”.
design e prototipagem, como o Adobe
Photoshop, Adobe Illustrator, Sketch,
InVision, Proto.io, Adobe XD, Adobe In-
23
FLAG | UX & UI
24
FLAG | UX & UI
25
FLAG | UX & UI
Outras áreas, como Design Thinking, As áreas que melhor poderão contribuir
Web Development e Marketing Digital, para uma carreira de sucesso enquanto
com os seus conceitos, conhecimentos profissional de UX&UI Design são for-
e habilidades específicos, podem cons- mação e experiência em Design, Gestão
tituir mais-valias que contribuem para o de Projetos, áreas focadas no utilizador/
desenvolvimento de projetos de design cliente e orientadas para a resolução
mais interessantes, destintos e originais. de problemas. /
UX Designer UI Designer
26
06 .
UX/UI Design no
novo paradigma
FLAG | UX & UI
UX/UI DESIGN
NO NOVO
PARADIGMA
O
mundo laboral mudou no último
ano e para muitas pessoas o tra- “O facto de muitas empresas
balho remoto tornou-se uma reali- terem adotado o trabalho remoto
dade. Sejam essas mudanças definitivas e eventualmente, em muitos casos
ou não, é impossível negar que o impacto terem tido sucesso, acredito que o
a longo prazo será enorme. Este “novo futuro passa pelas organizações
normal” tem forçado muitas organiza- optarem por um modelo híbrido
ções a mudar a sua configuração e tam- em que os seus colaboradores
bém há cada vez mais pessoas a equa- poderão gerir o trabalho remoto e
cionar construir uma carreira baseada no trabalho no escritório de maneira
trabalho remoto. a potenciarem mais os seus
resultados”
diz Ricardo Costa .
29
FLAG | UX & UI
30
FLAG | UX & UI
31
FLAG | UX & UI
32
0 .
7
UX Research
FLAG | UX & UI
UX RESEARCH
Cada vez mais comum e familiar entre os
profissionais da área, está o conceito UX
Apesar de estar sempre presente, só ul-
timamente é que esta área tem ganho a
Research. atenção que merece (antes, com criação
e produção em massa para o total da
Como o nome bem indica, este conceito população, nichos e a minorias eram ig-
pressupõe a realização de pesquisas jun- norados, não só nos sectores do design,
to do utilizador, através de estudos qua- marketing e publicidade, como em varia-
litativos e quantitativos. Esta pesquisa díssimos outros da sociedade).
permite que os designers identifiquem
informações valiosas e oportunidades no
desenvolvimento de projetos. César Garcia fala na perspetiva dos
negócios
“à medida que o design foi
Sílvia Otto Sequeira , Senior Product
ganhando ‘um lugar à mesa’ e se
Design & Research Manager na
tornou numa faceta importante do
Farfetch, dá o mote:
negócio, foi necessário criar uma
“User Research foi sempre um pilar ponte entre linguagem business
do Design, mas muito ignorado e linguagem design. Este foi o
em nome de respostas rápidas e primeiro grande salto do user
baseadas em assunções.” research, porque colocou em termos
que o business percebe, aquilo que
os designers fazem”.
35
FLAG | UX & UI
Cláudia
Cláudia Pernencar reflete sobre a im- e criar produtos e soluções mais eficazes
portância do UX Research nas organi- e fortes no mercado em que operam.
zações: “perceberam que criar layouts Chegamos agora ao ponto em que o
sem pensar na experiência do utiliza- User Research tem uma importância
dor era tempo e recursos humanos mal e influência no processo de design e
empregues”. desenvolvimento, extraordinariamente
importante”.
36
FLAG | UX & UI
37
FLAG | UX & UI
38
FLAG | UX & UI
39
08 .
UX Writing
FLAG | UX & UI
UX WRITING
D
urante os últimos anos, a comuni- É “a capacidade de escrever textos que
dade de design tem discutido uma sejam fáceis de entender” acrescenta
nova tendência no desenvolvi- Ivo Gomes e partilha “há alguns anos
Ivo Gomes
mento de produto chamada UX Writing. atrás estive a trabalhar no desenvolvi-
O termo confunde muitas pessoas, até mento de uma plataforma de gestão de
mesmo profissionais de design. conteúdos de uma publicação cujo públi-
co-alvo eram jornalistas. Numa das ses-
sões de testes com utilizadores, havia
Para Ricardo Costa muita confusão sobre um botão que dizia
“UX Writting é tudo aquilo que “Editar” junto aos artigos. Os jornalistas
envolve a escrita nos produtos. não viam esse botão como a ação para
No entanto, esta escrita tem poderem fazer alterações ao artigo, por-
de ser o mais natural possível e que na redação quem faz a edição é o Edi-
de compreensão para todos os tor. Uma simples mudança no texto do
utilizadores. Uma linguagem mais botão para “Alterar” fez toda a diferença
técnica pode levar a incompreensão na perceção da ação”.
do utilizador”.
42
FLAG | UX & UI
43
FLAG | UX & UI
44
0 .
9
Usabilidade e
Acessibilidade
FLAG | UX & UI
INCLUSIVIDADE,
ACESSIBILIDADE
E USABILIDADE
NO UX DESIGN
O
design acessível centra-se na ideia
de que nem sempre é linear para Clinton Jorge afirma que
todas as pessoas a utilização dos “A nossa responsabilidade como
produtos com que interagem. A idealiza- UI/UX Designers é de garantir
ção de produtos e serviços tem de ir mais que a interação é o mais simples,
além da utilidade destes e desafia os de- usável e intuitiva possível. Somos
signers a expandir o seu pensamento. É nós designers que empatizamos
necessário o envolvimento ativo com di- com os nossos utilizadores
ferentes perfis de pessoas e colocar-se e compreendemos as suas
na “pele” destas para entender diferen- necessidades, e temos de ser
tes perspetivas e possíveis carências de capazes de suportá-los quando mais
habilidades ou conhecimentos. precisam de nós”.
47
FLAG | UX & UI
48
FLAG | UX & UI
• Elementos de destreza
Tipo de atividades de movimento que
o utilizador deve realizar para interagir
com um produto.
49
FLAG | UX & UI
• Facilidade de aprendizagem
6,3 38 Aptidão do produto na oferta de orien-
Média de classificação Sítios Web com
nos sites da
Administração
Declaração de
Acessibilidade
tação inicial, descomplicando uma utili-
Pública
12 zação mais complexa.
Sítios Web
com Selo de
Usabilidade O design inclusivo é um aspeto funda-
mental no UX Design, onde a ligação en-
tre pessoas reais e o design é a sua base.
898 865 Todos os produtos e serviços devem ofe-
Sítios Web Entidades
+ 898 + 865 recer a melhor experiência possível aos
no último ano no último ano
diferentes elementos do público, sendo
claros e intuitivos, e proporcionando
uma resposta adequada nas mais di-
69267 212
Páginas Páginas sem erros versas situações. Contudo, nem sempre
+ 69267
no último ano
+ 212
no último ano
o mercado acompanha as necessidades
quando se trata de grupos minoritários.
Fonte: observatorio.acessibilidade.gov.pt
50
FLAG | UX & UI
508 400
pessoas com mais de 65
anos com dificuldade em
ver, mesmo com óculos.
Fonte: observatorio.acessibilidade.gov.pt
Dados: Censos 2011
51
10.
Interações sem
toque e com
comando de voz
FLAG | UX & UI
INTERAÇÕES SEM
TOQUE E COM
COMANDO DE VOZ
O
design tem seguido de braço dado
com a inovação, na adaptação Francisco Melo partilha que
das melhores estratégias para as “principalmente com o boom do
pessoas. Estas interfaces permitem aos IOT (Internet of Things) diversos
utilizadores interagirem com um sistema sistemas de som tornaram-se
sem a necessidade de toque ou de aten- assistentes pessoais. A evolução
ção visual, ao tornar a experiência mais do reconhecimento de voz e de
leve e rápida por não exigir tanta atenção processos automatizados de
e alerta dos vários sentidos. pagamentos também ajudaram a
acelerar o processo”.
Uma interface de voz, conhecida como
VUI (Voice User Interface) é uma interfa-
ce invisível que requer voz para interagir
com ela.
54
FLAG | UX & UI
55
FLAG | UX & UI
56
FLAG | UX & UI
57
FLAG | UX & UI
11.
Inteligência
Artificial
58
FLAG | UX & UI
INTELIGÊNCIA
ARTIFICIAL
A
Inteligência Artificial (IA) deixou
de ser uma novidade para se tor- Ricardo Melo partilha que
nar a base das estratégias de ne- “a Inteligência Artificial tem
gócios em todos os setores imagináveis. trazido várias ferramentas que têm
Deixou de ser aplicado apenas em algu- contribuído quer na vertente de
mas indústrias para ser uma realidade no análise, quer na automação, mas
dia-a-dia de todos nós. penso que um dos contributos mais
importantes é na forma analítica
A utilização da IA tem três propósitos de inputs de dados para ajudar a
essenciais: automatizar processos, me- decidir caminhos e experiências (…)
lhorar a eficiência e reduzir os custos. acho que na vertente mais prática,
criativa e até da própria criação
Não são apenas as funções administrati- e definição da experiência ainda
vas, baseadas em processos repetitivos, não consegue estar ao nível do
que estão a ser transformadas e influen- contributo humano”.
ciadas pela inteligência artificial.
59
FLAG | UX & UI
Com a chegada dos produtos de IA, entrá- Atualmente, quando aplicado ao design,
mos numa nova era em que as máquinas a IA pode implementar o processo de
começam não só a cumprirem as ordens otimização, na medida em que a tecno-
dos humanos, como a tomar as suas pró- logia é capaz de coletar e analisar gran-
prias decisões com base num conjunto des quantidades de dados muito mais
bastante alargado de informações. Estas rapidamente do que um ser humano.
transformações não só mudam a vida das Pode ainda, utilizar essas informações
pessoas como fazem com que estas te- para executar testes A/B automatica-
nham expectativas muito mais elevadas mente, compreender os resultados dos
sobre a tecnologia e sobre os produtos. testes, atualizar o produto ou design, e
desenvolver wireframes a partir de flu-
A IA não é uma ameaça para a área do xogramas, ou até, reiniciar o processo
UX/UI Design. Pelo contrário, apresenta testando outros elementos do design.
uma oportunidade imensa para a elevar a Este desenvolvimento trouxe melhorias
outros patamares de qualidade. também na inovação dos efeitos visuais
e no reconhecimento facial humano.
60
FLAG | UX & UI
Clinton
ClintonJorge
Jorge enaltece as vantagens da Todas estas vantagens vão traduzir-se
AI: “muitas vezes UI/UX Designers estão no aumento de taxas de conversão, devi-
limitados na solução que apresentam do à personalização e relevância dos pro-
devido a fatores tecnológicos. Sistemas dutos para os utilizadores.
de back-end antiquados ou formulários
ligados a CRMs restritos, podem limitar
a interação humana para se ajustar à lin- Ivo Gomes fala da sua experiência:
guagem da máquina. A Inteligência Arti- “na Talkdesk desenvolvemos
ficial veio quebrar com essa limitação. software para call centers, onde
Já nos é possível comunicar com máqui- os agentes têm de poder lidar com
nas com uma linguagem natural. Formu- clientes que os estão a contactar
lários são mais naturais na sua linguagem com um problema. Através de AI
e no seu flow (…) Cada vez mais os UI/ conseguimos ajudar os agentes
UX Designers podem focar-se em dese- a resolver mais rapidamente
nhar a melhor experiência para o utiliza- o problema dos seus clientes,
dor com capacidades de computação e fornecendo informações úteis e
personalização quase ilimitados”. contextuais ao agente em tempo
real” e acrescenta “por outro
Existem várias maneiras da IA melhorar lado, a AI também nos permite
as capacidades dos designers: desviar certas chamadas para
assistentes virtuais que conseguem
• Permitir aos designers fazerem esco- rapidamente resolver o problema
lhas de design muito mais informadas, do cliente sem que seja necessário
sustentadas em dados reais e concretos; transferi-las para um agente”. /
• Melhorar recursos de análise e otimiza-
ção de dados;
61
12.
Personalização
Avançada
FLAG | UX & UI
PERSONALIZAÇÃO
AVANÇADA
Personalização em design é uma aborda-
gem onde as empresas ou marcas criam Clinton Jorge esclarece que
conteúdo individual, específico e dire- “a personalização cria empatia
cionado para cada utilizador. O principal no nosso utilizador. Muitos de
objetivo do Design Personalizado é for- nós preferem efetuar as suas
necer conteúdos e funcionalidades que compras no mercado perto de
atendam às necessidades ou interesses casa porque o vendedor conhece
específicos do utilizador, sem nenhum as nossas preferências e o nosso
ou pouco esforço por parte deste, e que nome. Procuramos isso como
façam sentir que o conteúdo foi criado humanos. Um produto que oferece
especialmente para si. uma personalização avançada e
adaptada às minhas necessidades
As interfaces personalizadas tornam como utilizador deverá oferecer uma
o sistema mais confortável de utilizar melhor experiência”.
e entender. A personalização fornece
ou enfatiza informações específicas,
restringe ou concede acesso a certas
informações, e simplifica transações e
processos.
64
FLAG | UX & UI
65
FLAG | UX & UI
66
FLAG | UX & UI
67
FLAG | UX & UI
1 .
3
Carta aos
UX/UI Designers
do futuro
68
CARTA AOS FLAG | UX & UI
UX/UI DESIGNERS
DO FUTURO
por Ruben Ferreira Duarte
Não sei muito bem como aqui chegaste, mas É certo que poderás pensar que começas ago-
ainda bem que aqui estás. ra um caminho absolutamente novo, mas não
começas. As disciplinas de UX e UI só existem
Se estás agora a começar o caminho de desco- porque existem pessoas. Pessoas com neces-
berta das disciplinas de user experience (UX) sidades muito específicas no dia a dia, como
e user interface (UI) é sinal que alguma coisa pagar as suas contas de casa, consultar o seu
te chamou a atenção e isso é fantástico. A in- saldo no banco, ver uma série na televisão,
dústria digital precisa de pessoas (designers) encomendar o jantar, comprar uma viagem ou
curiosas pelo mundo que as rodeia e capazes um sem fim de necessidades, que através dos
de desafiar convenções, ou no teu caso, o pró- produtos e serviços digitais que ajudamos a
prio percurso profissional. construir, podem tornar o seu dia a dia muito
mais simples.
Tu já tens experiência (muita)
Independentemente do que tenhas feito an-
Podes cair na tentação de dizer que não tens tes de aqui chegares, há uma coisa que já tens
experiência na área. em comum com qualquer UX/UI Designer: a
preocupação com as pessoas. Dizemos mui-
tas vezes que o princípio do nosso trabalho
Que nunca fizeste nenhum tipo de estudo de
é “calçar os sapatos dos utilizadores” e este
user research nem pensaste uma arquitetura
será sempre o teu principal desafio. A não ser
de informação. Que nunca definiste as gui-
que tenhas vivido numa ilha deserta, já traba-
delines de visual design nem desenhaste um
lhaste certamente em equipa, já tiveste que
protótipo ou moderaste um teste de usabili-
perceber o ponto de vista de alguém que ti-
dade. Que antes de aqui chegar eras designer
nhas do outro lado (utentes, clientes ou outro
gráfico, engenheiro, psicólogo, veterinário,
nome que utilizavas) e tudo isso te será muito
ou qualquer outra profissão e por isso senti-
útil neste teu novo desafio.
rás que o caminho será mais difícil. Não será
difícil, será trabalhoso. Nada acontecerá sem
muito trabalho mas também sem humildade,
curiosidade e aprendizagem.
69
FLAG | UX & UI
Para além disso, todo o conhecimento que pos- Cabe ao UX Designer, através de todos os
sas ter noutras áreas técnicas será sempre uma processos, métodos e ferramentas, ir à pro-
mais-valia para esta tua nova missão. Ou não cura das respostas. Por outro lado, depois de
fosse o design, em geral, e o UX/UI, em particu- encontrares as respostas às primeiras per-
lar, disciplinas multidisciplinares. Não esque- guntas, surge uma outra no projeto:
ças ou descartes nada daquilo que aprendeste
até aqui, pois isso são já as tuas ferramentas
especiais para tudo aquilo que aí vem. “Como é que as pessoas vão utilizar
”
as funcionalidades da aplicação?
UX? UI? Qual é a diferença? E é aqui que entra o UI Designer e todas as suas
preocupações com a dimensão visual e intera-
Se estás agora a mergulhar nesta área, vais tiva da aplicação que se procura construir.
ouvir falar muitas vezes da diferença entre
UX e UI. São duas disciplinas diferentes, em- De um lado, temos o UX Designer focado
bora muito próximas e que te abrem um sem em definir o propósito e relevância da nos-
fim de oportunidades. Daqui para a frente, sa aplicação. Do outro, temos o UI Designer
podes escolher participar nos projetos como preocupado com o interface que as pessoas
UX Designer, UI Designer ou então como UX/ vão utilizar.
UI Designer.
Podes escolher um destes dois chapéus ou
Contudo, embora possa parecer um pouco simplesmente utilizar os dois. Esta é uma es-
confuso ao princípio, a diferença entre as duas colha tua. No final do dia, de um lado, de outro
disciplinas e os vários chapéus que podes uti- ou no meio das duas disciplinas, lembra-te que
lizar no mesmo projeto, é bastante simples de as pessoas são motivadas pelas emoções e é
perceber. Imagina que queres criar uma nova isso que a tua aplicação também deve desper-
aplicação móvel. As primeiras perguntas a que tar nas pessoas.
deverás responder no projeto são:
Isto é um trabalho (muito) sério
“ Porque é que as pessoas precisam
”
desta aplicação? É importante que saibas também que vais ter
sobre os teus ombros, sejas tu um UX, um UI
“ O que é que ela pode fazer para ou UX/UI Designer, uma grande responsabi-
”
melhorar a vida das pessoas? lidade. As tuas decisões, boas ou más, terão
um grande impacto nos produtos e serviços
70
FLAG | UX & UI
71
FLAG | UX & UI
Formadores envolvidos
Catarina Garcia
Formadora FLAG e Senior UX/UI Designer
72
FLAG | UX & UI
David Cruz
Product Designer / StudentFinance
73
FLAG | UX & UI
João Planche
Ivo Gomes
Head of UX & UI na Deloitte Digital Lisbon
Associate Director e Product Design na Talkdesk
As Head of UX & UI at Deloitte Digital Lisbon, I lead a
Licenciado em Ergonomia pela Faculdade de Motricidade
team of creatives working to deliver the best quality
Humana e especializado em usabilidade e acessibilidade.
digital products with emphasis on the financial services
Com quase 20 anos de experiência em UX em várias
market. With an agile approach to our projects our team
plataformas e contextos, tais como aplicações web e
focuses on creating meaningful experiences that both
mobile, aplicações para TV interativa, B2C, B2B, etc.
serve the user needs and the business strategic vision.
Atualmente lidera a equipa de CCaaS Design (Contact
I’ve been working as a digital creative for 18 years with
Center as a Service) da Talkdesk onde tem como objetivo
global brands such as Nike, LG, Mc Donald’s, Fiat and with
fornecer a melhor experiência possível para os agentes,
Portuguese clients Caixa Geral de Depósitos, Fidelidade
supervisores e administradores de contact centers na
among others.
cloud.
74
FLAG | UX & UI
Ricardo Melo
Formador FLAG e Head of Frontend na Fullsix
75
FLAG | UX & UI
Clinton Jorge
Formador FLAG e Head of Design na Veniam
Para além disso, nas horas vagas (as que sobram quando
não está a viajar), é também formador nas áreas de UX/
UI e Editor do DXD, um blog em português que funciona
Marília Moita acima de tudo como espaço de reflexão e partilha sobre
Formadora FLAG, Lead Product Designer na Talkdesk e Co- digital experience design.
Fundadora do Design Research Portugal
76
FLAG | UX & UI
CURSOS MONOPROGRAMAS
Adobe Animate CC
Arquitetura de Informação
Design de Interação
User Research
User Testing
Visual Design
CURSOS ESPECIALIZADOS
CURSOS FLAGPROFESSIONAL
UX/UI
DESIGNER
327 HORAS / 20 MÓDULOS
77
www.flag.pt