Design Thinking Design Inclusivo Thiago Marques
Total Page:16
File Type:pdf, Size:1020Kb
x x x x x x x x x x No Brasil, 25% da população têm algum tipo de deficiência.* — IBGE, 2010 15% da população mundial tem algum tipo de deficiê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 significa que Empatia pessoas com deficiê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 deficiê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 deficiência Design Inclusivo Thiago Marques — Acessibilidade Você é beneficiada(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 identificar 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 diversificado, baseando-se na experiência pessoal. A11y é para todas as pessoas! Design Inclusivo Thiago Marques “Uma experiência ruim para uma pessoa sem deficiência é geralmente muito pior para uma com deficiê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-fits all”, o Design inclusivo é “one-size-fits-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 Netflix 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 deficiência Se perguntando Conhecendo Adaptando ao usuário Adaptando ao contexto Design Inclusivo Thiago Marques Tipos de deficiê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 wifi 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. Deficiê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