SlideShare uma empresa Scribd logo
Front-end na UX
Henrique Neto
Head of UX na uaufood.co
co-founder da Amazônia
Premium & Ládácá
Dev full stack arquiteto da informação,
analista de MKT digital, analista de ux,
planner, creative, coordenador, baixista,
nintendista, fuçador, anything…
*Writer dos blogs Uxdesign.cc Brasil & Coletivo UX.
*Alguns cases locais: Manioca, Container Café-
bar, Cachaça de Jambú, Arte Jupati, Hospital
cynthia charone, Athenas eng. Cyrela, Pará 2000:
Secult, Mangal das garças, Estação das docas,
Hangar.
*cases fora da região: Arte Jupati, Benfaz,
Amazonly, Desratox, Essencial Moda, Clínica
Vitare, Clínica Renovance.
User Experience (UX)
O que é a tal da experiência do
usuário?
User Experience (UX)
O termo Experiência do Usuário foi
cunhado pela primeira vez por Don
Norman, em meados de 1990.
User Experience (UX)
Entenda essa viagem...
User Experience (UX)
User Experience (UX)
Avaliação do rápida do produto produto:
- Eu consigo usá-lo? (Usabilidade)
- Eu devo usá-lo? (utilidade)
- Eu quero usá-lo? (desejo)
User Experience (UX)
Tríade da experiência digital:
1 - Utilidade
2 - Usabilidade
3 - Desejabilidade
User Experience (UX)
User Experience (UX)
Tríade da experiência digital:
1 - Projetar para pessoas (Utilidade)
2 - Compartilhar boas histórias (Usabilidade)
3- Estimular os sentidos (Desejabilidade)
User Experience (UX)
Front-end na UX
Mas como funciona esse processo louco?
User Experience (UX)
- Falar em produto, é falar em quem
consome esse produto e o que ele
consegue entregar de valor.
User Experience (UX)
- E como entregar um produto com
experiências incríveis?
User Experience (UX)
Precisamos de Designers??
User Experience (UX)
Sempre!!!
User Experience (UX)
Mas uma boa experiência do usuário,
exige um bom desenvolvimento Front-
end.
User Experience (UX)
Times de UX, precisam mais do que
apenas designers. Precisam de
desenvolvedores Front-end.
User Experience (UX)
User Experience (UX)
Facets of the user
experience
Peter Moville
- Presidente da Semantic
Studios
User Experience (UX)
The 7 Factors that Influence User
Experience:
User Experience (UX)
User Experience (UX)
User Experience (UX)
User Experience (UX)
Front-end na UX
- O dev front-end deve entender, criticar e
ajudar a melhorar o processo de criação do
modelo de interação, ou seja todo o processo
de iA (Arquitetura da informação), projetando
wireframes, sitemaps, userstories…).
User Experience (UX)
Jornada da Experiência do Usuário
User Experience (UX)
Front-end na UX
O que é a tal da Web semântica??
Front-end na UX
- É uma extensão da web atual:
Máquinas e humanos trabalhando em
cooperação, interligando conteúdo pelo
significado.
Front-end na UX
- Desenvolver tecnologias que tornem
a informação legível para as
máquinas.
Front-end na UX
Front-end na UX
- Validadores não garantem uma boa
semântica
Front-end na UX
- Validadores encontram erros de
sintaxe, mas não garantem um
código bem estruturado
semanticamente.
Front-end na UX
Front-end na UX
A web é escalável
Front-end na UX
O processo de mercado e
desenvolvimento da web,
mudaram.
Front-end na UX
Design orientado para o crescimento (GDG)
Front-end na UX
Front-end na UX
Etapas do GDG:
1 - Planejamento estratégico
2 - Desenvolvimento acelerado
3 - Ciclos de melhoria continuada
Front-end na UX
Em termos gerais, o objetivo do Growth-
Driven Design é encurtar o tempo de
publicação para focar no que realmente vai
causar o maior impacto em seu usuário e
produzir, a cada dia, os melhores resultados.
Front-end na UX
Front-end na UX
Frameworks Front-end
Front-end na UX
O Desenvolvimento Front-end não é sobre
como resolver problemas de tecnologia.
Front-end na UX
O Desenvolvimento Front-end ux é sobre
como assegurar uma boa experiência do
usuário em um produto.
Front-end na UX
- Not Mobile First, is First
Contents.
- It's not Contents first, it's
People First...
Front-end na UX
Valeeu!!

Mais conteúdo relacionado

Semelhante a Front end na ux

Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
klaibert
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
Ana Migowski
 
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
Bruno Biagioni Neto
 
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
 
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
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
mabuse h.d.
 
O analista UX como Product Owner
O analista UX como Product OwnerO analista UX como Product Owner
O analista UX como Product Owner
Diana Fournier
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
andreluizlc
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
danilopinheirosan
 
Otimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User ExperienceOtimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User Experience
Tuia
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
Victor Rubens
 
UX Design para Desenvolvedores
UX Design para DesenvolvedoresUX Design para Desenvolvedores
UX Design para Desenvolvedores
Anderson Façanha
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquina
Lucas Santos
 
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
Leandro Ciccarelli
 
Capitulo1
Capitulo1Capitulo1
Introdução a User Experience e o mercado de trabalho no Brasil
Introdução a User Experience e o mercado de trabalho no BrasilIntrodução a User Experience e o mercado de trabalho no Brasil
Introdução a User Experience e o mercado de trabalho no Brasil
Lariane Rossanese
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
MBA em Marketing Digital e Gestão de Projetos Web
 
Usabilidade Simples
Usabilidade SimplesUsabilidade Simples
Usabilidade Simples
Jonathas Scott
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
SENAC SC
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframe
Fabricio Teixeira
 

Semelhante a Front end na ux (20)

Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
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
 
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.
 
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)
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
 
O analista UX como Product Owner
O analista UX como Product OwnerO analista UX como Product Owner
O analista UX como Product Owner
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Otimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User ExperienceOtimizando os projetos de TI com User Experience
Otimizando os projetos de TI com User Experience
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
UX Design para Desenvolvedores
UX Design para DesenvolvedoresUX Design para Desenvolvedores
UX Design para Desenvolvedores
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquina
 
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
 
Capitulo1
Capitulo1Capitulo1
Capitulo1
 
Introdução a User Experience e o mercado de trabalho no Brasil
Introdução a User Experience e o mercado de trabalho no BrasilIntrodução a User Experience e o mercado de trabalho no Brasil
Introdução a User Experience e o mercado de trabalho no Brasil
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
 
Usabilidade Simples
Usabilidade SimplesUsabilidade Simples
Usabilidade Simples
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframe
 

Último

Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Gabriel de Mattos Faustino
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
Danilo Pinotti
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
Momento da Informática
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
TomasSousa7
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Faga1939
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
WELITONNOGUEIRA3
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
Momento da Informática
 

Último (7)

Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
 

Front end na ux