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
Recommended