Design de produto digital: entender o design emocional | Jake + Garron | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Design de produto digital: entender o design emocional

teacher avatar Jake + Garron, Product Designers @ Intuit & Facebook

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

7 aulas (14 min)
    • 1. Introdução e por que Design Emocional?

      1:24
    • 2. Apresentação do projeto

      0:32
    • 3. Storyboards e linhas de viagem

      1:46
    • 4. "Momentos de propriedade"

      2:38
    • 5. Técnicas de design para criar experiências emocionais

      2:28
    • 6. Exemplos de design emocional

      1:09
    • 7. Demonstração de projetos

      4:16
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

2.469

Estudantes

9

Projetos

Sobre este curso

Neste curso, vamos dar uma olhada em todos os tipos de aplicativos e experiências que usam design emocional para criar uma melhor conexão com seus usuários. Vamos caminhar pela nossa abordagem para incorporar design emocional e mostrar como ele se aplica a um produto popular, cotidiano, como o Uber. Isso vai culminar em um projeto onde você vai usar as ferramentas e técnicas que você aprende durante o curso e aplicá-las a um aplicativo ou experiência. Se você estiver olhando para dar o próximo passo na concepção de produtos que criam uma conexão mais próxima com seus usuários, você está no lugar certo.

Conheça seu professor

Teacher Profile Image

Jake + Garron

Product Designers @ Intuit & Facebook

Professor

Jake is a Senior Interaction Designer at Intuit and Garron is a Product Designer at Facebook and they both work tirelessly to craft experiences that profoundly change people's lives.

Jake enjoys working on all parts of the experience, from research to prototyping to visual design, and specializes at the intersection of data, emotions, and design. Outside of work, Jake enjoys traveling and playing ultimate frisbee all around the world, while trying craft brews from some of the best breweries.

Garron relishes simplicity and strives to change lives through design and innovation. In his down time he serves on the board of UX Speakeasy, the San Diego chapter of IxDA, and was the Lead for the Mobile Design Uprising Conference. He also enjoys running, hiking, cooking, traveling a... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução e por que Design Emocional?: projetar para as pessoas pode ser realmente confuso. Experiências web e móveis percorreram um longo caminho, Embora pensando apenas 5 a 10 anos, o foco dos produtos on-line foi em como a Internet estava revolucionando as tarefas cotidianas. Hoje, com centenas de novos sites e mapas lançados diariamente, é preciso mais do que sua funcionalidade para torná-lo grande ao projetar experiências, muitas pessoas colocam emoção e prazer no topo da hierarquia de necessidades. Faz sentido. É o nosso objetivo, pois os designers fazem as pessoas se apaixonarem tanto pelas nossas experiências que falam sobre isso aos outros . O problema é que a emoção é geralmente priorizada por último ou é uma reflexão posterior ao custo de garantir que você bate, facilidade e benefício. Há uma clara separação entre essa emoção e prazer em comparação com a facilidade e funcionalidade que não é apostas de mesa. Eu sou Jake Maynard, e estou garantido Ekstrom, e nós dois somos designers de interação que nele, tendo trabalhado em produtos como QuickBooks em ataques on-line e TurboTax Neste curso, vamos dar uma olhada em todos os tipos da APS e experiências que usam design emocional para criar melhores conexões com seus usuários. Vamos percorrer nossa abordagem para incorporar design emocional e mostrar como ele se aplica a um produto popular do dia-a-dia como uber. Ele vai culminar em um projeto onde você vai usar as ferramentas e técnicas que você aprendeu durante o curso e aplicá-los a um aplicativo ou experiência para si mesmo. Se você está procurando dar o próximo passo na criação de produtos que melhor uma conexão mais próxima com seus usuários, então você está no lugar certo. 2. Apresentação do projeto: Depois de aprender sobre nossa abordagem, estávamos caminhando através de um exemplo de aplicação de nossos princípios de design emocional para uber. Para o seu projeto, você seguirá os mesmos passos que mostraremos e usará nossos princípios de design emocional para melhorar um aplicativo ou experimentar você mesmo. Você compilará uma linha de viagem para o produto escolhido. Identificar um momento marcante e as emoções ligadas a ele, bem como criar conceitos de como injetar design emocional nesse momento. Ao adicionar seu projeto à Galeria de Projetos, você inspirará outras pessoas com novas maneiras de adicionar emoções projetadas para diferentes produtos. 3. Storyboards e linhas de viagem: são uma ótima ferramenta para mostrar um problema de cliente, ilustrar nosso produto e resolver esse problema. Airbnb usou famosamente insights de clientes para criar empatia e, eventualmente, inovações de produtos por storyboard e experiências emocionais importantes na jornada do cliente, eles usam storyboards para conectar seu produto às ações de seus usuários. Bem, dando uma palestra, aquela 99 nova conferência de trabalho Debia disse isso. Então, como é que fazemos a ponte do nosso guião? Fale sobre o código do Airbnb para essas experiências do mundo real. Nós storyboard e storyboard como loucos. No ano passado, embarcamos em um ambicioso mapa do projeto, todo o terreno convidado e anfitrião do Airbnb, e fizemos isso através da ilustração. Nós olhamos para os principais momentos emocionais da jornada, e os desenhamos. Nós visualizamos isso e o que ele fez por nós. Permitiu que toda a nossa empresa alcançasse um novo nível de empatia com os nossos clientes . Isso nos permitiu alinhar em torno de uma visão comum semelhante a storyboards, linhas de viagem, ferramentas aéreas usadas para sobrepor, clientes, emoções além das principais partes da experiência. Pode ser uma ferramenta útil ao tentar identificar oportunidades de melhoria para um produto ou experiência para criar uma linha de viagem capturada em cada etapa da jornada de um cliente para uma experiência específica. Neste exemplo, estou documentando a experiência do supermercado. Pergunte a si mesmo o que desencadeia esses eventos? Quando é que é feito? O que acontece a seguir? Você quer ser o mais detalhado possível? Porque você sempre pode combinar eventos mais tarde? Em seguida, Dê a cada momento uma classificação emocional do menor sendo a miséria para o topo. Ser deleite Sua linha de viagem deve ter alguns altos e baixos. Como não ser capaz de encontrar uma vaga de estacionamento no início é baixo. Obter uma amostra gratuita do contador de deli é um ponto alto. Agora que aprendemos sobre storyboards e linhas de viagem, vamos guiá-lo através do que exatamente é um momento notável na próxima seção. 4. "Momentos de propriedade": gostamos de nos referir aos altos e baixos que você viu no exercício da linha de viagem como momentos vulneráveis. Estes podem ser definidos como momentos na experiência em que você conhece ou pode identificar uma mudança ou escalada na emoção, seja boa ou ruim. O que não estamos falando sobre nossos ganhos orientais em Zappos é aplicativo móvel. Quando você agita o telefone, gatinhos caem do topo da tela. Isto é encantador? Talvez se você gosta de gatos. Mas enquanto os ovos de Páscoa são uma pitada de diversão ao longo da experiência, eles não estão identificando um ponto emocional crítico e curando essa experiência. Os ovos de Páscoa certamente têm seu lugar, mas estamos falando de aproveitar momentos que já são emocionais para nossos clientes e projetar experiências com isso em mente. E pequenos momentos não são feitos para criar ou invocar uma emoção. Eles são feitos para identificar os usuários em movimento para que você possa se inclinar para ele. Se o usuário estiver animado ou se sentir orgulhoso, comemore o movimento, prolongue essa boa sensação, bata nas costas. Mas aqui está a coisa. Design emocional não é apenas sobre prazer e emoção positiva. Na realidade, design emocional é sobre todas as emoções boas e especialmente ruins. Se o usuário estiver se sentindo incerto ou com medo, não se afaste disso ou varra para debaixo do tapete. Em vez disso, incline-se para essa emoção. Deixe o usuário saber que você entende onde eles estão emocionalmente e oferecer uma maneira de colocá-los à vontade. Tratados com o devido cuidado e respeito, momentos notáveis têm o poder de transformar uma experiência medíocre em um momento encantador falado , mas ignorado. Um momento notável pode deixar o usuário se sentindo abandonado e frustrado. Um ótimo exemplo de um momento honroso é quando você recebe seu cartão bancário e começa a usá-lo. Geralmente, tende a ser uma delícia. Na sua experiência com o banco, começou em 2009. Na sua experiência com o banco, Simples. Destinado a criar um banco melhor. Uma coisa da qual eles se orgulham é a experiência do cliente. Quando você recebe seu cartão no correio, ele é anexado a um pedaço de papelão com uma pequena mensagem peculiar. Laser gravado nele. A parte inferior da paz de papelão pode ser destacada para criar uma pequena carteira que segura seu cartão por um elástico azul. Não só pensou no design elegante dos conteúdos, também pensou no contexto em que o usuário estaria recebendo cartão os shows que sua jornada para criar um banco melhor simples não parou de revolucionar o experiência bancária digital. Eles criaram uma melhor experiência bancária física e um delicioso ponto de contato com o cliente com a carteira. Agora que sabemos o que são momentos honrados, a próxima seção abordará quais técnicas de design estão disponíveis para redesenhar esses momentos se envolver emocionalmente com seus usuários. 5. Técnicas de design para criar experiências emocionais: existem muitas técnicas de design que você pode empregar para criar uma conexão emocional com seu usuário. Nesta seção, descreveremos três dessas técnicas. Design visual, design de conteúdo e design de movimento irá rever essas técnicas em um nível alto e, em seguida na próxima seção, vai fazer um mergulho profundo em produtos que estão usando essas técnicas para obter respostas emocionais em seus usuários. No livro de Don Norman Design Emocional, ele fala sobre os três níveis de processamento e experiência visceral, comportamental e reflexivo. Ele ressalta que os primeiros 2 são muito sobre o agora onde está reflexivo é sobre como você vai interpretar a experiência no futuro. Embora todos os três níveis de processamento sejam importantes, o nível visceral é fundamental na criação e promoção de experiências emocionais, disse Aaron Walter. Aparência pode influenciar grandemente as percepções, e nós carregamos esse modelo mental com a gente ao dimensionar um site em seu livro Designing for Emotions por causa de sua influência na percepção, design visual é uma ferramenta poderosa no emocional Designers. Toolbox usá-lo para inclinar-se para a emoção, removendo o cromo, removendo você I e removendo a desordem. No geral, também podemos usar visual projetado para imitar a emoção que o usuário está sentindo que o usuário está se sentindo realizado. O design visual deve parecer comemorativo. O design de conteúdo é, sem dúvida, a ferramenta de design emocional mais eficaz que existe porque é a maneira mais rápida para o usuário conhecer seus produtos, personalidade e usuários. Identificar-se com o produto é o maior obstáculo na conexão emocional. Existem muitas estratégias para conteúdo bem-sucedido projetado, incluindo personalização, microcópia, sagacidade e humor, e surpresa, para citar alguns. Certifique-se de que não entrou em conflito com a personalidade dos seus produtos. Ao usar surpresa, analisaremos exemplos disso na próxima seção. Design de movimento e design visual são geralmente anexados com hit, e design de movimento é uma maneira extremamente eficaz de atrair as emoções dos usuários. Para a maioria de nós, temos boas lembranças de desenhos animados de sábado de manhã com suas cores brilhantes e animações otimistas . Mas estas não são apenas técnicas que atraem as Crianças. Pense em programas como Simpsons ou filmes da Pixar. Eles são muito bem sucedidos pelas mesmas razões. O design de movimento vívido e realista emparelhado com um belo design visual criará uma conexão emocional com pessoas de todas as idades. Embora tenhamos destacado três técnicas para adicionar emoções, este é apenas o início sinta-se livre para tentar outras coisas como adicionar som. Teoh criador amplifica emoções, bem como interações que se conectam com seus usuários em um nível emocional. Na próxima seção vai dar uma olhada em Riel World exemplos de produtos que estão usando essas técnicas e vendo grandes resultados. 6. Exemplos de design emocional: Agora que aprendemos algumas técnicas para adicionar emoções projetadas a um produto ou experiência, vamos dar uma olhada em alguns exemplos que já estão por aí. O Chimpanzé está fazendo isso muito bem. Enviar uma campanha de email marketing não parece uma coisa muito excitante de fazer o certo. Mas eles pregam os nobres momentos. Um deles enviando uma campanha de e-mail com sucesso. É um processo longo e árduo. Mas deixe-me dizer-lhe, quando você recebe uma alta cinco de sexta-feira do próprio Tremper Heim o quarto depois de enviar o e-mail , você começa a olhar para a frente para ele. Eles tiveram uma resposta viral incrível a isso. As pessoas começaram a ganhar o Freddie de volta. Ouvimos rumores de que alguém bateu na tela com tanta força que a quebrou. Não sei se isso é verdade, mas quão legal é isso, como designer, para obter uma resposta tão emocional e até física? Um exemplo de como você pode usar conteúdo projetado Teoh adicionar emoções é de TurboTax. Ao iniciar seus impostos, TurboTax perguntou aos usuários, Como você está se sentindo sobre fazer seus impostos este ano? Se as respostas dos usuários não perguntar ataques germinativos reconhece esse sentimento dizendo que muitas pessoas sentem o mesmo. As boas notícias. Nossos clientes nos classificam uma média de 4,8 em cinco estrelas, inclinando-se para as emoções do usuário . Relatório TurboTax Bild e acrescenta um toque humano a experiência. 7. Demonstração de projetos: para o projeto do curso, colocaremos em prática todas as ferramentas e técnicas que aprendemos. Se você está projetando um APP, produto ou serviço como seu trabalho diário ou ao lado, sinta-se livre para usar. Esse é o tema deste projecto. Caso contrário, vá em frente e use um aplicativo de sua escolha. Mas sugerimos Venmo ou qualquer aplicativo bancário, Spotify ou qualquer música, aplicativo ou palha ou qualquer aplicativo de fitness. Então vamos olhar para um exemplo desde que falamos sobre isso antes. Vamos com o Uber passo um. Coloque-se na pele do usuário do APP, até mesmo crie uma persona se você acha que isso ajudaria. Mas o que vamos fazer é criar uma jornada. Nem todos os pontos altos e baixos ao longo dos usuários viajam com o APP para uber. Vamos usar Carol como nossa persona e criar uma linha de viagem para uma experiência que ela tem com cantores uber a caminho de uma entrevista, mas é, como de costume, atrasada. Ela abre a Uber para ver se há um motorista por perto, e graças a Deus há um a apenas três minutos de distância. Mas assim que ela vai pedir a carona. A Uber diz a ela que seu cartão de crédito no arquivo expirou, e ela precisa inserir uma nova forma de pagamento. Esta é apenas a sorte dela. Isso só vai fazê-la mais atrasada para a entrevista. Mas finalmente ela pede sua carona e ela está no carro a caminho. O motorista é agradável, e eles têm uma boa conversa. Mas tudo que Carol pode pensar é que ela pode se atrasar para a entrevista. De repente, Carol tem uma sensação estranha. Ela olha para cima e percebe que o motorista tomou uma curva errada. O que teria sido uma viagem de 10 minutos seria agora uma viagem de 14 minutos, e Carol já estava chegando perto. Mas finalmente, Carol chega a sua entrevista e de alguma forma apenas na hora, em parte devido ao fato de que ela pode simplesmente pular do carro e não se preocupar com Peyton. Passo dois. Identifique um desses pontos no mapa de viagem como um momento honroso. Lembre-se, um momento notável é um ponto na experiência do produto onde você pode identificar uma mudança ou escalada e emoção. Pode ser uma emoção positiva ou negativa depois de escolher o seu próprio momento de ervas, identificar todos os movimentos. Você imagina que o usuário sente nesse ponto da experiência. Então, com base na linha de viagem que criamos para a experiência Amber de Carol, vamos escolher o quinto ponto quando o motorista tomou uma curva errada que fez a viagem mais longa. É um momento notável porque há uma escalada e emoção e o tempo dos usuários importa. Levá-los ao seu destino em tempo hábil é fundamental. Se eu me colocasse no lugar da Carroll, imagino as emoções que sentiriam nossa ansiedade em chegar tarde e frustração que ela está sendo acusada por uma viagem mais longa. Passo três. Agora que identificamos um momento notável e identificamos as emoções associadas, é hora de organizar a experiência. Vamos usar as técnicas que discutimos anteriormente como um lembrete. Estas técnicas incluem, mas não estão limitadas a design visual, design de conteúdo e design de movimento, como mencionado no curso. Em vez de ignorar a emoção que o usuário está sentindo, é crucial inclinar-se para ela. Tomemos, por exemplo, esse cenário com Carol e sua ansiedade e frustração com o atraso, não há nenhuma maneira realista ou legal de levar Carol ao seu destino mais rápido. Então, o que mais podemos fazer? Bem, como identificamos, Carol está sentindo emoções, ansiedade e frustração. Então vamos ver se podemos resolver para eles um de cada vez. Primeiro, podemos enviar-lhe uma notificação push, dizendo-lhe que sabemos que ela está fora do curso e que, como valorizamos o seu tempo, vamos dar-lhe $5 de desconto na próxima viagem. O que isso faz isso mostra que sabemos que algo está errado. Entendemos a frustração dela, e estamos fazendo algo a respeito. A chave aqui é que tudo isso acontece em tempo real. Caso contrário, perdemos o momento em que essa emoção está acontecendo, ou como gostamos de chamar, o momento da verdade. E para tirar a cabeça dela de ansiedade. Poderíamos entreter Carol pelo resto da viagem com petiscos e curiosidades geograficamente relevantes . Por exemplo, enquanto Carol está passando pela Ponte Coronado em seu caminho para sua entrevista, ansiosa por ela estar atrasada, o aplicativo uber diz a ela que o primeiro motorista do outro lado da ponte quando abriu foi Ronald Reagan em 1969. Tudo bem, então esperamos que essa passagem lhe dê uma boa idéia de como você pode completar este projeto. Também anexado como uma planilha PDF para ajudá-lo através desses três passos, sinta-se livre para usar isso como uma forma de organizar seus pensamentos. Você pode parar por aí ou para vocês superempreendedores. Você pode conectar frame ou protótipo sua experiência emocional. Estamos ansiosos para ver o que vocês inventaram.