uma talk maneira sobre design de software

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 backend? NAO. ~  

“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   /ˈwərkˌflō/ A  sequência  de  passos  necessários  para  concluir  uma  tarefa  do  início  ao  fim.  

(fluxo de trabalho)

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  Interac4on  design  Informa4on  Architecture  Prototyping  

USER Interface Taxonomy  crea4on  Terminology  crea4on  Copy  wri4ng    

navegação

apresentação

Forma segue Função.

UI UX Não é

projeto super maneiro  

Praticamente pronto  

Tapa no design  

Melhorar a navegaCAO  

Deixar ele mais bonito  

Usuário não usa backend.

Adequar ao workflow real.

Forma segue Função.

?

<placeholder>/nataliarsand

narsand@thoughtworks.com

xoxo