Design agil: Encaixando o Design no processo

DESIGN X ARTE

wikipedia

O Próprio Gropius afirma que antes de um

exercício puro do racionalismo funcional, a

Bauhaus deveria procurar definir os limites deste

enfoque, e através da separação daquilo que é

meramente arbitrário do que é essencial e típico,

permitir ao espírito criativo construir o novo sobre a

base tecnológica já adquirida pela humanidade

O Próprio Gropius afirma que antes de um

exercício puro do racionalismo funcional, a

Bauhaus deveria procurar definir os limites deste

enfoque, e através da separação daquilo que é

meramente arbitrário do que é essencial e típico,

permitir ao espírito criativo construir o novo sobre a

base tecnológica já adquirida pela humanidade

wikipedia

MANIFESTO DE BAUHAUS (1919)

A ação de vanguarda deles iria provoca uma alteração duradoura na história da arquitetura e das artes plásticas em geral. Não era para menos visto que a ambição do movimento era “a nova construção do futuro.” Começava então uma das mais importantes transformações do século 20: a aliança entre a estética e a tecnologia, entre o artista e a indústria.

Educaterra - História por Voltaire Schilling

MANIFESTO DE BAUHAUS (1919)

Educaterra - História por Voltaire Schilling

A ação de vanguarda deles iria provoca uma alteração duradoura na história da arquitetura e das artes plásticas em geral. Não era para menos visto que a ambição do movimento era “a nova construção do futuro.” Começava então uma das mais importantes transformações do século 20: a aliança entre a estética e a tecnologia, entre o artista e a indústria.

IDEAL DE ENGENHARIA

O Principal objetivo da maioria dos projetos

da web é facilitar ao cliente o desempenho de

tarefas úteis

IDEAL DE ENGENHARIA

O Principal objetivo da maioria dos projetos

da web é facilitar ao cliente o desempenho de

tarefas úteis

ETAPAS DE PROJETO

•Contextualização do projeto

•Levantamento de requisitos

•Priorização de requisitos

•Criação de Personas e Cenários

•Mapeamento de Fluxo de navegação

•Sitemap

•Escrever roteiros de testes com usuário

•Wireframes

•Executar testes com usuário

•Documentar

•Apresentar

•Contextualização do projeto

•Levantamento de requisitos

•Priorização de requisitos

•Criação de Personas e Cenários

•Mapeamento de Fluxo de navegação

•Sitemap

•Escrever roteiros de testes com usuário

•Wireframes

•Executar testes com usuário

•Documentar

•Apresentar

•1d

•3d

•1d

•3d

•3d

•3d

•3d

•8d

•4d

•2d

•3d

ETAPAS DE PROJETO

DIAS ÚTEIS Aproximadamente 2 meses

34

1 DESIGNER Valor hora 80,00

R$ 21.760

DESIGNERS, NA VERDADE, NÃO

RESOLVEM PROBLEMAS. DESIGNERS

TRABALHAM COM ELES.

MARTY NEUMEIER

MUITOS DESIGNERS NÃO SABEM

A DIFERENÇA DE UX E UI

http://www.youtube.com/watch?v=2wZUTe70w1Y&feature=related

Jesse James Garrett

WIREFRAME TO CODE

PESSOAS METÓDICAS

CONFUSAS

PREGUIÇOSAS

MUITO PREGUIÇOSAS

MEDO

WIREFRAME

DESIGN

FRONT-END

BACK-END

MODELO TRADICIONAL

Cada etapa finalizada dá origem ao começo

da etapa seguinte. Processo demorado e

gera dependência.

ANÁLISE

DESIGN

DESENVOLVIMENTO

QA

WIREFRAME

DESIGN FRONT-END

BACK-END

MODELO AVANÇADO

Necessita de uma documentação bastante

definida no protótipo para que a etapa de

codificação possa ser iniciada. Com a

interação e arquitetura definida, ainda pode

ser iniciada uma terceira etapa simultânea

que é a do desenvolvimento do sistema.

WIREFRAME

DESIGN

DESENVOLVIMENTO

QA

MODELO ÁGIL

Sprint 1: prever, mapear e arquitetar o que

será feito na sprint 2. Paralelo a isso, temos

que codificar o que será trabalhado na sprint

atual e corrigir erros e melhorias da sprint

atual e sprint anterior.

5 DESIGNERS

40 DESENVOLVEDORES

12 PROJETOS

SIMULTÂNEOS

15MIN X 12 = 3 HORAS!

PLANNING

3HORAS

REVIEW

1HORA

X12

48 HORAS!

NOS TORNAMOS

PROFISSIONAIS REATIVOS

POSTURA REATIVA

Investigar o que está errado e corrigir

POSTURA PROATIVA

Além da correção, age-se de modo

aperfeiçoativo e preventivo.

HORÁCIO SOARES NETO (O TIRO E O ALVO)

A postura reativa é filha do passado enquanto

a proativa é mãe do futuro.

LEAN UX

Conceito Aprovação Iteração feedback

Diagram of the iterative design and critique process. Warfel, Todd Zaki

Jakob Nielsen - http://www.useit.com/alertbox/20000319.html

ATENDER REQUISITOS NÃO

GERA UMA BOA APLICAÇÃO

UM LAYOUT BONITO NÃO

GERA UMA BOA APLICAÇÃO

USAR HTML5 NÃO GERA UMA

BOA APLICAÇÃO

AGRADAR O CLIENTE NÃO

GERA UMA BOA APLICAÇÃO

SATISFAZER O USUÁRIO GERA

UMA BOA APLICAÇÃO

IDEAL DE ENGENHARIA

O Principal objetivo da maioria dos projetos

da web é facilitar ao cliente o desempenho de

tarefas úteis

ADAPTE O PROCESSO AO

SEU NEGÓCIO

ADAPTE O SEU NEGÓCIO

AO USUÁRIO

Lance feedback

STARTUP

USER EXPERIENCE DESIGN PROCESS HTTP://IAINSTITUTE.ORG/DOCUMENTS/TOOLS/EXPERIENCEDESIGNFLOW_BW.PDF

THINKS IN FLOWS, NOT SCREENS

Jason Putorti

SEMPRE TRABALHE COM MELHORIAS CONTÍNUAS

SIMPLICIDADE É A MAIS NOVA SOFISTICAÇÃO

Saint Exupery

GREATE DESIGN IS INVISIBLE

Joshua Porter

Não é possível obter uma criação coletiva

a partir da soma de criações individuais.

Uma criação é sempre resultado de um

processo conjunto de criação.

Horácio Soares Neto

Joshua Porter

www.bernarddeluna.com | @bernarddeluna