Design Thinking Design Inclusivo Thiago Marques

x x

x No Brasil, 25% da população têm algum tipo de deﬁciência.* — IBGE, 2010 15% da população mundial tem algum tipo de deﬁciência. 1 bilhão de pessoas. — The World Bank O Design Inclusivo como método para diminuir barreiras através de produtos, serviços, ambientes e experiências. Obrigado pela oportunidade! Thiago

Marques

Ciência da Computação - UFLA & ASU

Product Designer na Hotmart

Community Leader do GDG BH Devfest Nordeste Google BH Hotmart

IxDA Ouro Preto DevDay

Google / California Front End Meetup Avenue Code é sobre pessoas O que? Quem? Como? Por que? Design Inclusivo Thiago Marques

O que? Design Inclusivo Thiago Marques

Empatia

Glossário Habilidade de entender e compartilhar os Empatia sentimentos de outras pessoas. Acessibilidade Inclusão Design Thinking Design Inclusivo Thiago Marques

Empatia

O que pensa e sente? Glossário

Empatia Acessibilidade O que escuta? O que vê Inclusão Design Thinking

O que fala e faz?

Quais as suas dores Quais os seus objetivos? Design Inclusivo Thiago Marques

“Liderança é sobre empatia. Trata-se de ter a capacidade de se relacionar e se conectar com as pessoas com o objetivo de inspirar e capacitar suas vidas. ”

— Oprah Winfrey Design Inclusivo Thiago Marques

Acessibilidade

Glossário Possibilidade e condição de , e alcance percepção Empatia entendimento para a utilização, em igualdade Acessibilidade Inclusão de oportunidades, com segurança e Design Thinking

autonomia, do meio físico, do transporte, da informação, inclusive dos sistemas e tecnologias de informação e comunicação. (W3C) Design Inclusivo Thiago Marques

Acessibilidade

Glossário

Empatia Acessibilidade Inclusão Design Thinking Design Inclusivo Thiago Marques

Acessibilidade Web

Glossário ”Acessibilidade na web signiﬁca que Empatia pessoas com deﬁciência podem usar a web. Acessibilidade Inclusão Design Thinking Design Inclusivo Thiago Marques

Acessibilidade Web

Glossário — ”Acessibilidade na web significa que Empatia pessoas com deficiência podem usar a web. Acessibilidade Inclusão Acessibilidade na web significa que pessoas Design Thinking com deficiência podem perceber, entender, navegar, interagir e contribuir para a web.

(W3C) Design Inclusivo Thiago Marques

“Acessibilidade é uma dor para soletrar, mas não tem que ser uma dor para trabalhar.”

— Alice Boxhall - Google Design Inclusivo Thiago Marques

Inclusão

Glossário Entendendo que cada indivíduo é único e abraçando as diferenças de cada um de nós. Empatia Acessibilidade Inclusão Design Thinking

Ris k

Exclusão Separação Integração Inclusão Design Inclusivo Thiago Marques

Design Thinking

Glossário O Design Thinking não é focado no Empatia problema, é focado na solução e orientado Acessibilidade para que as criações sejam utilizáveis, Inclusão desejáveis e memoráveis. (Coordenadores da trilha Design Thinking Design Thinking- TDC BH) Design Inclusivo Thiago Marques

Quem? Design Inclusivo Thiago Marques

Pessoas

Glossário É sobre colocar as pessoas no centro. Pessoas Usuários/as Tipos de deﬁciência Design Inclusivo Thiago Marques

Usuários

Glossário É entender quem são as/os nossas/os Pessoas usuária/os. Usuários/as Tipos de deﬁciência Design Inclusivo Thiago Marques

— Acessibilidade Você é beneﬁciada(o) pela Acessibilidade? Qual horário que você mais utiliza? Qual horário que você mais utiliza?

a noite, certo?

Design Inclusivo Thiago Marques

“Luz direta à noite ou em um ambiente escuro não é a melhor opção para nossos olhos.” Design Inclusivo Thiago Marques

Conhecendo as pessoas

Glossário Quem são os/as seus usuários(as)? Conhecendo as pessoas Aprendendo com as pessoas Design Centrado no usuário Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Dica amiga

Glossário

Teste Usabilidade Conhecendo as pessoas Entrevistas Aprendendo com as pessoas Design Centrado no usuário Ferramentas de analytics Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Aprendendo com as pessoas

Glossário Como a tecnologia pode servir a informação Conhecendo as pessoas correta, na hora certa? Aprendendo com as pessoas Design Centrado no usuário Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Aprendendo com as pessoas

Glossário Como podemos identiﬁcar quando, onde e como é Conhecendo as pessoas apropriado para um sistema comunicar Aprendendo com as pessoas com pessoas? Design Centrado no usuário Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Aprendendo com as pessoas

Glossário Como as informações podem se misturar no plano Conhecendo as pessoas de fundo e como as pessoas podem se concentrar Aprendendo com as pessoas em sua tarefa, não na ferramenta? Design Centrado no usuário Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Aprendendo com as pessoas

Glossário Como eu posso utilizar o meu conhecimento para Conhecendo as pessoas ajudar as pessoas? Aprendendo com as pessoas Design Centrado no usuário Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Uma das principais distorções cognitivas da natureza humana é tirar conclusões sobre um mundo diversiﬁcado, baseando-se na experiência pessoal. A11y é para todas as pessoas! Design Inclusivo Thiago Marques

“Uma experiência ruim para uma pessoa sem deﬁciência é geralmente muito pior para uma com deﬁciência.”

— Nicholas Kramer Design Inclusivo Thiago Marques

Como?

Design Inclusivo Thiago Marques

Dica amiga

Link

Princípios do Design Universal #1: 7 princípios do Design Universal

Uso equitativo http://universaldesign.ie/What-is-Univ ersal-Design/The-7-Principles/ “Forneça os mesmos meios de uso para todos os usuários: idêntico sempre que possível, equivalente quando não.” “Evite segregar ou estigmatizar qualquer pessoa.” “Privacidade e segurança devem estar igualmente disponíveis para todas as pessoas.” “Torne o design atraente para todas as pessoas.” Enquanto o Design Universal é “one-size-ﬁts all”, o Design inclusivo é “one-size-ﬁts-one” O Design Inclusivo pode não considerar o Design Universal. O Design Universal pode não envolver a participação de comunidades excluídas. Design Inclusivo Thiago Marques

Dica amiga

Link Utilize uma linguagem neutra de Escrever com x não é gênero. linguagem neutra.

https://medium.com/qg-feminista/escr ever-com-x-n%C3%A3o-%C3%A9-lin Todes, Tod@s, Todxs não é legal! guagem-neutra-f40f715c0b29

Atrapalha na acessibilidade. Design Inclusivo Thiago Marques

Dica amiga

Link Utilize padrões de Design que Material Design - Dark theme possam atender várias pessoas. https://material.io/design/color/dark-the me.html Design Inclusivo Thiago Marques

Se pergunte

Sumário Como eu utilizo o modo visual, auditivo e háptico(tato) de comunicação? Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Se pergunte

Sumário Como eu posso ser mais empático?

Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Case

— Blog da Hotmart em árabe Sumário

Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto

Design Inclusivo Thiago Marques

Case

Sumário

— HandTalk Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques Dark Theme

Escurecer Economizar com o cinza energia

Utilizar cor Melhorar a como expressão acessibilidade Design Inclusivo Thiago Marques Dark Theme

Netﬂix YouTube Spotify Design Inclusivo Thiago Marques Dark Theme

Hotmart Club Waze Twitter Design Inclusivo Thiago Marques

Conhecendo

Sumário Conheça a diversidade

Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Dica amiga

Sumário

Tipos de deﬁciência Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques Tipos de deﬁciência

Deficiência permanente Deficiência temporária Deficiência situacional Design Inclusivo Thiago Marques

Fonte: Microsoft Design Inclusivo Thiago Marques

Adaptando ao usuário

Sumário Como está a comunicação com o usuário?

Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Case

Sumário

— UX Writing Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Adaptando ao usuário

Sumário Como posso me adaptar às suas necessidades?

Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Dica amiga

Sumário

Aprenda com a interação entre as Se perguntando pessoas para criar experiências Conhecendo Adaptando ao usuário satisfatórias. Adaptando ao contexto Design Inclusivo Thiago Marques

Case

Sumário

Comece pelo mínimo. Se perguntando Como está o contraste das cores? Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Adaptando ao contexto

Sumário Cognitivos, ambientais, sociais, físicos e culturais

Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Adaptando ao contexto

Sumário Sozinha ou em uma sala lotada.

Se perguntando Sem wiﬁ ou internet de velocidade total. Conhecendo Adaptando ao usuário Adaptando ao contexto Em movimento ou em uma sala de conferências.

Luminosidade em um dia ensolarado.

Deﬁciência Design Inclusivo Thiago Marques

Dica amiga

Sumário

Construa uma experiência que Se perguntando respeite e adapte ao contexto. Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques

Case

Sumário

Google I/O Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques Google I/O

Lugares Ajuda na reservados localização

Transcrição em Foco em tempo real + Acessibilidade sinais Live Relay

Ele ajudará pessoas surdas ou com deﬁciência auditiva a receber chamadas de voz. Live Transcribe Fornece transcrição de fala em tempo real para pessoas letradas surdas ou com deﬁciência auditiva. Projeto Euphonia

Ferramenta de reconhecimento de fala projetada para melhorar a comunicação para pessoas que têm padrões de fala e estilos de pronúncia incomuns, ou mesmo aqueles que não conseguem verbalizar nada. Design Inclusivo Thiago Marques

Por que? Design Inclusivo Thiago Marques

Por que?

Simples: nos importamos! Design Inclusivo Thiago Marques

As pessoas não têm que se adaptar ao meio. O meio que têm que se adaptar. Design Inclusivo Thiago Marques

“A deﬁciência deixa de ser um atributo da pessoa e passa a ser o resultado da falta de acessibilidade que a sociedade e o Estado dão às características de cada um. A LBI veio para mostrar que a deﬁciência está no meio, não nas pessoas.” - Lei Brasileira de Inclusão Design Inclusivo Thiago Marques

Reconheça a exclusão Design Inclusivo Thiago Marques

Reconheça a exclusão

Aprenda com a diversidade Design Inclusivo Thiago Marques

Reconheça a exclusão

Aprenda com a diversidade

Resolva para um, estenda a muitas Design Inclusivo Thiago Marques Quer saber mais?

https://medium.com/@althi http://bit.ly/althicanal Design Inclusivo Thiago Marques Quer saber mais?

Diversidade e Protagonismo Vamos falar sobre LGBTQI+ em Tecnologia acessibilidade? Design Inclusivo Thiago Marques

“Em um ambiente de trabalho descontraído, diversidade de experiências apenas agrega valor. Se tratássemos todas as pessoas assim, com o devido respeito, haveria muito mais compreensão.” — Aron Theobaldo - Hotmart Obrigado

twitter.com/@althi Thiago medium.com/@althi Marques instagram.com/@southiagoalmeida