Наталья Ядренцева «Визуальное мышление в разработке» Frontend Dev Conf'14 www.fdconf.by

1. Наталья Ядренцева
Визуальное мышление
при разработке программных продуктов

2. Человеческие активности

3. Физические
Спим
Едим
Двигаемся
Человеческие активности

4. ФизическиеИнтеллектуальные
Учимся
Создаем
Общаемся
Спим
Едим
Двигаемся
Человеческие активности

5. Программные продукты
Учиться Создавать
Общаться
Bret Victor. Magic Ink: Information Software and the Graphical Interface.

6. Учиться
Информационные
программные продукты

7. Как мы видим?
Илья Репин. “Не ждали”

8. Каково материальное
положение?
Каков возраст?
Решение конкретной задачи
Альфред Ярбус. Роль движения глаз в процессе зрения

9. Вложенные циклы зрения
Тестирование паттерна
Визуальный поиск
паттерна с
использованием
движения глаз
Поиск кандитата на
визуальное решение
проблемы
Colin Ware.Visual Thinking: for design

10. Принятие решений

11. Методы организации данных
По алфавиту
Location!
Alphabetical!
Timeline!
Hierarchy!Category!
Richard Wurman. Information Anxiety

12. Принятие решений
По алфавиту
Location!
Alphabetical!
Timeline!
Hierarchy!Category!
Richard Wurman. Information Anxiety

13. Принятие решений

14. !
Карты

15. Карты
Fathom Information Design. The Density map

16. Карты
Fathom Information Design. The Density map

17. Карты
Fathom Information Design. The Density map

18. Карты
The New York Times. Immigration Explorer Map.

19. Карты
The New York Times. Immigration Explorer Map.

20. Карты
The New York Times. Immigration Explorer Map.

21. Карты
The New York Times. Immigration Explorer Map.

22. Карты
The New York Times. Immigration Explorer Map.

23. Карты

24. !
Время

25. Белорусская железная дорога
Расписание поездов
Время

26. Белорусская железная дорога
Расписание поездов
Время

27. CalTrain timetable in the style of E. J. Marey’s graphical schedule
Время

28. CalTrain timetable in the style of E. J. Marey’s graphical schedule
Время

29. CalTrain timetable in the style of E. J. Marey’s graphical schedule
Время

30. Время
http://www.etymonline.com/

31. Время
Timeglider. A Timeline of Word Origins

32. Время
The Gurdians. Arab spring: an interactive timeline of Middle East protests

33. !
Связи

34. Связи
Cris Wong. Visualizing NYC´s Open Data

35. Связи
Cris Wong. Visualizing NYC´s Open Data

36. Иерархия
The Guardian.UK government spending

37. Иерархия
The Guardian.UK government spending

38. Иерархия
Real-life example. Release backlog of the mission critical software team

39. !
Категория

40. Категория
SCORE project group.Estimation of ten-year risk of fatal cardiovascular disease in Europe

41. Категория

42. Визуальные методы и паттерны

43. Манипуляционные
программные продукты
Создавать

44. Интерактивность
Ben Shneiderman. The Visual Information Seeking mantra

45. Интерактивность
The Gurdians. Afghanistan the war logs

46. Интерактивность
The Gurdians. Afghanistan the war logs
Overview
Zoom
History
Filter
Details
Relate

47. Какие функции заложить?
Какие команды обрабатывать?
Какие параметры регулировать?
Как мне найти ответы на мои вопросы?
Какое решение принять?
Как сравнить и выбрать?

48. We create

49. David McCandless. The Visual Miscellaneum

50. Спасибо!
@natalieyadren
natalie@targetprocess.com
nataliayadrentseva
Наталья Ядренцева

51. Jacques Bertin. Semiology of graphics
Edward Tufte. Envisioning information
Dan Roam. The back of the napkin
Richard Saul Wurman. Information Anxiety, Information Anxiety 2
Узнать больше
Targetprocess blog: Visualization
Colin Ware. Information Visualization: Perception for Design