O documento descreve Bernard De Luna, um marketplace para livros com 11 milhões de livros cadastrados e 9 mil vendas por dia. Também discute brevemente a Bauhaus, seu manifesto e objetivo de unir estética e tecnologia. Resume ainda conceitos e princípios de design como simplicidade, fluxos e liderança proativa.

2. Bernard De Luna
www.bernarddeluna.com
@bernarddeluna

4. Marketplacesebos e livreirosvocê

5. 11 milhõesde livros cadastrados

6. 9 milvendas por dia!

7. design x arte

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

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

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

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

14. Ideal de engenharia
O Principal objetivo da maioria dos
projetos da web é facilitar ao
cliente o desempenho de tarefas
úteis

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

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

17. dias úteis
aproximadamente 2 meses
34

18. 1 designer
valor hora 80,00
R$ 21.760

19. Designers, na verdade, não
resolvem problemas.
Designers trabalham com
eles
MARTY NEUMEIER

20. Muitos designers ainda não
sabem a diferença entre UX e
UI

22. iteração
produção testes+

23. Dados sem contexto são
perigosos

24. Data in your favor? Ok, launch it.
Data shows negative effects?
Back to the drawing board.
Doug Bowman: http://stopdesign.com/archive/2009/03/20/goodbye-google.html

25. dip

26. Usuários odeiam mudanças, por isso
é geralmente melhor ficar com um
design familiar e evoluir
gradualmente
Jakob Nielsen’s
http://www.nngroup.com/articles/fresh-vs-familiar-aggressive-redesign/

27. Não se deve acreditar nas pessoas
que dizem preferir certas
mudanças em seu produto. Elas
provavelmente superestimam suas
futuras reações.
Neuropsicólogo Susan Weinschenk
http://uxmyths.com/post/746610684/myth-21-people-can-tell-you-what-they-want

28. sucesso
dados insights+contexto
padrõe
s+ +

29. Modelo tradicional
Cada etapa finalizada dá origem ao
começo da etapa seguinte.
Processo demorado e gera
dependência.

30. WIREFRAME
DESIGN
FRONT-END
BACK-END

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

32. WIREFRAME
DESIGN FRONT-END
BACK-END

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

34. WIREFRAME DESIGN
DESENVOLVIMENTO
TESTES

35. Minimum
Viable Product

36. Qualquer que seja o mínimo
conjunto de recursos que você
decidir construir, você pode
construí-lo corretamente
Ryan (37 signals)
http://37signals.com/svn/posts/2963-what-happens-to-user-experience-in-a-minimum-viable-product

37. Ryan (37 signals)
http://37signals.com/svn/posts/2963-what-happens-to-user-experience-in-a-minimum-viable-product

39. 5DESIGNERS
40DESENVOLVEDORES
12PROJETOS
SIMULTÂNEOS

41. 15min x 12 =3 HORAS!

42. Planning
3horas
review
1hora
x12
48 HORAS!

43. Nos tornamos
profissionais reativos

44. Postura reativa
Investigar o que está errado e corrigir

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

46. Horácio soares
neto
A postura reativa é
filha do passado
enquanto a proativa
é mãe do futuro.

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

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

53. web
analytics
online
surveys
user
testing
AB /
multivariate
testing
offline focus
groups /
interviews
social media
analysis /
voice tools
online
reputation /
buzz
monitoring
online focus
group
session
play
technology
100%
90%
80%
70%
60%
50%
40%
30%
20%
10%
0%
% of companies using % of companies considering very effective
comparação entre entre métodos de
avaliação da experiência do consumidor

54. Falta de liderança
é um gargalo

55. RASI
ROLE
Responsibility, Authority, Support and
Informed

56. tarefa ou
projeto 1
tarefa ou
projeto 2
tarefa ou
projeto 3
tarefa ou
projeto 4
S R A A
R S R S
A I I R
KIKO
LEANDR
O
BRUNO

57. Greate design is
invisible
Joshua Porter

58. Thinks in Flows,
not
screens
Jason Putorti

59. Simplicidade é a mais
nova
sofisticaçã
o
Saint Exupery

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

61. @bernarddeluna
obrigado!
Bernard De Luna