Наталья Ядренцева
Визуальное мышление
при разработке программных продуктов
Человеческие активности
Физические
Спим
Едим
Двигаемся
Человеческие активности
ФизическиеИнтеллектуальные
Учимся
Создаем
Общаемся
Спим
Едим
Двигаемся
Человеческие активности
Программные продукты
Учиться Создавать
Общаться
Bret Victor. Magic Ink: Information Software and the Graphical Interface.
Учиться
Информационные
программные продукты
Как мы видим?
Илья Репин. “Не ждали”
Каково материальное
положение?
Каков возраст?
Решение конкретной задачи
Альфред Ярбус. Роль движения глаз в процессе зрения
Вложенные циклы зрения
Тестирование паттерна
Визуальный поиск
паттерна с
использованием
движения глаз
Поиск кандитата на
в...
Принятие решений
Методы организации данных
По алфавиту
Location!
Alphabetical!
Timeline!
Hierarchy!Category!
Richard Wurman. Information An...
Принятие решений
По алфавиту
Location!
Alphabetical!
Timeline!
Hierarchy!Category!
Richard Wurman. Information Anxiety
Принятие решений
!
Карты
Карты
Fathom Information Design. The Density map
Карты
Fathom Information Design. The Density map
Карты
Fathom Information Design. The Density map
Карты
The New York Times. Immigration Explorer Map.
Карты
The New York Times. Immigration Explorer Map.
Карты
The New York Times. Immigration Explorer Map.
Карты
The New York Times. Immigration Explorer Map.
Карты
The New York Times. Immigration Explorer Map.
Карты
!
Время
Белорусская железная дорога
Расписание поездов
Время
Белорусская железная дорога
Расписание поездов
Время
CalTrain timetable in the style of E. J. Marey’s graphical schedule
Время
CalTrain timetable in the style of E. J. Marey’s graphical schedule
Время
CalTrain timetable in the style of E. J. Marey’s graphical schedule
Время
Время
http://www.etymonline.com/
Время
Timeglider. A Timeline of Word Origins
Время
The Gurdians. Arab spring: an interactive timeline of Middle East protests
!
Связи
Связи
Cris Wong. Visualizing NYC´s Open Data
Связи
Cris Wong. Visualizing NYC´s Open Data
Иерархия
The Guardian.UK government spending
Иерархия
The Guardian.UK government spending
Иерархия
Real-life example. Release backlog of the mission critical software team
!
Категория
Категория
SCORE project group.Estimation of ten-year risk of fatal cardiovascular disease in Europe
Категория
Визуальные методы и паттерны
Манипуляционные
программные продукты
Создавать
Интерактивность
Ben Shneiderman. The Visual Information Seeking mantra
Интерактивность
The Gurdians. Afghanistan the war logs
Интерактивность
The Gurdians. Afghanistan the war logs
Overview
Zoom
History
Filter
Details
Relate
Какие функции заложить?
Какие команды обрабатывать?
Какие параметры регулировать?
Как мне найти ответы на мои вопросы?
Как...
We create
David McCandless. The Visual Miscellaneum
Спасибо!
@natalieyadren
natalie@targetprocess.com
nataliayadrentseva
Наталья Ядренцева
Jacques Bertin. Semiology of graphics
Edward Tufte. Envisioning information
Dan Roam. The back of the napkin
Richard Saul ...
Upcoming SlideShare
Loading in …5
×

Визуальное мышление в разработке

2,233
-1

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,233
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Визуальное мышление в разработке

  1. 1. Наталья Ядренцева Визуальное мышление при разработке программных продуктов
  2. 2. Человеческие активности
  3. 3. Физические Спим Едим Двигаемся Человеческие активности
  4. 4. ФизическиеИнтеллектуальные Учимся Создаем Общаемся Спим Едим Двигаемся Человеческие активности
  5. 5. Программные продукты Учиться Создавать Общаться Bret Victor. Magic Ink: Information Software and the Graphical Interface.
  6. 6. Учиться Информационные программные продукты
  7. 7. Как мы видим? Илья Репин. “Не ждали”
  8. 8. Каково материальное положение? Каков возраст? Решение конкретной задачи Альфред Ярбус. Роль движения глаз в процессе зрения
  9. 9. Вложенные циклы зрения Тестирование паттерна Визуальный поиск паттерна с использованием движения глаз Поиск кандитата на визуальное решение проблемы Colin Ware.Visual Thinking: for design
  10. 10. Принятие решений
  11. 11. Методы организации данных По алфавиту Location! Alphabetical! Timeline! Hierarchy!Category! Richard Wurman. Information Anxiety
  12. 12. Принятие решений По алфавиту Location! Alphabetical! Timeline! Hierarchy!Category! Richard Wurman. Information Anxiety
  13. 13. Принятие решений
  14. 14. ! Карты
  15. 15. Карты Fathom Information Design. The Density map
  16. 16. Карты Fathom Information Design. The Density map
  17. 17. Карты Fathom Information Design. The Density map
  18. 18. Карты The New York Times. Immigration Explorer Map.
  19. 19. Карты The New York Times. Immigration Explorer Map.
  20. 20. Карты The New York Times. Immigration Explorer Map.
  21. 21. Карты The New York Times. Immigration Explorer Map.
  22. 22. Карты The New York Times. Immigration Explorer Map.
  23. 23. Карты
  24. 24. ! Время
  25. 25. Белорусская железная дорога Расписание поездов Время
  26. 26. Белорусская железная дорога Расписание поездов Время
  27. 27. CalTrain timetable in the style of E. J. Marey’s graphical schedule Время
  28. 28. CalTrain timetable in the style of E. J. Marey’s graphical schedule Время
  29. 29. CalTrain timetable in the style of E. J. Marey’s graphical schedule Время
  30. 30. Время http://www.etymonline.com/
  31. 31. Время Timeglider. A Timeline of Word Origins
  32. 32. Время The Gurdians. Arab spring: an interactive timeline of Middle East protests
  33. 33. ! Связи
  34. 34. Связи Cris Wong. Visualizing NYC´s Open Data
  35. 35. Связи Cris Wong. Visualizing NYC´s Open Data
  36. 36. Иерархия The Guardian.UK government spending
  37. 37. Иерархия The Guardian.UK government spending
  38. 38. Иерархия Real-life example. Release backlog of the mission critical software team
  39. 39. ! Категория
  40. 40. Категория SCORE project group.Estimation of ten-year risk of fatal cardiovascular disease in Europe
  41. 41. Категория
  42. 42. Визуальные методы и паттерны
  43. 43. Манипуляционные программные продукты Создавать
  44. 44. Интерактивность Ben Shneiderman. The Visual Information Seeking mantra
  45. 45. Интерактивность The Gurdians. Afghanistan the war logs
  46. 46. Интерактивность The Gurdians. Afghanistan the war logs Overview Zoom History Filter Details Relate
  47. 47. Какие функции заложить? Какие команды обрабатывать? Какие параметры регулировать? Как мне найти ответы на мои вопросы? Какое решение принять? Как сравнить и выбрать?
  48. 48. We create
  49. 49. David McCandless. The Visual Miscellaneum
  50. 50. Спасибо! @natalieyadren natalie@targetprocess.com nataliayadrentseva Наталья Ядренцева
  51. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×