SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
Design Centrado no Usuário
para
Interface Digital
O que é Design?
Design Centrado no Usuário para Interface Digital
Entende-se por design a melhoria dos
aspectos funcionais, ergonômicos e
visuais do produto, de modo a atender às
necessidades do consumidor, melhorando
o conforto, a segurança e a satisfação
dos usuários.
"Design não é apenas o que parece e o
que se sente. Design é como funciona.”
- Steve Jobs
O que são usuários?
Design Centrado no Usuário para Interface Digital
Um usuário é o indivíduo que utiliza ou
trabalha com qualquer objeto ou
dispositivo ou usa um serviço particular.
O dicionário define como: Usuário é
quem normalmente usa algo.
Usuário de interface digital é uma pessoa
que faz uso de um dispositivo ao qual
interage e executa múltiplas ações com
finalidades diferentes.
O que é interface digital?
Design Centrado no Usuário para Interface Digital
O dicionário define interface como: Conjunto de
regras e convenções, onde dois meios trocam
informações.
No digital, está noção é usada com referência à
conexão física e funcional entre sistemas ou
dispositivos.
No mundo digital o que possuem interfaces são:
Computadores, tablets, smartphone, vídeos games,
Tv’s, terminais de autoatendimento, etc. São os
meios interativos entre o humano e o computador.
O que é design centrado no usuário?
Design Centrado no Usuário para Interface Digital
“O design centrado no usuário (DCU), surgiu
da IHC e consiste em uma metodologia de
design em interfaces para desenvolvedores e
designers. Essencialmente ele os ajuda a criar
interfaces que atendam às necessidades de
seus usuários”.
“O DCU pode ser implementado para garantir
que sua interface proporcione uma ótima
experiência de usuário”.
Lowdermilk (2013)
DCU não é apenas design
Design Centrado no Usuário para Interface Digital
O equivoco mais comum a respeito do DCU é
acreditar que seus praticantes estão focado
somente na estética ou em fazer com que
tudo pareça mais bonito. Embora possa ser
importante a estética não apresenta todo o
cenário.
O DCU permite que possamos examinar o
quanto um aplicativo é eficiente para atingir
o proposito para que foi concebido. Formas e cores incrivelmente bonitas, cujo a
usabilidade é um pesadelo.
Relação entre Usabilidade, IHC, DCU e UX
Design Centrado no Usuário para Interface Digital
•Usabilidade
Como os seres humanos se relacionam com qualquer
produto. As praticas de usabilidade poderiam ser
implementadas em tudo, de uma torradeira a uma
maçaneta.
•Interação humano-computador (IHC)
Que está baseado na usabilidade, mas foco no modo
como os seres humanos se relacionam com os
produtos ligados à computação.
•Experiência do Usuário (UX, User Experiense)
Usado frequentemente para sintetizar toda a
experiência com um produto de software. Ela não
engloba somente a funcionalidade, mas também o
quanto um aplicativo é cativante e agradável.
Usabilidade (fatores humanos)
Interação Humano-
computador (IHC)
Design Centrado no Usuário
(DCU)
Experiência de Usuário (UX)
Interface Digital
FOCO EM
QUESTÃO
Na pratica, trabalhando com usuários
1 Ter tempo com usuários
Devemos estar mais sintonizados com as
necessidades dos usuários, a única maneira
de fazer isso é passar algum tempo com eles,
para recebermos informações que
necessitamos, através das observações.
2 Educar usuários
Geralmente usuários são bitolados por
interfaces que usam com frequência. Cabe a
nós introduzi-los a novos processos,
ensinando a terminologia correta para que
possam expor suas verdadeiras necessidades.
3 Perguntar corretamente
Devemos fazer perguntas diferentes até
conseguirmos obter a informações
necessárias que fará a diferença para o
desenvolvimento, sejamos persistentes.
4 Lidar com diferentes usuários
Cada pessoa tem uma maneira de lidar
com os problemas. Devemos ser flexível
e estar disposto a se adaptar a diferentes
abordagens e estilos.
Design Centrado no Usuário para Interface Digital
Na pratica, trabalhando com usuários
Design Centrado no Usuário para Interface Digital
5 Adaptações no andamento
Dependendo das necessidades dos usuários
vs a necessidade da interface, devemos
adaptarmos e adquirimos métodos eficazes
para desenvolvermos um bom design.
O valor do usuário
Embora trabalhar com usuários possa se
difícil, eles representam um patrimônio
inestimável para criação de uma interface
digital bem-sucedida.
Princípios de Design, gestalt e usabilidade
Design Centrado no Usuário para Interface Digital
Estudar e entender os princípios de design nos
protegerá de cometer erros.
Os princípios de design correspondem às leis cientificas
do mundo da usabilidade. São relativamente constante
e foram concebidos ao longo de vários anos a partir do
estudo da cognição e do comportamento humano. Eles
nos ajudam a oferecer diretrizes baseadas na
compreensão do ser humano e na interpretação do
mundo que o cerca.
Além do mais, pode-se usar esses princípios para
educar os usuários, ajudando-os a encontrarem a
terminologia correta.
Leis Básicas da Gestalt?
- Semelhança
- Proximidade
- Continuidade
- Pregnância
- Fechamento
- Unidade
Usabilidade
Uma grande ajuda é 10
Heurísticas de Nielsen
Estudos de Usabilidade
Design Centrado no Usuário para Interface Digital
Um estudo de usabilidade consiste no processo de
testar o design de sua interface digital ao observar
os usuários, medir seu desempenho e documentar
seus comentários.
Dicas para o estudo de usabilidade
- Planejar cuidadosamente o estudo.
- Prepara um roteiro por escrito.
- Ter em mãos o questionário.
- Estar sempre preparado com bloco de anotações,
um local aceitável e um conjunto de pessoas que
representam seu público-alvo.
- Praticar os estudos, antes de aplicá-lo seriamente.
Dicas com foco no DCU
Design Centrado no Usuário para Interface Digital
- Explore a usabilidade e a forma como ela se relaciona com o
design centrado no usuário.
- Aprenda a lidar com os usuários e suas personalidades únicas.
- Deixe claro o propósito de sua interface digital usando uma
narrativa simples para descrever seu uso.
- Planeje o desenvolvimento de seu projeto.
- Use visibilidade, consistência e outros princípios de design
para melhorar a experiência de usuário.
- Reúna feedbacks valiosos de usuários sobre seu protótipo
usando pesquisas, entrevistas e estudos de usabilidade.
Frases que inspiram
Design Centrado no Usuário para Interface Digital
“O design centrado no usuário consiste em uma
busca incansável por respostas, e um bom designer
ou desenvolvedor nunca para de perguntar por quê.”
– Travis Lowdermilk
“Milhões viram a maça cair, mas foi Newton quem
perguntou por quê.” – Bernard Mannes Baruch
“Facilidade de uso pode ser invisível,
mas sua ausência certamente não é.” - IBM
“As mentes das pessoas mudam por meio de
observações, e não por causa de argumentos.”
– Will Rogers
Lowdermilk, Travis. Design Centrado no Usuário: Um guia para o desenvolvimento de aplicativos amigáveis. São Paulo: Novatec
Editora, 2013.
Rios, Dermival Ribeiro. Minidicionário Escolar da Língua Portuguesa. São Paulo: DCL, 2010.
http://edukavita.blogspot.com.br/2012/11/definicao-conceito-e-significado-de.html (2016)
http://www.dicionarioinformal.com.br/interface (2016)
http://conceito.de/interface (2016)
http://chocoladesign.com/o-que-e-gestalt (2016)
http://corais.org/node/99 (2016)
http://chocoladesign.com/as-10-heuristicas-de-nielsen-para-a-usabilidade (2016)
http://pt.slideshare.net/marconidesenhos/usabilidade-para-websites (2016)
http://pt.slideshare.net/marconidesenhos/web-designer-principais-conhecimentos-principais-funes (2016)
Referências
Design Centrado no Usuário para Interface Digital
Slide 02 - http://goo.gl/sWaVvc
Slide 03 - http://goo.gl/oTTUyR
Slide 04 - https://goo.gl/0uDM0d
Slide 05 - http://goo.gl/EQyzAT
Slide 06 - http://goo.gl/gpUOfY
Slide 09 - http://goo.gl/CWcBHL
Slide 11 - http://goo.gl/W5RUfj
Slide 12 - http://goo.gl/Hw9meQ
Slide 13 - http://goo.gl/Bm5cxf
Design Centrado no Usuário para Interface Digital
Lista de Figuras
Marconi A. Pacheco
Bacharel em Design
Designer e desenvolvedor front-end. Apaixonado
por cinema, literatura, quadrinhos e ilustrações.
twitter.com/marconidesenhos
linkedin.com/pub/marconi-ap/37/472/405
instagram.com/marconidesenhos
Design Centrado no Usuário para Interface Digital

Mais conteúdo relacionado

Mais procurados

Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02igoroliveiracosta
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSDiego Moraes
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalMarconi Pacheco
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
 
Design de interfaces gráficas
Design de interfaces gráficasDesign de interfaces gráficas
Design de interfaces gráficasUTFPR
 
Aula 1 requisitos
Aula 1   requisitosAula 1   requisitos
Aula 1 requisitoslicardino
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de InteraçãoFelipe Dal Molin
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoInstituto Faber-Ludens
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1Robson Santos
 
Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de InteraçãoUTFPR
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosAlan Vasconcelos
 
Aula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCAula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCSilvia Dotta
 
UX e UI - Experiência e Interface do Usuário
UX e UI - Experiência e Interface do UsuárioUX e UI - Experiência e Interface do Usuário
UX e UI - Experiência e Interface do UsuárioRenato Melo
 
Wireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisWireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisTersis Zonato
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcTicianne Darin
 

Mais procurados (20)

Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Interface homem maquina introdução
Interface homem maquina   introduçãoInterface homem maquina   introdução
Interface homem maquina introdução
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface Digital
 
IHM - Modelos Mentais
IHM - Modelos MentaisIHM - Modelos Mentais
IHM - Modelos Mentais
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
Design de interfaces gráficas
Design de interfaces gráficasDesign de interfaces gráficas
Design de interfaces gráficas
 
Aula 1 requisitos
Aula 1   requisitosAula 1   requisitos
Aula 1 requisitos
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de Interação
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de Interação
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
 
Usabilidade IHC
Usabilidade IHCUsabilidade IHC
Usabilidade IHC
 
Aula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCAula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHC
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
UX e UI - Experiência e Interface do Usuário
UX e UI - Experiência e Interface do UsuárioUX e UI - Experiência e Interface do Usuário
UX e UI - Experiência e Interface do Usuário
 
Wireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveisWireframes para sites e dispositivos móveis
Wireframes para sites e dispositivos móveis
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihc
 

Semelhante a DCU Interface

[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e ExperiênciasAndreza Godoy
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Melloossobuco
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AIklaibert
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoWellington Marion
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizaçõesEdu Agni
 
Desenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioDesenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioEdu Agni
 
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
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOMarcelo Bitencourt
 
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
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no UsuárioDavi Busanello
 
Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016Tiago Silva da Silva
 

Semelhante a DCU Interface (20)

[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 
User experience
User experienceUser experience
User experience
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizações
 
Desenvolvimento Centrado no Usuário
Desenvolvimento Centrado no UsuárioDesenvolvimento Centrado no Usuário
Desenvolvimento Centrado no Usuário
 
User experience
User experienceUser experience
User experience
 
D c u vivi zorzo
D c u vivi zorzoD c u vivi zorzo
D c u vivi zorzo
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Apresentação tarefa 2 ihm
Apresentação tarefa 2 ihmApresentação tarefa 2 ihm
Apresentação tarefa 2 ihm
 
Seminario
SeminarioSeminario
Seminario
 
User Experience
User ExperienceUser Experience
User Experience
 
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.
 
UX Design
UX DesignUX Design
UX Design
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De 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
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016
 

Mais de Marconi Pacheco

Teste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarTeste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarMarconi Pacheco
 
7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPressMarconi Pacheco
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Marconi Pacheco
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas EmpresasMarconi Pacheco
 
Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Marconi Pacheco
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
 
A obra do espirito santo na igreja
A obra do espirito santo na igrejaA obra do espirito santo na igreja
A obra do espirito santo na igrejaMarconi Pacheco
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
Qual a importância de ir à igreja
Qual a importância de ir à igrejaQual a importância de ir à igreja
Qual a importância de ir à igrejaMarconi Pacheco
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digitalMarconi Pacheco
 
Profissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorProfissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorMarconi Pacheco
 
Apresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesApresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesMarconi Pacheco
 
Usabilidade para Websites
Usabilidade para WebsitesUsabilidade para Websites
Usabilidade para WebsitesMarconi Pacheco
 
Site responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensSite responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensMarconi Pacheco
 
Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Marconi Pacheco
 
O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12Marconi Pacheco
 
Web Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesWeb Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesMarconi Pacheco
 

Mais de Marconi Pacheco (19)

Teste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executarTeste de Usabilidade Como planejar e executar
Teste de Usabilidade Como planejar e executar
 
7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress7 Dicas para Criação de layouts para sites em WordPress
7 Dicas para Criação de layouts para sites em WordPress
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas Empresas
 
style guide ui
style guide uistyle guide ui
style guide ui
 
Bootstrap praticas mais usadas
Bootstrap praticas mais usadas Bootstrap praticas mais usadas
Bootstrap praticas mais usadas
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
A obra do espirito santo na igreja
A obra do espirito santo na igrejaA obra do espirito santo na igreja
A obra do espirito santo na igreja
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
Qual a importância de ir à igreja
Qual a importância de ir à igrejaQual a importância de ir à igreja
Qual a importância de ir à igreja
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digital
 
Profissão Desenhista / Ilustrador
Profissão Desenhista / IlustradorProfissão Desenhista / Ilustrador
Profissão Desenhista / Ilustrador
 
Apresentando SEO Otimização de Sites
Apresentando SEO Otimização de SitesApresentando SEO Otimização de Sites
Apresentando SEO Otimização de Sites
 
Usabilidade para Websites
Usabilidade para WebsitesUsabilidade para Websites
Usabilidade para Websites
 
Site responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensSite responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagens
 
Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8Restaurando a Qualidade de Vida - Filipenses 4:4-8
Restaurando a Qualidade de Vida - Filipenses 4:4-8
 
O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12O Poder da Língua - Tiago 3.1-12
O Poder da Língua - Tiago 3.1-12
 
Profissão Front-end
Profissão Front-endProfissão Front-end
Profissão Front-end
 
Web Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais FunçõesWeb Designer - Principais Conhecimentos Principais Funções
Web Designer - Principais Conhecimentos Principais Funções
 

DCU Interface

  • 1. Design Centrado no Usuário para Interface Digital
  • 2. O que é Design? Design Centrado no Usuário para Interface Digital Entende-se por design a melhoria dos aspectos funcionais, ergonômicos e visuais do produto, de modo a atender às necessidades do consumidor, melhorando o conforto, a segurança e a satisfação dos usuários. "Design não é apenas o que parece e o que se sente. Design é como funciona.” - Steve Jobs
  • 3. O que são usuários? Design Centrado no Usuário para Interface Digital Um usuário é o indivíduo que utiliza ou trabalha com qualquer objeto ou dispositivo ou usa um serviço particular. O dicionário define como: Usuário é quem normalmente usa algo. Usuário de interface digital é uma pessoa que faz uso de um dispositivo ao qual interage e executa múltiplas ações com finalidades diferentes.
  • 4. O que é interface digital? Design Centrado no Usuário para Interface Digital O dicionário define interface como: Conjunto de regras e convenções, onde dois meios trocam informações. No digital, está noção é usada com referência à conexão física e funcional entre sistemas ou dispositivos. No mundo digital o que possuem interfaces são: Computadores, tablets, smartphone, vídeos games, Tv’s, terminais de autoatendimento, etc. São os meios interativos entre o humano e o computador.
  • 5. O que é design centrado no usuário? Design Centrado no Usuário para Interface Digital “O design centrado no usuário (DCU), surgiu da IHC e consiste em uma metodologia de design em interfaces para desenvolvedores e designers. Essencialmente ele os ajuda a criar interfaces que atendam às necessidades de seus usuários”. “O DCU pode ser implementado para garantir que sua interface proporcione uma ótima experiência de usuário”. Lowdermilk (2013)
  • 6. DCU não é apenas design Design Centrado no Usuário para Interface Digital O equivoco mais comum a respeito do DCU é acreditar que seus praticantes estão focado somente na estética ou em fazer com que tudo pareça mais bonito. Embora possa ser importante a estética não apresenta todo o cenário. O DCU permite que possamos examinar o quanto um aplicativo é eficiente para atingir o proposito para que foi concebido. Formas e cores incrivelmente bonitas, cujo a usabilidade é um pesadelo.
  • 7. Relação entre Usabilidade, IHC, DCU e UX Design Centrado no Usuário para Interface Digital •Usabilidade Como os seres humanos se relacionam com qualquer produto. As praticas de usabilidade poderiam ser implementadas em tudo, de uma torradeira a uma maçaneta. •Interação humano-computador (IHC) Que está baseado na usabilidade, mas foco no modo como os seres humanos se relacionam com os produtos ligados à computação. •Experiência do Usuário (UX, User Experiense) Usado frequentemente para sintetizar toda a experiência com um produto de software. Ela não engloba somente a funcionalidade, mas também o quanto um aplicativo é cativante e agradável. Usabilidade (fatores humanos) Interação Humano- computador (IHC) Design Centrado no Usuário (DCU) Experiência de Usuário (UX) Interface Digital FOCO EM QUESTÃO
  • 8. Na pratica, trabalhando com usuários 1 Ter tempo com usuários Devemos estar mais sintonizados com as necessidades dos usuários, a única maneira de fazer isso é passar algum tempo com eles, para recebermos informações que necessitamos, através das observações. 2 Educar usuários Geralmente usuários são bitolados por interfaces que usam com frequência. Cabe a nós introduzi-los a novos processos, ensinando a terminologia correta para que possam expor suas verdadeiras necessidades. 3 Perguntar corretamente Devemos fazer perguntas diferentes até conseguirmos obter a informações necessárias que fará a diferença para o desenvolvimento, sejamos persistentes. 4 Lidar com diferentes usuários Cada pessoa tem uma maneira de lidar com os problemas. Devemos ser flexível e estar disposto a se adaptar a diferentes abordagens e estilos. Design Centrado no Usuário para Interface Digital
  • 9. Na pratica, trabalhando com usuários Design Centrado no Usuário para Interface Digital 5 Adaptações no andamento Dependendo das necessidades dos usuários vs a necessidade da interface, devemos adaptarmos e adquirimos métodos eficazes para desenvolvermos um bom design. O valor do usuário Embora trabalhar com usuários possa se difícil, eles representam um patrimônio inestimável para criação de uma interface digital bem-sucedida.
  • 10. Princípios de Design, gestalt e usabilidade Design Centrado no Usuário para Interface Digital Estudar e entender os princípios de design nos protegerá de cometer erros. Os princípios de design correspondem às leis cientificas do mundo da usabilidade. São relativamente constante e foram concebidos ao longo de vários anos a partir do estudo da cognição e do comportamento humano. Eles nos ajudam a oferecer diretrizes baseadas na compreensão do ser humano e na interpretação do mundo que o cerca. Além do mais, pode-se usar esses princípios para educar os usuários, ajudando-os a encontrarem a terminologia correta. Leis Básicas da Gestalt? - Semelhança - Proximidade - Continuidade - Pregnância - Fechamento - Unidade Usabilidade Uma grande ajuda é 10 Heurísticas de Nielsen
  • 11. Estudos de Usabilidade Design Centrado no Usuário para Interface Digital Um estudo de usabilidade consiste no processo de testar o design de sua interface digital ao observar os usuários, medir seu desempenho e documentar seus comentários. Dicas para o estudo de usabilidade - Planejar cuidadosamente o estudo. - Prepara um roteiro por escrito. - Ter em mãos o questionário. - Estar sempre preparado com bloco de anotações, um local aceitável e um conjunto de pessoas que representam seu público-alvo. - Praticar os estudos, antes de aplicá-lo seriamente.
  • 12. Dicas com foco no DCU Design Centrado no Usuário para Interface Digital - Explore a usabilidade e a forma como ela se relaciona com o design centrado no usuário. - Aprenda a lidar com os usuários e suas personalidades únicas. - Deixe claro o propósito de sua interface digital usando uma narrativa simples para descrever seu uso. - Planeje o desenvolvimento de seu projeto. - Use visibilidade, consistência e outros princípios de design para melhorar a experiência de usuário. - Reúna feedbacks valiosos de usuários sobre seu protótipo usando pesquisas, entrevistas e estudos de usabilidade.
  • 13. Frases que inspiram Design Centrado no Usuário para Interface Digital “O design centrado no usuário consiste em uma busca incansável por respostas, e um bom designer ou desenvolvedor nunca para de perguntar por quê.” – Travis Lowdermilk “Milhões viram a maça cair, mas foi Newton quem perguntou por quê.” – Bernard Mannes Baruch “Facilidade de uso pode ser invisível, mas sua ausência certamente não é.” - IBM “As mentes das pessoas mudam por meio de observações, e não por causa de argumentos.” – Will Rogers
  • 14. Lowdermilk, Travis. Design Centrado no Usuário: Um guia para o desenvolvimento de aplicativos amigáveis. São Paulo: Novatec Editora, 2013. Rios, Dermival Ribeiro. Minidicionário Escolar da Língua Portuguesa. São Paulo: DCL, 2010. http://edukavita.blogspot.com.br/2012/11/definicao-conceito-e-significado-de.html (2016) http://www.dicionarioinformal.com.br/interface (2016) http://conceito.de/interface (2016) http://chocoladesign.com/o-que-e-gestalt (2016) http://corais.org/node/99 (2016) http://chocoladesign.com/as-10-heuristicas-de-nielsen-para-a-usabilidade (2016) http://pt.slideshare.net/marconidesenhos/usabilidade-para-websites (2016) http://pt.slideshare.net/marconidesenhos/web-designer-principais-conhecimentos-principais-funes (2016) Referências Design Centrado no Usuário para Interface Digital
  • 15. Slide 02 - http://goo.gl/sWaVvc Slide 03 - http://goo.gl/oTTUyR Slide 04 - https://goo.gl/0uDM0d Slide 05 - http://goo.gl/EQyzAT Slide 06 - http://goo.gl/gpUOfY Slide 09 - http://goo.gl/CWcBHL Slide 11 - http://goo.gl/W5RUfj Slide 12 - http://goo.gl/Hw9meQ Slide 13 - http://goo.gl/Bm5cxf Design Centrado no Usuário para Interface Digital Lista de Figuras
  • 16. Marconi A. Pacheco Bacharel em Design Designer e desenvolvedor front-end. Apaixonado por cinema, literatura, quadrinhos e ilustrações. twitter.com/marconidesenhos linkedin.com/pub/marconi-ap/37/472/405 instagram.com/marconidesenhos Design Centrado no Usuário para Interface Digital