SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
Da IHC ao UX:
From HCI to UX Building a New meaning through
the history in the industry
De HCI a UX construyendo un nuevo significado
a través de la historia de la industria
Uma história de ressignificação
para o mercado
Webinar BRCHI#05
Quem somos
Clécio Bachini
President at UXPA SP
Founder at Soyuz
Rafael Burity
Executive Board at UXPA SP
UX Manager at Santander
01 02
2About us / Acerca de nosotros
We are the São Paulo chapter of the
Association of User Experience
Professionals (UXPA).
We defend and represent the interests
of the professional, aspirant or student
of user experience, through education,
instruction and mentoring for
individuals.
Sobre o UXPA SP 3About UXPA SP / Acerca de UXPA SP
AGENDA
Human Computer Interaction
Interacción humano computador
User Experience
Experiencia de usuario
User-Centered Design
Diseño centrado en el usuario
Interação Homem Computador
Experiência do Usuário
Design Centrado no Usuário
02
03
01
4
Ergonomia
Não se sabe ao certo a data de surgimento da IHC, porém, costuma-se
estabelecer a origem desse campo de estudo entre a década de 1970 e
1980, com a junção das disciplinas de Ciência da Computação,
Psicologia e Ergonomia no intuito de compreender como o uso dos
computadores poderia melhorar a vida dos usuários (Moraes & Rosa,
2008; Amaral & Nascimento, 2010; Baranauskas & Rocha, 2003.
A ergonomia evoluiu no decorrer das décadas de 1950 e 1960, após o
fim da guerra, tendo, principalmente, as pesquisas concentradas no
desenvolvimento de eletrodomésticos e automóveis mais fáceis de
serem utilizados (ibidem).
5
Interação Humano Computador
Campo de estudo interdisciplinar que tem como
objetivo geral entender como e por que as
pessoas utilizam (ou não) a tecnologia da
informação (Santa Rosa e Moraes, 2008
Trata do design de sistemas computacionais
que auxiliem as pessoas de forma que possam
executar suas atividades produtivamente e com
segurança. (Heloísa V. da Rocha e Maria Cecília
C. Baranauskas, 2003
HCI / interacción humano computador 6
— Thomas T. Hewett, 1992
ACM SIGCHI Curricula for H
uman-computer Interaction
IHC is a discipline that concerns
the design, evaluation and
implementation of interactive computer
systems for human use in a social
context and with the studies of the main
phenomena that surround them.
Interação
É o processo de comunicação entre pessoas
E sistemas interativos. Ela só é possível
quando o sistema oferece uma interface.
Ou seja, o estímulo promovido fará com que o
usuário desenvolva um processo de interação que
significa a execução de ações para a realização
das tarefas. Para cada ação uma nova resposta é
esperada por ambos os lados: sistema e usuário.
Interaction / Interación 8
Interface
A interação entre humanos e máquinas acontece
através da interface do utilizador, formada por
software e hardware. Ela é utilizada, por exemplo,
para algumas manipulações de periféricos de
computadores e grandes máquinas como aviões e
usinas hidrelétricas.
O termo ‘interface’ foi inventado
por volta de 1880 e ganhou repercussão em 1960
quando começou a ser utilizada pela indústria
computacional.
9
— Clarisse Sieckenius
de Souza, 1999.
Projeto de Interfaces de Usuário,
Perspectivas Cognitivas e Semióticas
We see, then, that the interface is both a
means for user-system interaction and a
tool that offers the instruments for this
communicative process. In this way the
interface is a communication system.
Princípios de diálogo
ISO 924110
Critérios ergonômicos
Bastien & Scarpin
Heurísticas de Usabilidade
Jakob NIelsen & Molich
Regras de Ouro
Ben Shneiderman
Critérios e princípios Guides and principles / Criterios y principios 11
— Jakob Nielsen, 2012.
Usability 101: Introduction to Usability
Usability is a necessary condition
for survival. If a website is difficult to use,
people leave. If the homepage fails to
clearly state what a company offers and
what users can do on the site, people
leave. If users get lost on a website, they
leave. Note a pattern here?
Computação Gráfica
Primeiro computador pessoal, Alto,
Xerox research Center (PARC o primeiro
sistema comercial com um editor de
texto, mouse e interface gráfica.
Design Centrado no Usuário
Desenvolvimento de técnicas para
análise empírica das interações
humanas. IHC assume papel
importante. Carroll, 2009
Ergonomia
Mapear o processamento da
informação e de habilidades
decisórias do usuário típico.
Santa Rosa e Moraes, 2008
Engenharia Cognitiva
Incorporação de Psicologia cognitiva,
I.A, Linguística, antropologia cognitiva,
e filosofia da mente para articular
aplicações sistemáticas.
Carroll, 2009
Linha do tempo
7360 78 80
Timeline / Cronología 13
Design de interação
“Design de Interação é a arte de facilitar ou
fomentar interações entre humanos (ou seus
agentes), mediadas por artefatos (produtos) e
serviços.” Dan Saffer)
Ao falarmos de Design de interação, estamos
nos referindo a uma das abordagens do UX para
explorar a solução de problemas. O esquema
abaixo, apresentado no livro “Designing for
interaction” de Dan Saffer traz claramente essa
ideia da sobreposição dos assuntos.
16Interaction design / Diseño de interacción
Design Centrado no Usuário
● Campo de estudo que reúne metodologias
de design nos quais o público-alvo de um
produto ou serviço influencia as diretrizes
e requisitos do sistema.
● Termo cunhado por Donald Norman no
artigo User-Centered System Design:
New Perspectives on Human-Computer
Interaction (Norman & Draper, 1986
e popularizado em 1988 no Psychology of
everyday things (re-batizado como The
design of everyday things).
User-Centered Design / Diseño centrado en el usuario
17
— Dan Saffer
Interaction Design - IxDA
The philosophy behind User-Centered
Design is simply this: The user knows more.
People who will use a product or service
know about your needs, goals and
preferences, and it is the role of design to
discover this and design for them.
— Donald Norman, 2016
The term "UX
User experience encompasses all aspects
of the end-user's interaction
with the company, its services,
and its products.
Jakob NIelsen, 2005
Durability of Usability Guidelines
"What was difficult
for users twenty years ago
continues to be difficult today."
23
— Wilfred J. Hansen, 1971
User engineering principles
for interactive systems
The development process
should start with users and their needs,
before any technological issue.
CREDITS This presentation template was created
by Slidesgo, including icons by Flaticon, and
infographics & images by Freepik
Do you have any questions?
contato@uxpasp.org.br
uxpasp.org.br
Please keep this slide for attribution
THANKS!

Más contenido relacionado

La actualidad más candente

01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]Robson Santos
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?Sidney Roberto
 
Processos de Design IHC
Processos de Design IHCProcessos de Design IHC
Processos de Design IHCDiego Fernando
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurísticaOtavio Augusto
 
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
Mapas de site,  Fluxos de Tarefa,  Wireframe e PrototipagemMapas de site,  Fluxos de Tarefa,  Wireframe e Prototipagem
Mapas de site, Fluxos de Tarefa, Wireframe e PrototipagemRos Galabo, PhD
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicosEduardo Xavier
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 
PACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosPACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosWellington Oliveira
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02igoroliveiracosta
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)Raphael Araujo
 

La actualidad más candente (20)

Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
User experience design
User experience designUser experience design
User experience design
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
Processos de Design IHC
Processos de Design IHCProcessos de Design IHC
Processos de Design IHC
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurística
 
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
Mapas de site,  Fluxos de Tarefa,  Wireframe e PrototipagemMapas de site,  Fluxos de Tarefa,  Wireframe e Prototipagem
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicos
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
PACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosPACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativos
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)
 

Similar a Da IHC ao UX: Uma história de ressignificação

Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHCNeilda Costa
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User ExperienceEliaraujo
 
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINAIHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINADiego BBahia
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixCris Fidelix
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Impacta Eventos
 
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.Impacta Eventos
 
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenInteração Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenRos Galabo, PhD
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosawudrs
 
Novas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaNovas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaJoana Moura Ferreira
 
Modulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasModulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasThais Campas
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoWellington Marion
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AIklaibert
 

Similar a Da IHC ao UX: Uma história de ressignificação (20)

Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User Experience
 
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINAIHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
 
Aula 1
Aula 1Aula 1
Aula 1
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
 
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenInteração Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Jai apostila
Jai apostilaJai apostila
Jai apostila
 
Novas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaNovas formas de interação Homem-máquina
Novas formas de interação Homem-máquina
 
Modulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasModulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampas
 
Seminario
SeminarioSeminario
Seminario
 
Interfece
InterfeceInterfece
Interfece
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
 
Sc ad-tp-g4-a.ppt
Sc ad-tp-g4-a.pptSc ad-tp-g4-a.ppt
Sc ad-tp-g4-a.ppt
 

Más de Rafael Burity

UX Talks: Current UX market expectations for Designers and Leaders
UX Talks: Current UX market expectations for Designers and LeadersUX Talks: Current UX market expectations for Designers and Leaders
UX Talks: Current UX market expectations for Designers and LeadersRafael Burity
 
(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processos(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processosRafael Burity
 
Encontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamEncontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamRafael Burity
 
Data-driven e Customer Experience | Senior Design Experience
Data-driven e Customer Experience | Senior Design Experience  Data-driven e Customer Experience | Senior Design Experience
Data-driven e Customer Experience | Senior Design Experience Rafael Burity
 
O design pode (ou deve) ser estratégico
O design pode (ou deve) ser estratégico O design pode (ou deve) ser estratégico
O design pode (ou deve) ser estratégico Rafael Burity
 
[Figma Meetup Brasil] Eu realmente preciso ser um líder?
[Figma Meetup Brasil] Eu realmente preciso ser um líder?[Figma Meetup Brasil] Eu realmente preciso ser um líder?
[Figma Meetup Brasil] Eu realmente preciso ser um líder?Rafael Burity
 
[Mentorama] Afinal, qual o papel do UX designer na Transformação digital?
[Mentorama] Afinal, qual o papel  do UX designer na Transformação digital?[Mentorama] Afinal, qual o papel  do UX designer na Transformação digital?
[Mentorama] Afinal, qual o papel do UX designer na Transformação digital?Rafael Burity
 
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020Rafael Burity
 
From HCI to UX: Building a New meaning through the history in the industry
From HCI to UX: Building a New meaning through the history in the industryFrom HCI to UX: Building a New meaning through the history in the industry
From HCI to UX: Building a New meaning through the history in the industryRafael Burity
 
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...Rafael Burity
 
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...Rafael Burity
 
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistemaRafael Burity
 
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...Rafael Burity
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?Rafael Burity
 
Qual o papel do ux na transformação digital?
Qual o papel do ux na transformação digital?Qual o papel do ux na transformação digital?
Qual o papel do ux na transformação digital?Rafael Burity
 
Segurança vs UX: Qual relação do usuário com a segurança do sistema?
Segurança vs UX: Qual relação do usuário com a segurança do sistema?Segurança vs UX: Qual relação do usuário com a segurança do sistema?
Segurança vs UX: Qual relação do usuário com a segurança do sistema?Rafael Burity
 
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...Rafael Burity
 
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Rafael Burity
 
[Palestra] Profissão Designer
[Palestra] Profissão Designer[Palestra] Profissão Designer
[Palestra] Profissão DesignerRafael Burity
 
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensarRafael Burity
 

Más de Rafael Burity (20)

UX Talks: Current UX market expectations for Designers and Leaders
UX Talks: Current UX market expectations for Designers and LeadersUX Talks: Current UX market expectations for Designers and Leaders
UX Talks: Current UX market expectations for Designers and Leaders
 
(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processos(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processos
 
Encontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamEncontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeam
 
Data-driven e Customer Experience | Senior Design Experience
Data-driven e Customer Experience | Senior Design Experience  Data-driven e Customer Experience | Senior Design Experience
Data-driven e Customer Experience | Senior Design Experience
 
O design pode (ou deve) ser estratégico
O design pode (ou deve) ser estratégico O design pode (ou deve) ser estratégico
O design pode (ou deve) ser estratégico
 
[Figma Meetup Brasil] Eu realmente preciso ser um líder?
[Figma Meetup Brasil] Eu realmente preciso ser um líder?[Figma Meetup Brasil] Eu realmente preciso ser um líder?
[Figma Meetup Brasil] Eu realmente preciso ser um líder?
 
[Mentorama] Afinal, qual o papel do UX designer na Transformação digital?
[Mentorama] Afinal, qual o papel  do UX designer na Transformação digital?[Mentorama] Afinal, qual o papel  do UX designer na Transformação digital?
[Mentorama] Afinal, qual o papel do UX designer na Transformação digital?
 
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
 
From HCI to UX: Building a New meaning through the history in the industry
From HCI to UX: Building a New meaning through the history in the industryFrom HCI to UX: Building a New meaning through the history in the industry
From HCI to UX: Building a New meaning through the history in the industry
 
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
 
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
 
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
 
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
 
Qual o papel do ux na transformação digital?
Qual o papel do ux na transformação digital?Qual o papel do ux na transformação digital?
Qual o papel do ux na transformação digital?
 
Segurança vs UX: Qual relação do usuário com a segurança do sistema?
Segurança vs UX: Qual relação do usuário com a segurança do sistema?Segurança vs UX: Qual relação do usuário com a segurança do sistema?
Segurança vs UX: Qual relação do usuário com a segurança do sistema?
 
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
 
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
 
[Palestra] Profissão Designer
[Palestra] Profissão Designer[Palestra] Profissão Designer
[Palestra] Profissão Designer
 
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
 

Da IHC ao UX: Uma história de ressignificação

  • 1. Da IHC ao UX: From HCI to UX Building a New meaning through the history in the industry De HCI a UX construyendo un nuevo significado a través de la historia de la industria Uma história de ressignificação para o mercado Webinar BRCHI#05
  • 2. Quem somos Clécio Bachini President at UXPA SP Founder at Soyuz Rafael Burity Executive Board at UXPA SP UX Manager at Santander 01 02 2About us / Acerca de nosotros
  • 3. We are the São Paulo chapter of the Association of User Experience Professionals (UXPA). We defend and represent the interests of the professional, aspirant or student of user experience, through education, instruction and mentoring for individuals. Sobre o UXPA SP 3About UXPA SP / Acerca de UXPA SP
  • 4. AGENDA Human Computer Interaction Interacción humano computador User Experience Experiencia de usuario User-Centered Design Diseño centrado en el usuario Interação Homem Computador Experiência do Usuário Design Centrado no Usuário 02 03 01 4
  • 5. Ergonomia Não se sabe ao certo a data de surgimento da IHC, porém, costuma-se estabelecer a origem desse campo de estudo entre a década de 1970 e 1980, com a junção das disciplinas de Ciência da Computação, Psicologia e Ergonomia no intuito de compreender como o uso dos computadores poderia melhorar a vida dos usuários (Moraes & Rosa, 2008; Amaral & Nascimento, 2010; Baranauskas & Rocha, 2003. A ergonomia evoluiu no decorrer das décadas de 1950 e 1960, após o fim da guerra, tendo, principalmente, as pesquisas concentradas no desenvolvimento de eletrodomésticos e automóveis mais fáceis de serem utilizados (ibidem). 5
  • 6. Interação Humano Computador Campo de estudo interdisciplinar que tem como objetivo geral entender como e por que as pessoas utilizam (ou não) a tecnologia da informação (Santa Rosa e Moraes, 2008 Trata do design de sistemas computacionais que auxiliem as pessoas de forma que possam executar suas atividades produtivamente e com segurança. (Heloísa V. da Rocha e Maria Cecília C. Baranauskas, 2003 HCI / interacción humano computador 6
  • 7. — Thomas T. Hewett, 1992 ACM SIGCHI Curricula for H uman-computer Interaction IHC is a discipline that concerns the design, evaluation and implementation of interactive computer systems for human use in a social context and with the studies of the main phenomena that surround them.
  • 8. Interação É o processo de comunicação entre pessoas E sistemas interativos. Ela só é possível quando o sistema oferece uma interface. Ou seja, o estímulo promovido fará com que o usuário desenvolva um processo de interação que significa a execução de ações para a realização das tarefas. Para cada ação uma nova resposta é esperada por ambos os lados: sistema e usuário. Interaction / Interación 8
  • 9. Interface A interação entre humanos e máquinas acontece através da interface do utilizador, formada por software e hardware. Ela é utilizada, por exemplo, para algumas manipulações de periféricos de computadores e grandes máquinas como aviões e usinas hidrelétricas. O termo ‘interface’ foi inventado por volta de 1880 e ganhou repercussão em 1960 quando começou a ser utilizada pela indústria computacional. 9
  • 10. — Clarisse Sieckenius de Souza, 1999. Projeto de Interfaces de Usuário, Perspectivas Cognitivas e Semióticas We see, then, that the interface is both a means for user-system interaction and a tool that offers the instruments for this communicative process. In this way the interface is a communication system.
  • 11. Princípios de diálogo ISO 924110 Critérios ergonômicos Bastien & Scarpin Heurísticas de Usabilidade Jakob NIelsen & Molich Regras de Ouro Ben Shneiderman Critérios e princípios Guides and principles / Criterios y principios 11
  • 12. — Jakob Nielsen, 2012. Usability 101: Introduction to Usability Usability is a necessary condition for survival. If a website is difficult to use, people leave. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave. If users get lost on a website, they leave. Note a pattern here?
  • 13. Computação Gráfica Primeiro computador pessoal, Alto, Xerox research Center (PARC o primeiro sistema comercial com um editor de texto, mouse e interface gráfica. Design Centrado no Usuário Desenvolvimento de técnicas para análise empírica das interações humanas. IHC assume papel importante. Carroll, 2009 Ergonomia Mapear o processamento da informação e de habilidades decisórias do usuário típico. Santa Rosa e Moraes, 2008 Engenharia Cognitiva Incorporação de Psicologia cognitiva, I.A, Linguística, antropologia cognitiva, e filosofia da mente para articular aplicações sistemáticas. Carroll, 2009 Linha do tempo 7360 78 80 Timeline / Cronología 13
  • 14.
  • 15.
  • 16. Design de interação “Design de Interação é a arte de facilitar ou fomentar interações entre humanos (ou seus agentes), mediadas por artefatos (produtos) e serviços.” Dan Saffer) Ao falarmos de Design de interação, estamos nos referindo a uma das abordagens do UX para explorar a solução de problemas. O esquema abaixo, apresentado no livro “Designing for interaction” de Dan Saffer traz claramente essa ideia da sobreposição dos assuntos. 16Interaction design / Diseño de interacción
  • 17. Design Centrado no Usuário ● Campo de estudo que reúne metodologias de design nos quais o público-alvo de um produto ou serviço influencia as diretrizes e requisitos do sistema. ● Termo cunhado por Donald Norman no artigo User-Centered System Design: New Perspectives on Human-Computer Interaction (Norman & Draper, 1986 e popularizado em 1988 no Psychology of everyday things (re-batizado como The design of everyday things). User-Centered Design / Diseño centrado en el usuario 17
  • 18. — Dan Saffer Interaction Design - IxDA The philosophy behind User-Centered Design is simply this: The user knows more. People who will use a product or service know about your needs, goals and preferences, and it is the role of design to discover this and design for them.
  • 19.
  • 20. — Donald Norman, 2016 The term "UX User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products.
  • 21.
  • 22.
  • 23. Jakob NIelsen, 2005 Durability of Usability Guidelines "What was difficult for users twenty years ago continues to be difficult today." 23
  • 24. — Wilfred J. Hansen, 1971 User engineering principles for interactive systems The development process should start with users and their needs, before any technological issue.
  • 25. CREDITS This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik Do you have any questions? contato@uxpasp.org.br uxpasp.org.br Please keep this slide for attribution THANKS!