UX e UI: FUNDAMENTOS PARA O DESIGNER DE INTERFACE

UX: User Experience ( experiência do usuário)

Pessoas  produto

Foi Don Normam quem criou a experiência do usuário

A experiência fala da interação que o usuário vai ter com o produto e precisa
responder as perguntas: o que, quando , pra que e pq as pessoas usam o
produto.

UI: User Interface (Interface do usuário)

Reconhecer essa vontade do usuário para adquirir o produto

1- Utilidade
2- Usabilidade
3- Desejável

Em relação a conexão homem e maquina precisa reconhecer:

1- Seja agradável
2- Crie uma conexão emocional com o produto
3- - favoreça a execução das tarefas.

UX experiência

Quais os itens para a experiência ser boa:

1- Útil
2- Aplicação intuitiva
3- Acessível
4- Atraente
5- Satisfatória

Consideração importante para o designer:

Vc precisa resolver o problema do usurário. Mas essa resolução não vem do

seu ponto de vista pq o que é importante pra vc não é necessariaente
importante para o usuario. É imporante fazer as métricas:

1- Precisa sempre ter contato com o seu usuário

2- Fazer pesquisas online para saber seus gostos
 Para vc falar sobre o produto precisa ter uma base solida e pesquisar
sobre o usuário.

Pesquisa, exploração, criação e análise

Conhecer seus usurários, conhecer as dores, necessidades e ganhos

Básico para começar

1- Cumprir pequenas tarefas

2- Começar pelas tarefas difícies
3- Comece o dia fazendo as tarefas fácil
4- Eleger um Gardião para ajudar a cumprir a tarefa (pegar no pé).
5- Entrega o resultado mesmo que não esteja bom.
6- Times heterogêneos e de diferentes localidades e faculdades ajuda a
atingir os objetivos

As ferramentas mais importantes do designs: prototipagem, entregase

monitoramento.

Ferramentas designs utilizam: Adobe photoshop sketch, figma, framer.

Precisa ver as vantagens de uma a outra.

Ferramenta para a prototipagem: IVISION

As entregas o que elas significam:

Depois que vc fez o design, a próxima etapa para vc fazer o desenvolvimento

do projeto é passar para os prgramadores, seriam o fron-end e o back-end.
Eles vão fazer a testificação do seu design.

Eles vão observar: cores, margens

Para fazer a entrega use a ferramenta chamada SIMPLE ( mas essa não é a
melhor ferramenta).

Monitoriamento: vai conseguir ver trazer os números dos usuários estão

interagindo.

A ferramenta mais conhecida do mercado é a Hotja. Mas encontra outras

ferramenetas tbm (entrar no site do UX Tools).
A ferramenta é uma escolha pessoal. O imporante é entregar o projeto e se
sentir confortável com o resultado final.

ntrodução

Taqtile (site) - http://www.taqtile.com.br/

Site NEU - http://uspempreende.org/

FB NEU - https://www.facebook.com/uspempreende

UX

UX Project Checklist (site) - https://uxchecklist.github.io/

The Elements of User Experience: User-Centered Design for the Web and Beyond (livro) - https://goo.gl/RRQyrs

UX não é um título, é um estilo de vida! (texto) - https://goo.gl/UaAB1a

User Experience Careers (livro) - https://goo.gl/29gywz

Por onde começar na área de UX? (texto) - https://goo.gl/dEUR2o UM OTIMO SITE PRA VER SOBRE A AREA
E LIVROS

Referências

Nielsen Norman Group (site) - https://www.nngroup.com/

Baymard Institute (site) - https://baymard.com/

UX Design CC (site) - https://goo.gl/9LiLUK

UX movement (site) - http://uxmovement.com/

UX planet (site) - https://uxplanet.org/

UX.blog (site) - https://uxdesign.blog.br/

User interface enineering (site) - https://www.uie.com/

Básicos para começar

Novos Fundamentos do Design (livro) - https://goo.gl/Z8uTN1

Curso de Design Gráfico. Princípios e Práticas (livro) - https://goo.gl/ef6MZj

Exploring the "Planning Fallacy": Why People Underestimate Their Task Completion Times (texto)
- https://goo.gl/nTv9ZY

Creativity in Groups (Research on Managing Groups and Teams) (livro) - https://goo.gl/DfYg1G

UXtools (site) - https://uxtools.co/tools/design

Ferramentas Design:

 Sketch (ferramenta) - https://www.sketchapp.com/

 Figma (ferramenta) - https://www.figma.com/
 Adobe photoshop (ferramenta) - https://www.adobe.com/br/products/photoshop.html?
promoid=PC1PQQ5T&mv=other
 Adobe illustrator (ferramenta) - https://www.adobe.com/br/products/illustrator.html?
promoid=PGRQQLFS&mv=other
 Adobe xd (ferramenta) - https://www.adobe.com/br/products/xd.html?promoid=PYPVQ3HN&mv=other
 Affinity Designer (ferramenta) - https://affinity.serif.com/pt-br/
 Framer (ferramenta) - https://framer.com/
 Gravit Designer (ferramenta) - https://www.designer.io/
 Axure (ferramenta) - https://www.axure.com/

Ferramentas Protótipo:

 Principle (ferramenta) - http://principleformac.com/

 Adobe xd (ferramenta) - https://www.adobe.com/br/products/xd.html?promoid=PYPVQ3HN&mv=other

 Proto.io (ferramenta) - proto.io

 Flinto (ferramenta) - https://www.flinto.com/

 Framer (ferramenta) - https://framer.com/

 Marvel (ferramenta) - https://marvelapp.com/

 Figma (ferramenta) - https://www.figma.com/

 InVision (ferramenta) - https://www.invisionapp.com/

 Axure (ferramenta) - https://www.axure.com/

Ferramentas Entregas:

 Zeplin (ferramenta) - https://zeplin.io/

 Specctr (ferramenta) - https://specctr.com/cloud/home
 Simply (ferramenta) - https://sympli.io/
 UXpin (ferramenta) - https://www.uxpin.com/
 InVision (ferramenta) - https://www.invisionapp.com/
 Avocode (ferramenta) - https://avocode.com/
 Marvel (ferramenta) - https://marvelapp.com/
 Figma (ferramenta) - https://www.figma.com/

Ferramentas Monitoramento:

 Smartlook (ferramenta) - https://www.smartlook.com/pt/

 Hotjar (ferramenta) - https://www.hotjar.com/
 Jaco (ferramenta) - http://www.getjaco.com/
 Fullstory (ferramenta) - https://www.fullstory.com/

PEGUEI EM UM SITE

PERFIL E CARACTERÍSTICAS DO PROFISSIONAL Para um Designer UX, é

essencial ter conhecimentos técnicos em ferramentas de design, principalmente
Illustrator, Photoshop e InDesign. Conhecimentos em Material Design, Flat
DesignPara a protipação, criação de wireframes e outras atividades, é
necessário também conhecer Axure, Invision, Marvel, MidNode, OmniGraffle,
Sketch, Fluid, LucidChart ou outras ferramentas. Como características pessoais,
é necessário: Excelente habilidade de design com sensibilidade para interação
dos usuários; Excelente habilidade de comunicação e apresentação de ideais;
Saber resolver problemas criativamente e de forma eficaz; Antenado às ultimas
tendências, técnicas e tecnologias da área, com atualização frequente. Quando
se trata de websites ou plataformas online, é requisitado que o candidato
conheça também fundamentos de layouts responsivos, web design, noções de
HTML e CSS, e ferramentas como Google Web Designer. Já para Designers
voltados ao Mobile, é importante conhecer as guidelines de cada um dos
sistemas operacionais. Como diferenciais, destacam-se portfólio consistente na
área, experiências sólidas, Motion Design e edição de vídeos, ilustração,
graduação em Design Gráfico, Design Digital, ou áreas afins e especializações
na área de UX.

Fonte: http://tutano.trampos.co/15025-designer-ux/

CONHEÇA O SEU USUÁRIO

DIAGRAMA DA DESEJABILIDADE, VIABILIDADE, CAPACIDADE

Na intercessão é onde encontramos o sucesso do produto

Viabilidade: financeiramente viável, e pode ser considerado dentro de

modelo negocio e sustentável

Capacidade: capacidade tecnológica de uma solução ser ciada dentro do

período determinado de tempo

Desejabilidade: concentra todas as necessidades do usurário. ( é o

que interessa no curso)
Desejabilidade não pode ser confundindo como desejo (vontade de
comer...) mas necessidades como dores, tarefas que deseja automatiza,
ganhos que ele possa potencializar.

Só é possível entender isso se pesquisar sobre o usuário.

Como conduzir uma pesquisa?

Compreender de fato o usuário e como ele se sente dentro de um tópico ou

um assunto.

Como construir um bom roteiro e como entrevistar o usuário.

Objetivo 01: o que eu quero descobrir com as perguntas?

Qual o comportamento das pessoas que consumem esse produto?

Porque eles compram?

Quais as intenções que a pessoa compra?

Evitar perguntas fora de contexto.

Formule Perguntas que sejam abertas e não fechada que instimule o “sim”
e o “não”

Estimule a pessoa a contar uma história

Não coloque sua opniao sobre a pergunta: “essa comida foi boa?”

Objetivo 02: estruture uma conversa

É importante iniciar a conversa com o usuário. Estruture a conversa em três

etaps:

a- Apresentação e contextualização: deve lembrar uq a pessoa

nunca participou de uma entrevista. É fundamental que vc
explique brevemente para a pessoa ficar confortável. Seja
acolhedor e educado.
b- Aplique o roteiro: tentar não completar o raciocínio do
entrevistado. Quando o entrevistado tenha uma longa pausa não
sugere a resposta. Algumas dicas: grave a conversa; chame um
colega para anotar as respostas; recaptule as respostas logo
após a entrevista para pegar os mais importante;
c- Duvidas e agradecimentos.

Persona e Jobs to be done

 como criar uma persona:

a- conversar com o usuário

b- identifique padrões: crie matriz com nome e categorias pra tentar
identificar quem falou o que, ver o que está comum aquilo tudo.
c- Crie uma persona a patrir do que vc identificou de padões.

Importante: tente realmente pensar se é relevante escrever aquela frase que vc

esta pensando sobre o comportamento ou não para não ficar uma persona
cheia de detalhes irrelevantes no final.

d- Sempre deixe a sua persona atualizada pq o seu produto muda muito

rápido e o publico tbm vai mudar.

COMO É QUE EU USO A PERSONA?

Quando eu preciso criar empatia no time, ou quando você precisa criar o Wood
no seu aplicativo, ou do seu site.

QUANDO EU NÃO USO ISSO?

Não colocar os produtos que ele não compraria;

Exemplificar sites que o persona gosta.

IMPORTANTE: O objetivo maior é determinar o que faz o usuário comprar um

determinado produto.

Jobs to be done: é uma forma de você tentar criar soluções inovadoras para
o problema que o seu usuário esta tentando resolver.

A idéia principal do Jobs é que as pessoas contratam produtos para tentar

resolver algum problema deles.

Persona; tentando mapear quem é essa pessoa que vai usar o produto.
Jobs to be done: Entender o que a pessoa quer fazer.

E COMO USAR O JOB TO BE DONE EM SEU PROJETO

1- Entrevistar o ususario pra saber qual foi o contexto da compra,

qual o objetivo, com quem que eles estavam, e querer
acompanhar esta situação.
2- Crie frases seguindo o seguinte formato: “quando, coloca o
contexto, eu quero , coloca a motivação, para que eu possa,
coloca a propota de valor do produto.
 Exemplo: quando eu estou numa festa, eu quero postar uma foto, para
que eu possa rever depois.
 3- compare as frases de todos os usuário para tentar encontrar
padrões.

Qual o seu objetivo para encontrar a persona:

a- Que o seu time crie empatia com o usuário, que tente entender
exatamente qme é essa pessoa?
b- Que o seu time entenda o que essa pessoa quer fazer para tentar criar
uma solução inovadora para esse problema?

JORNADA DO USUÁRIO

Mapa da jornada

É importante ter em mente

a- quais são os pontos de contato que ele tem com a sua

marca; com o seu produto;
b- E quais são os pontos que vocês podem melhorar.

Quanto mais estiver em mente o contexto de uso que vc quer realmente

estudar, melhor.

No google existem vários modelos para diversas finalidades

O mais comum:

Os atores de um lado e as sequências de ações no outro lado.

Escolha um contexto de uso:

Usuário01: ação 01, ação 02

Usuário 02: ação 01, ação 02

Exemplo: APLICATIVO DE OFERTAS DE PROGRAMA DE FIDELIDADE DE
UM SUPERMERCADO QUALQUER.

Objetivo de uso do programa: o usuário consegue conferir cupons de

ofertas e ver quantos pontos ele tem para usar na comprar.

Entendendo o usuário

Entendendo os usuários (texto) - https://goo.gl/B9Z5rZ

Toothbrush, Vitamins and Pain Killers (texto) - https://goo.gl/Zven7p

The Field Guide to Human-Centered Design (livro) - https://goo.gl/G6nNhg

Brené Brown on Empathy (video) - https://goo.gl/dfaefA

Well-Designed: How to Use Empathy to Create Products People Love (livro) - https://goo.gl/cVA9oX

Como conduzir uma pesquisa?

A 5-Step Process For Conducting User Research (texto) - https://goo.gl/cX1CAJ

The UX Research Plan That Stakeholders Love (texto) - https://goo.gl/LYbimM

The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool (texto) - https://goo.gl/rRwZaM

Interviewing Users (texto) - https://goo.gl/uEBPVj

Personas e Jobs to be Done

Personas vs. Jobs-to-Be-Done (texto) - https://goo.gl/zr5B4p

Why Personas Fail (texto) - https://goo.gl/aM2EgD

intercom on jobs-to-be-done (livro) - https://goo.gl/J7a1uV

Clayton Christensen on job to be done (vídeo)- https://goo.gl/9Xm3L3

(HBS) Know Your Customers’ “Jobs to Be Done” (texto) - https://goo.gl/PTEpHa

Jornada do usuário

Mapeando a jornada e a experiência do usuário (texto) - https://goo.gl/p6sEmV

USABILIDADE E PROTOTIPAÇÃO RÁPIDA

De onde tirar idéias?

Brainstorming

a- Limite o seu foco

b- Incentive idéias loucas
c- Priorize a quantidade
d- Desenhe mais
 e- Adie julgamentos
f- Uma conversa por vês
g- Construa sua idéia sobre outras idéias.

Mescrai: uma lista de sete palavras que podem te ajudara fazer variações de
uma mesma idéia.

1- Modifique
2- Eliminar
3- Substitua
4- Tente combinar idéia
5- Arranjar
6- Adapte
7- E se nada funcionar tentar inverter tudo de ponta cabeça ou fora da
sequencia

Crazy 8’S ( é uma metodologia usada no Google)

Antes do crazy 8’S

1- Colher os ebnchmarks dos competidores e mostra para todo

mundo da equipe.
2- Dinâmica de 20 minutos onde vc anota as principais idéias dos
concorrentes ou coisas inspiradoras que tbm vc possa ter e
começar a desenhar bem rapidamente um esboço do que seria a
idéia original

O método craze 8’s

a- Pegue uma folha de a4 e divide ela em oito pedaços. Pode dobrar

ela varias vezes depois você pega o seu timer favorito e coloca oito
minutos nele
b- Vc pega aquela idéia principal e tenta desenhar oito variações para
ela em oito minutos.
c- Vc pega essa folha com varias variações e tenta selecionar o que
vc acha que tem mais futuro para desenhar sua idéia final que vai
ser proposto.
QUAIS OS TIPOS DIFERENTES DE PROTOTIPAGEM

A gente tem a idéia, a gente imagina alguma coisa, a gente torna isso real, pra
gente poder comunicar com o nosso usuário. Então, a gente consegue passar
para ele essa coisa e colher feedbacks dele. Colher impressões e resultados e
com isso refletir em cima disso, então a gente consegue ver se a gente
realmente atingiu todas as funcionalidades, atingiu todas as necessidas que ele
tinha.

Os decorados são exemlos de protótipo

Descrição verbal é exemplo de protótipo

Storyboard é um protótipo ( a Disney e a pixar utilizam muito esse modelo)

Sketck é um protótipo ( desenhar num papel)

Protótipo: BAIXA, MEDIA E ALTA FIDELIDADE

EXISTE CUSTO PARA FAZER UM PROTÓTIPO

Protótipo rápido

1- Elimine o uso dos jargões dentro de um projeto e dar o

mesmo nome para componentes que estão sendo
utilizados
2- São versates, eles podem ser em papel, ou HTML,
inclusive pode ser uma ligação falsa de alguém
3- O protótipo ele deve trazer alguns detalhes relevante,
realismo, sobre o que é que esta tratando o seu produto;
4- Interatividade do protótipo a ponto de permitir a equipe
consigam conversar sobre a idéia e não simplemnte falar
sobre pontos abstrados.
5- Evolução do produto: ele é a prova de conceito que
internamente vc consegue validar com o pessoal do
desenvolvimento ou mesmo aplicar o produto.

COMO FAZER UM PROTÓTIPO?

a- Vc tem que saber o que vc vai prototipar

b- A idéia é usar a regra de pareto: desenhar 20% das funcionalidades que
provalemnte vão ser usadas, 80% do tempo.
c- Usar cenários e historias para dar contexto ( quanto mais rico vc deixar a
historia melhor)
d- Colher o feedback
e- Tudo que vc faz em torno do protótipo é importante e precisa ser
documentado pra servir como memória do projeto.

A ideia de um protótipo gira em torno de colaboração e experimentação.

O que é um protótipo de alta fidelidade?

São 3 critérios:

a- Interatividade: promove uma resposta instantânea do usuário;

b- Elemento visual
c- Conteúdo: genérico ou real
 BAIXA FIDELIDADE (ELEMENTO VISUAL) ALTA FIDELIDADE

Quando construir um protótipo de alta fidelidade

A imersão é importante para vivênciar a experiência do usuário.

CONSTRUINDO UM PROTOTIPO de alta fidelidade.

O primeiro passo quando se espera prototipar , vc tenha feito anteriormente e

minimamente o Storyboard.

Esse ponto já deve ter mapeado as hipoteses que vc quer levantar e os

conflitos que vc quer testar.
Divide o protótipo com alguém

Identidade visual para facilitar pra não começar do zero

Guia de estilo

Padrões de layout

Padrões de design

Sketch app resoucer

UI Age (que é pago)

Após o protótipo pronto precisa fazer o teste de confiabilidade com os amigos e

colegas de trabalho.

No protótipo não existe certo ou errado. O importante é a experiência e

aceitação

Utilize o teste no dia a dia principalmente com pessoas que não estão no
projeto
FERRAMENTA DE PROTOTIPAÇÃO RÁPIDA

Ferramenta que me ajuda a criação do produto mais rápido e eficaz.

Sketch: fotoshop misturado com illustration. Tem função de símbolos, tem

comudidade muito grande e muito ativa. ( disponível somente para usuário de
MAC)

Invision: vc consegue criar as interações entre telas. Recursos de colaboração

de projeto é excelente ( free hand). Pode ser usado no celular. Acesso tanto
como web quanto windons. Ele é grátis.

Figma: esta sendo usado em Stanford e Berkeley.

Adobe XD: uma mistura com o Sket e Invision. A conexão é ótima com
photoshop ou illustrator.

Framer: ele consegue fazer muita coisa. Consegue fazer animações muito
detalhada. ( só esta disponível para o MAC).

Quais ferramentas escolher?

Quer velocidade, mas não tem tempo.

Invision e o Adobe XD.

TESTE DE USABILIDADE

1- DEFINA O SEU USUARIO

2- DEFINA A PERSONA

COMO RECRUTAR O USUARIO? USANDO A FERRAMNTA CHAMADA

SURVEY MONKEY onde a gente dispara questionrio e compatilha nas mídias
sociais.

3- Recrutar uns 05 usuarios para fazer o teste.

Parte da entrevistas

a- Recepção amigável
b- Perguntas contextuais

De onde tirar ideias?

Graphic Design Thinking: Beyond Brainstorming (livro) - https://goo.gl/ARWm7E

Seven Secrets to Good Brainstorming (texto) - https://goo.gl/eGHRqq

Six Surefire Ways to Kill a Brainstorm (texto) - https://goo.gl/1g8qhJ

d.school brainstorming rules (vídeo) - https://goo.gl/TW1LbG

Tales of creativity and play (vídeo) - https://goo.gl/n1s52D

Protótipo

Prototyping for Hosts - How a tool for engineers became integral to the design process (texto)
- https://goo.gl/93HYYk

Design Better And Faster With Rapid Prototyping (texto) - https://goo.gl/X35zMH

What Is a Prototype: A Guide to Functional UX (texto) - https://goo.gl/8vuogD

Why prototyping is a must for designers (texto) - https://goo.gl/sDWLJo

Ferramentas de prototipação

UI8 (site) - https://ui8.net/

Proto.io (ferramenta) - https://proto.io/

Sketch (ferramenta) - https://www.sketchapp.com/

 Sketch app sources (site) - https://www.sketchappsources.com/

 Por que a Taqtile migrou para o Sketch? (texto) - https://goo.gl/4UpxVa
 Hey, Designer (textoS) - https://heydesigner.com/sketchapp/
 The sketch handbook (livro) - http://web.sketch-handbook.com/
 Guide to getting started in sketch (texto) - https://goo.gl/x464fE
 Medium - Sketch (textoS)- https://medium.com/sketch-app
 Sketch tutorials (vídeoS)- https://goo.gl/oT7kuP
 design+code (livro) - https://designcode.io/

Invision (ferramenta) - https://www.invisionapp.com/

Figma (ferramenta) - https://www.figma.com/

 Visual Design Fundamentals (curso) - https://goo.gl/15yVng

 User Interface Design and Development (curso) - https://goo.gl/2yjA9D
 Why Professors at Stanford and UC Berkeley Use Figma to Teach Design (texto)
- https://goo.gl/W4h6cR
 Downloads Figma (ferramenta) - https://www.figma.com/downloads

Adobe XD (ferramenta) - https://www.adobe.com/br/products/xd.html#x

Framer (ferramenta) - https://framer.com/

Ferramentas de prototipagem — promissoras — para 2017 (texto) - https://goo.gl/nePMBM

All prototyping tools (site) - https://goo.gl/2GB8na

Usabilidade

Survey Monkey (ferramenta) - https://pt.surveymonkey.com/

Introdução à interfaces heurísticas (texto) - https://goo.gl/PWi3gN

Mobile Usability (livro) - https://goo.gl/i2AhG6

10 Heurísticas de usabilidade

1- Usuário acima de tudo: o usuário deve sempre esta sendo informado

sobre tudo o que esta acontecendo. Feedback é muito importante.
Controle e libderdade; flexibilidade e eficiência.
2- Controle de expectativa: consistência e padrões; correspondência com o
mundo real ( fale a língua do usuário) ; ajuda e documentação
3- Tratamento de erros: prevê os erros; ajuda no reconhecimento,
diagnostico e recuperação; reconhecimento sobre memorização;
 4- Simplicidade: estética e design minimalista

As 10 heurísticas de usabilidade

10 Usability Heuristics for User Interface Design (texto) - https://goo.gl/9UQtb8

Usability 101: Introduction to Usability (texto) - https://goo.gl/aqCGxQ

Appropriating and assessing heuristics for mobile computing (texto) https://goo.gl/nJeZtw

Análises e Testes remotos e ferramentas

Influência da interface gráfica em m-commerces sobre as motivações da compra online em

smartphones (texto) - https://goo.gl/HjDuT9

5 dos erros mais comuns cometidos em UX (texto) - https://goo.gl/JpJXC8

Interaction design foundation (cursos) - https://www.interaction-design.org/

How to choose the right UX metrics for your product (texto) - https://goo.gl/xVz7Hj

Measuring the User Experience on a Large Scale: User-Centered Metrics for Web Applications
(texto) - https://goo.gl/MH1Rjf

Testes

 Lookback (ferramenta) - https://lookback.io/

 Hotjar (ferramenta) - https://www.hotjar.com/
 Smartlook (ferramenta) - https://www.smartlook.com/pt/
 Jaco (ferramenta) - http://www.getjaco.com/
 Fullstory (ferramenta) - https://www.fullstory.com/

Analitycs

 Analytics (ferramenta) - https://www.google.com/analytics/

 Firebase (ferramenta) - https://firebase.google.com/?hl=pt-br
 New relic. (ferramenta) - https://newrelic.com/
 Hotjar (ferramenta) - https://www.hotjar.com/
 Fabric (ferramenta) - https://get.fabric.io/
 Google Play(ferramenta) - https://play.google.com/store

Quais as mudanças e os paradigmas do UX para o futuro?

Lean UX (livro) - https://goo.gl/ztrSvU

Material motion (site) - https://goo.gl/EGvKiC

Nose Zone (video) - https://goo.gl/qfFWJz

The iPhone X’s Real Legacy: Making Your Face The Interface (texto) - https://goo.gl/RFpWtV

Moral machine (site) - moralmachine.mit.edu/

Figma (ferramenta) - https://www.figma.com

Magic Leap (site) - https://www.magicleap.com/

Nosso trabalho é desenhar cada vez menos interfaces (texto) - https://goo.gl/tgnpMh