O documento discute a influência da Bauhaus na arquitetura e nas artes, destacando a aliança entre estética e tecnologia como uma transformação do século 20. Ele também aborda o processo de design e as etapas envolvidas, enfatizando a importância de uma abordagem proativa e iterativa para resolver problemas e satisfazer as necessidades dos usuários. Além disso, defende que a verdadeira qualidade em design vai além de itens como layout ou tecnologia, focando na eficácia em atender os usuários.

2. DESIGN X ARTE

4. 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

5. 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

6. 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

7. 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

9. IDEAL DE ENGENHARIA
O Principal objetivo da maioria dos projetos
da web é facilitar ao cliente o desempenho de
tarefas úteis

10. IDEAL DE ENGENHARIA
O Principal objetivo da maioria dos projetos
da web é facilitar ao cliente o desempenho de
tarefas úteis

11. 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

12. ETAPAS DE PROJETO
•Contextualização do projeto •1d
•Levantamento de requisitos •3d
•Priorização de requisitos •1d
•Criação de Personas e Cenários •3d
•Mapeamento de Fluxo de navegação •3d
•Sitemap •3d
•Escrever roteiros de testes com usuário •3d
•Wireframes •8d
•Executar testes com usuário •4d
•Documentar •2d
•Apresentar •3d

13. 34
DIAS ÚTEIS
Aproximadamente 2 meses

14. R$ 21.760
1 DESIGNER
Valor hora 80,00

16. DESIGNERS, NA VERDADE, NÃO
RESOLVEM PROBLEMAS. DESIGNERS
TRABALHAM COM ELES.
MARTY NEUMEIER

17. MUITOS DESIGNERS NÃO SABEM
A DIFERENÇA DE UX E UI

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

19. Jesse James Garrett

26. WIREFRAME TO CODE

27. PESSOAS METÓDICAS

28. CONFUSAS

29. PREGUIÇOSAS

30. MUITO PREGUIÇOSAS

31. MEDO

32. WIREFRAME
DESIGN
FRONT-END
BACK-END

33. MODELO TRADICIONAL
Cada etapa finalizada dá origem ao começo
da etapa seguinte. Processo demorado e
gera dependência.

34. ANÁLISE
DESIGN
DESENVOLVIMENTO
QA

36. WIREFRAME
DESIGN FRONT-END
BACK-END

37. 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.

39. WIREFRAME DESENVOLVIMENTO
DESIGN QA

40. 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.

43. 12
5
40 PROJETOS
DESIGNERS
DESENVOLVEDORES
SIMULTÂNEOS

46. 15MIN X 12 = 3 HORAS!

52. PLANNING
3HORAS
REVIEW
1HORA
X12
48 HORAS!

54. NOS TORNAMOS
PROFISSIONAIS REATIVOS

55. POSTURA REATIVA
Investigar o que está errado e corrigir

56. POSTURA PROATIVA
Além da correção, age-se de modo
aperfeiçoativo e preventivo.

57. HORÁCIO SOARES NETO (O TIRO E O ALVO)
A postura reativa é filha do passado enquanto
a proativa é mãe do futuro.

61. LEAN UX

62. Conceito Aprovação Iteração feedback

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

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

65. ATENDER REQUISITOS NÃO
GERA UMA BOA APLICAÇÃO

66. UM LAYOUT BONITO NÃO
GERA UMA BOA APLICAÇÃO

67. USAR HTML5 NÃO GERA UMA
BOA APLICAÇÃO

68. AGRADAR O CLIENTE NÃO
GERA UMA BOA APLICAÇÃO

69. SATISFAZER O USUÁRIO GERA
UMA BOA APLICAÇÃO

70. IDEAL DE ENGENHARIA
O Principal objetivo da maioria dos projetos
da web é facilitar ao cliente o desempenho de
tarefas úteis

71. ADAPTE O PROCESSO AO
SEU NEGÓCIO

72. ADAPTE O SEU NEGÓCIO
AO USUÁRIO

74. STARTUP
Lance feedback

75. USER EXPERIENCE DESIGN PROCES
HTTP://IAINSTITUTE.ORG/DOCUMENTS/TOOLS/EXPERIENCEDESIGNFLOW_BW

76. THINKS IN FLOWS, NOT SCREENS
Jason Putorti

77. SEMPRE TRABALHE COM MELHORIAS CONTÍNUAS

78. SIMPLICIDADE É A MAIS NOVA SOFISTICAÇÃO
Saint Exupery

79. GREATE DESIGN IS INVISIBLE
Joshua Porter

80. 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

81. Joshua Porter
www.bernarddeluna.com | @bernarddeluna