SlideShare ist ein Scribd-Unternehmen logo
1 von 33
Downloaden Sie, um offline zu lesen
Uma talk maneira sobre
 Design de Software.
NATALIA ARSAND
   Usability Lover
   UX Designer
Estou com esse projeto que é super maneiro, ele já
tá praticamente pronto, só precisa mesmo é dar um
tapa no design, melhorar a navegação, deixar ele
mais bonito, essas coisas.
Estou com esse projeto super maneiro,
ele já tá praticamente pronto, só precisa
mesmo é dar um tapa no design,
                    ~	
  
melhorar a navegaCAo, deixar ele mais
                ~	
  

bonito, essas coisas.
“Projeto super maneiro”
“Projeto super maneiro”
“PRATICAMENTE PRONTO”



         Já tá tudo codado.
       O Backend tá pronto.
“PRATICAMENTE PRONTO”

      O Usuário consegue
      usar o sistema só com


                   NAO.
                    ~
      backend?
                        	
  
“Tapa no Design”
“Tapa no design”
Sinta-se a vontade
  para clicar onde
quiser e descobrir o
   que é esse site.
Sinta-se a vontade
  para clicar onde
quiser e descobrir o
   que é esse site.




                 NÃO ME
                  FAÇA
                 PENSAR
Por que dificultar se software existe
     para facilitar a vida da galera?


    Prover informação.
    Resolver problemas reais.
O Que sobra disso?

       As pessoas tem
vergonha de dizer que
não conseguem usar o
  sistema. E se culpam.
Não é o usuário que é burro.
 É o sistema que é burro.
Forma segue Função.
~	
  
“melhorar a navegacao”




                 ~	
  
~	
  
“melhorar a navegacao”




                                                     ~	
  
Field	
  research	
  
Face	
  to	
  face	
  interviewing	
  
Crea4on	
  and	
  administering	
  of	
  tests	
  
Crea4on	
  of	
  system	
  personas	
  
Requirements	
  collec4on	
  
Graphic	
  arts	
  
Interac4on	
  design	
  
Informa4on	
  Architecture	
  
Prototyping	
  

USER InterfacE
Taxonomy	
  crea4on	
  
Terminology	
  crea4on	
  
Copy	
  wri4ng	
  
	
  
Adequar ao workflow real.


work·flow   (fluxo de trabalho)
/ˈwərkˌflō/
A	
  sequência	
  de	
  passos	
  necessários	
  para	
  concluir	
  
uma	
  tarefa	
  do	
  início	
  ao	
  fim.	
  
RETALHO
     ou
RETRABALHO
Fluxogramas
   & Sitemaps
“Deixar mais bonito”
Field	
  research	
  
Face	
  to	
  face	
  interviewing	
  
Crea4on	
  and	
  administering	
  of	
  tests	
  
Crea4on	
  of	
  system	
  personas	
  
Requirements	
  collec4on	
  
Graphic	
  arts	
  
Interac4on	
  design	
  
Informa4on	
  Architecture	
  
Prototyping	
  

USER Interface
Taxonomy	
  crea4on	
  
Terminology	
  crea4on	
  
Copy	
  wri4ng	
  
	
  
“Deixar mais bonito”
Field	
  research	
  
Face	
  to	
  face	
  interviewing	
  
Crea4on	
  and	
  administering	
  of	
  tests	
  
Crea4on	
  of	
  system	
  personas	
  
Requirements	
  collec4on	
  
Graphic	
  arts	
  
Interac4on	
  design	
  
Informa4on	
  Architecture	
  
Prototyping	
  

USER Interface
Taxonomy	
  crea4on	
  
Terminology	
  crea4on	
  
Copy	
  wri4ng	
  
	
  
“Deixar mais bonito”
Field	
  research	
  
Face	
  to	
  face	
  interviewing	
  
Crea4on	
  and	
  administering	
  of	
  tests	
  
Crea4on	
  of	
  system	
  personas	
  
Requirements	
  collec4on	
  
Graphic	
  arts	
  
                                                      navegação
Interac4on	
  design	
  
Informa4on	
  Architecture	
  
Prototyping	
  

USER Interface
Taxonomy	
  crea4on	
  
                                                     apresentação
Terminology	
  crea4on	
  
Copy	
  wri4ng	
  
	
  
Forma segue Função.
UI   Não é
             UX
projeto super maneiro	
  


Praticamente pronto	
        Usuário não usa backend.


Tapa no design	
  


Melhorar a navegaCAO	
       Adequar ao workflow real.


Deixar ele mais bonito	
     Forma segue Função.
?
xoxo           	
  



<placeholder>/nataliarsand
narsand@thoughtworks.com

Weitere ähnliche Inhalte

Ähnlich wie Otimizando o design e a experiência do usuário de um projeto quase pronto

Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisDaniel Lugondi
 
Desenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas MisteriosasDesenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas MisteriosasNícolas Iensen
 
Wesley silva design para s40
Wesley silva   design para s40Wesley silva   design para s40
Wesley silva design para s40INdT
 
Ux for Developers - Build Better Products
Ux for Developers - Build Better ProductsUx for Developers - Build Better Products
Ux for Developers - Build Better ProductsPedro Marques
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!Edu Agni
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Encontro Locaweb
Encontro  LocawebEncontro  Locaweb
Encontro LocawebFabio Akita
 
Encontro Locaweb Curitiba
Encontro  Locaweb CuritibaEncontro  Locaweb Curitiba
Encontro Locaweb CuritibaFabio Akita
 
Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Rodrigo Medeiros
 
Profissão: Designer de Interação
Profissão: Designer de InteraçãoProfissão: Designer de Interação
Profissão: Designer de InteraçãoTersis Zonato
 
Design da interface do usuário
Design da interface do usuárioDesign da interface do usuário
Design da interface do usuárioCleilson Pereira
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na WebMarcelo Vianna
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãorenatamruiz
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)maumoreira
 

Ähnlich wie Otimizando o design e a experiência do usuário de um projeto quase pronto (20)

Workshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos MóveisWorkshop - Design de Interfaces para Dispositivos Móveis
Workshop - Design de Interfaces para Dispositivos Móveis
 
Desenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas MisteriosasDesenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas Misteriosas
 
Wesley silva design para s40
Wesley silva   design para s40Wesley silva   design para s40
Wesley silva design para s40
 
Ux for Developers - Build Better Products
Ux for Developers - Build Better ProductsUx for Developers - Build Better Products
Ux for Developers - Build Better Products
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
As Media Queries são só um detalhe!
As Media Queries são só um detalhe!As Media Queries são só um detalhe!
As Media Queries são só um detalhe!
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Encontro Locaweb
Encontro  LocawebEncontro  Locaweb
Encontro Locaweb
 
Encontro Locaweb Curitiba
Encontro  Locaweb CuritibaEncontro  Locaweb Curitiba
Encontro Locaweb Curitiba
 
Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?Quero ser um designer de interação no Brasil: #comofaz?
Quero ser um designer de interação no Brasil: #comofaz?
 
Profissão: Designer de Interação
Profissão: Designer de InteraçãoProfissão: Designer de Interação
Profissão: Designer de Interação
 
Design da interface do usuário
Design da interface do usuárioDesign da interface do usuário
Design da interface do usuário
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
 
UX Design
UX DesignUX Design
UX Design
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Não me faça pensar
Não me faça pensarNão me faça pensar
Não me faça pensar
 
Lab metodologia
Lab metodologiaLab metodologia
Lab metodologia
 
Google IO 2017 Extended - Cuiaba - Progressive Web Apps
Google IO 2017 Extended - Cuiaba - Progressive Web AppsGoogle IO 2017 Extended - Cuiaba - Progressive Web Apps
Google IO 2017 Extended - Cuiaba - Progressive Web Apps
 
Hack2B Startups - UX?
Hack2B Startups - UX?Hack2B Startups - UX?
Hack2B Startups - UX?
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 

Mehr von Natalia Arsand

Descoberta de produtos - A magia subjacente de um produto bem feito
Descoberta de produtos - A magia subjacente de um produto bem feitoDescoberta de produtos - A magia subjacente de um produto bem feito
Descoberta de produtos - A magia subjacente de um produto bem feitoNatalia Arsand
 
Design para o comportamento de um futuro sustentável
Design para o comportamento de um futuro sustentávelDesign para o comportamento de um futuro sustentável
Design para o comportamento de um futuro sustentávelNatalia Arsand
 
Designing for the behavior of a sustainable future
Designing for the behavior of a sustainable futureDesigning for the behavior of a sustainable future
Designing for the behavior of a sustainable futureNatalia Arsand
 
Design de experiência e ambientes ágeis
Design de experiência e ambientes ágeisDesign de experiência e ambientes ágeis
Design de experiência e ambientes ágeisNatalia Arsand
 
Design, Psicologia & e-commerce - Natalia Arsand
Design, Psicologia & e-commerce - Natalia ArsandDesign, Psicologia & e-commerce - Natalia Arsand
Design, Psicologia & e-commerce - Natalia ArsandNatalia Arsand
 
Psicologia Cognitiva e o Desenvolvimento de Software
Psicologia Cognitiva e o Desenvolvimento de SoftwarePsicologia Cognitiva e o Desenvolvimento de Software
Psicologia Cognitiva e o Desenvolvimento de SoftwareNatalia Arsand
 
Psicologia Cognitiva & Desenvolvimento de Software
Psicologia Cognitiva & Desenvolvimento de SoftwarePsicologia Cognitiva & Desenvolvimento de Software
Psicologia Cognitiva & Desenvolvimento de SoftwareNatalia Arsand
 
Tecnologia & Computação & o hiato de gênero
Tecnologia & Computação & o hiato de gêneroTecnologia & Computação & o hiato de gênero
Tecnologia & Computação & o hiato de gêneroNatalia Arsand
 
Beyond Creativity - A workshop about Design Thinking
Beyond Creativity - A workshop about Design ThinkingBeyond Creativity - A workshop about Design Thinking
Beyond Creativity - A workshop about Design ThinkingNatalia Arsand
 

Mehr von Natalia Arsand (11)

Descoberta de produtos - A magia subjacente de um produto bem feito
Descoberta de produtos - A magia subjacente de um produto bem feitoDescoberta de produtos - A magia subjacente de um produto bem feito
Descoberta de produtos - A magia subjacente de um produto bem feito
 
Design para o comportamento de um futuro sustentável
Design para o comportamento de um futuro sustentávelDesign para o comportamento de um futuro sustentável
Design para o comportamento de um futuro sustentável
 
Designing for the behavior of a sustainable future
Designing for the behavior of a sustainable futureDesigning for the behavior of a sustainable future
Designing for the behavior of a sustainable future
 
Design de experiência e ambientes ágeis
Design de experiência e ambientes ágeisDesign de experiência e ambientes ágeis
Design de experiência e ambientes ágeis
 
Design, Psicologia & e-commerce - Natalia Arsand
Design, Psicologia & e-commerce - Natalia ArsandDesign, Psicologia & e-commerce - Natalia Arsand
Design, Psicologia & e-commerce - Natalia Arsand
 
Psicologia Cognitiva e o Desenvolvimento de Software
Psicologia Cognitiva e o Desenvolvimento de SoftwarePsicologia Cognitiva e o Desenvolvimento de Software
Psicologia Cognitiva e o Desenvolvimento de Software
 
Psicologia Cognitiva & Desenvolvimento de Software
Psicologia Cognitiva & Desenvolvimento de SoftwarePsicologia Cognitiva & Desenvolvimento de Software
Psicologia Cognitiva & Desenvolvimento de Software
 
Tecnologia & Computação & o hiato de gênero
Tecnologia & Computação & o hiato de gêneroTecnologia & Computação & o hiato de gênero
Tecnologia & Computação & o hiato de gênero
 
Beyond Creativity - A workshop about Design Thinking
Beyond Creativity - A workshop about Design ThinkingBeyond Creativity - A workshop about Design Thinking
Beyond Creativity - A workshop about Design Thinking
 
Why technology
Why technologyWhy technology
Why technology
 
Não pare de sonhar.
Não pare de sonhar.Não pare de sonhar.
Não pare de sonhar.
 

Otimizando o design e a experiência do usuário de um projeto quase pronto

  • 1. Uma talk maneira sobre Design de Software.
  • 2. NATALIA ARSAND Usability Lover UX Designer
  • 3.
  • 4. Estou com esse projeto que é super maneiro, ele já tá praticamente pronto, só precisa mesmo é dar um tapa no design, melhorar a navegação, deixar ele mais bonito, essas coisas.
  • 5. Estou com esse projeto super maneiro, ele já tá praticamente pronto, só precisa mesmo é dar um tapa no design, ~   melhorar a navegaCAo, deixar ele mais ~   bonito, essas coisas.
  • 8. “PRATICAMENTE PRONTO” Já tá tudo codado. O Backend tá pronto.
  • 9. “PRATICAMENTE PRONTO” O Usuário consegue usar o sistema só com NAO. ~ backend?  
  • 12.
  • 13. Sinta-se a vontade para clicar onde quiser e descobrir o que é esse site.
  • 14. Sinta-se a vontade para clicar onde quiser e descobrir o que é esse site. NÃO ME FAÇA PENSAR
  • 15.
  • 16. Por que dificultar se software existe para facilitar a vida da galera? Prover informação. Resolver problemas reais.
  • 17. O Que sobra disso? As pessoas tem vergonha de dizer que não conseguem usar o sistema. E se culpam.
  • 18. Não é o usuário que é burro. É o sistema que é burro.
  • 20. ~   “melhorar a navegacao” ~  
  • 21. ~   “melhorar a navegacao” ~   Field  research   Face  to  face  interviewing   Crea4on  and  administering  of  tests   Crea4on  of  system  personas   Requirements  collec4on   Graphic  arts   Interac4on  design   Informa4on  Architecture   Prototyping   USER InterfacE Taxonomy  crea4on   Terminology  crea4on   Copy  wri4ng    
  • 22. Adequar ao workflow real. work·flow   (fluxo de trabalho) /ˈwərkˌflō/ A  sequência  de  passos  necessários  para  concluir   uma  tarefa  do  início  ao  fim.  
  • 23. RETALHO ou RETRABALHO
  • 24. Fluxogramas & Sitemaps
  • 25.
  • 26. “Deixar mais bonito” Field  research   Face  to  face  interviewing   Crea4on  and  administering  of  tests   Crea4on  of  system  personas   Requirements  collec4on   Graphic  arts   Interac4on  design   Informa4on  Architecture   Prototyping   USER Interface Taxonomy  crea4on   Terminology  crea4on   Copy  wri4ng    
  • 27. “Deixar mais bonito” Field  research   Face  to  face  interviewing   Crea4on  and  administering  of  tests   Crea4on  of  system  personas   Requirements  collec4on   Graphic  arts   Interac4on  design   Informa4on  Architecture   Prototyping   USER Interface Taxonomy  crea4on   Terminology  crea4on   Copy  wri4ng    
  • 28. “Deixar mais bonito” Field  research   Face  to  face  interviewing   Crea4on  and  administering  of  tests   Crea4on  of  system  personas   Requirements  collec4on   Graphic  arts   navegação Interac4on  design   Informa4on  Architecture   Prototyping   USER Interface Taxonomy  crea4on   apresentação Terminology  crea4on   Copy  wri4ng    
  • 30. UI Não é UX
  • 31. projeto super maneiro   Praticamente pronto   Usuário não usa backend. Tapa no design   Melhorar a navegaCAO   Adequar ao workflow real. Deixar ele mais bonito   Forma segue Função.
  • 32. ?
  • 33. xoxo   <placeholder>/nataliarsand narsand@thoughtworks.com