SlideShare a Scribd company logo
1 of 18
Download to read offline
Творческое мышление
в интернет-проектах
Мышление
Дмитрий Марисон
1 / 18
Дизайн — картинки
или решение задач?
В первую очередь это решение поставленных задач
и постоянное создание новых идей, чтобы облегчить
жизнь пользователей. Красота несомненно важна,
но по сравнению с пользой она вторична.
Дизайн2 / 18
Пользователь не знает,
в моде градиент или нет
Мода — плохая основа для решений дизайнера. Представить
себя неискушенным пользователем и решить его проблему—
это и есть мастерство дизайнера.
Пользователь3 / 18
Творческое мышление
помогает встать на место
пользователя
Чтобы понять, кто наш пользователь и как он будет вести себя
на сайте, нужно много времени. Поэтому, если в смете вы
увидели 120 часов работы аналитика, не удивляйтесь.
Творчество4 / 18
Творчество — это мышление.
Не важно, пишете вы стихи
или делаете причёску
Вопрос в том, насколько шаблонно или свободно мы действуем,
чтобы получить результат. Например, прикрутить 10 гаек
на конвейере — это рутина, а разложить гайки под
таким углом, чтобы рука быстрее их хватала — это уже
творчество. Результат тот же, но способ его достижения
новый и полезный.
Мышление5 / 18
Мы все творческие.
Но в разной степени
Почему один художник рисует шедевры, а другой просто
копирует реальность? Дело не только в технике. У более
успешных в творчестве людей развиты два уникальных
навыка: эмпатия и метафорическое зрение.
Навыки6 / 18
Эмпатия — это умение
поставить себя на место
другого человека
Все крутые UX-дизайнеры обладают развитой эмпатией
и могут прожить день от лица пользователя. Эта особенность
свойственна не только киноиндустрии, но и веб-разработке.
Эмпатия7 / 18
Эмпатия помогает изучать
поведение пользователя
на сайте
Составляем портрет пользователя и сценарий поведения:
какая у проекта целевая аудитория, что волнует пользователя,
чем он живёт, какая у него семья, где он отдыхает?
Поведение8 / 18
«Метафорическое зрение —
это повреждение мозга»
Психологи
Это уникальный навык, который позволяет видеть то, чего нет.
Своеобразные контролируемые галлюцинации. У людей
с развитым метафорическим зрением мозг прокручивает
неимоверное количество метафор и картинок одновременно.
Зрение9/ 18
Сложновато.
Давайте на примерах
Вот у вас в руках кружка. С водой или другим напитком.
Но при этом каким-то образом у вас в голове рядом стоит
вторая картинка с той же кружкой, но какой-то вязкой, плавно
растекающейся. Или когда ту же кружку вы поставили на стол,
то увидели две картинки параллельно. В реальности вы просто
поставили её на стол, но при этом увидели, как она
рассыпалась на тысячи частиц.
На пальцах10/ 18
Все еще сложновато.
Как этим пользоваться?
В основе метафорического зрения лежат простые приемы
мышления. Их может освоить каждый:
— Аналогизирование
— Трансформирование
— Комбинирование
Приемы11/ 18
Трансформация —
изменение привычной
формы объекта
Можно искажать грани объекта, его форму, состав. Лепить
из него всё что угодно и прокручивать в голове, как будет
вести себя объект в таких условиях.
Искажай12/ 18
Комбинирование —
сопоставление нескольких
объектов в один
Это позволяет создавать целые системы объектов и приходить
к решениям в структуре сайта или навигации, которые раньше
не были на виду, но оказались очень удобными
на практике.
Создавай13/ 18
Аналогизирование —
поиск аналогий по форме,
цвету, материалу
Если мы разрабатываем проект для продукта, и пользователь
уже привык к цвету упаковки, форме и фактуре, кнопки на сайте,
карточки товара и другие элементы должны соответствовать
этому представлению и создавать гармонию.
Ищи14/ 18
Как развивать эмпатию
и метафорическое
зрение? 1/2
В первую очередь нужно создать благоприятные условия
для собственной деятельности или деятельности ваших
специалистов. Сделайте комфортное пространство для работы,
уберите внешние раздражители.
Развивай15 / 18
Как развивать эмпатию
и метафорическое
зрение? 2/2
Начните визуализировать всё на бумаге: каждую мысль, каждый
образ, даже если не умеете рисовать. После начинайте
приводить аналогии объектов, текстов, форм, составляйте карту
ассоциаций, комбинируйте, трансформируйте и фиксируйте
на бумаге результат. Визуализация на бумаге поможет быстрее
научиться проделывать это в голове на автомате.
Развивай16/ 18
Зачем дизайнеру эмпатия
и метафорическое зрение?
Дизайнер, который умеет поставить себя на место пользователя
и думать образами, легче находит новые идеи и свободно
общается с клиентом на его языке. Тренируйтесь сами
или ищите таких специалистов.
Мышление18/ 18
behance facebook instagram
Мы делаем сайты и рекламу в интернете
и рассказываем об этом на лекциях
и семинарах.
+7 (812) 712-40-90
box@its.agency

More Related Content

Viewers also liked

Replication in Data Science
Replication in Data ScienceReplication in Data Science
Replication in Data ScienceJune Andrews
 
Mary Had a Little Lamb
Mary Had a Little LambMary Had a Little Lamb
Mary Had a Little LambMEA Music
 
Análisis carpal de Fishman
Análisis carpal de FishmanAnálisis carpal de Fishman
Análisis carpal de FishmanLucia Dueñas
 
Clasificación de las empresas
Clasificación de las empresasClasificación de las empresas
Clasificación de las empresasVERONICA RODRIGUEZ
 
Презентация:Открытая лаборатория
Презентация:Открытая лабораторияПрезентация:Открытая лаборатория
Презентация:Открытая лабораторияsveta7940
 
Lead Generator 2017 - Social Media
Lead Generator 2017 - Social MediaLead Generator 2017 - Social Media
Lead Generator 2017 - Social MediaSatisFactsEducation
 
Agência do Trabalho oferece 417 vagas nesta sexta-feira (17)
Agência do Trabalho oferece 417 vagas nesta sexta-feira (17)Agência do Trabalho oferece 417 vagas nesta sexta-feira (17)
Agência do Trabalho oferece 417 vagas nesta sexta-feira (17)TVJornal
 
Interreg Europe ZEROCO2 regional policies report promoting energy efficiency ...
Interreg Europe ZEROCO2 regional policies report promoting energy efficiency ...Interreg Europe ZEROCO2 regional policies report promoting energy efficiency ...
Interreg Europe ZEROCO2 regional policies report promoting energy efficiency ...Damien Gatt
 
institución educativa concentración de desarrollo rural
institución educativa concentración de desarrollo ruralinstitución educativa concentración de desarrollo rural
institución educativa concentración de desarrollo ruralyulieth sanchez figueroa
 
Informed Refusal: you are doing it wrong
Informed Refusal: you are doing it wrong Informed Refusal: you are doing it wrong
Informed Refusal: you are doing it wrong Robert Cole
 
Quadruple Witching Trading Strategy | SchoolOfTrade Newsletter 03/16/17
Quadruple Witching Trading Strategy | SchoolOfTrade Newsletter 03/16/17Quadruple Witching Trading Strategy | SchoolOfTrade Newsletter 03/16/17
Quadruple Witching Trading Strategy | SchoolOfTrade Newsletter 03/16/17Joseph James
 
2.6C evaluating sources
2.6C evaluating sources2.6C evaluating sources
2.6C evaluating sourcesVasili Andrews
 

Viewers also liked (19)

Replication in Data Science
Replication in Data ScienceReplication in Data Science
Replication in Data Science
 
Mary Had a Little Lamb
Mary Had a Little LambMary Had a Little Lamb
Mary Had a Little Lamb
 
Análisis carpal de Fishman
Análisis carpal de FishmanAnálisis carpal de Fishman
Análisis carpal de Fishman
 
Clasificación de las empresas
Clasificación de las empresasClasificación de las empresas
Clasificación de las empresas
 
Презентация:Открытая лаборатория
Презентация:Открытая лабораторияПрезентация:Открытая лаборатория
Презентация:Открытая лаборатория
 
Lead Generator 2017 - Social Media
Lead Generator 2017 - Social MediaLead Generator 2017 - Social Media
Lead Generator 2017 - Social Media
 
Rating web 2017_method
Rating web 2017_methodRating web 2017_method
Rating web 2017_method
 
Software and IT
Software and ITSoftware and IT
Software and IT
 
2016 annual report
2016 annual report 2016 annual report
2016 annual report
 
Ensayo
EnsayoEnsayo
Ensayo
 
Agência do Trabalho oferece 417 vagas nesta sexta-feira (17)
Agência do Trabalho oferece 417 vagas nesta sexta-feira (17)Agência do Trabalho oferece 417 vagas nesta sexta-feira (17)
Agência do Trabalho oferece 417 vagas nesta sexta-feira (17)
 
Aiepi cancer y_vih
Aiepi cancer y_vihAiepi cancer y_vih
Aiepi cancer y_vih
 
Interreg Europe ZEROCO2 regional policies report promoting energy efficiency ...
Interreg Europe ZEROCO2 regional policies report promoting energy efficiency ...Interreg Europe ZEROCO2 regional policies report promoting energy efficiency ...
Interreg Europe ZEROCO2 regional policies report promoting energy efficiency ...
 
From athens to antalya, turkey
From athens to antalya, turkeyFrom athens to antalya, turkey
From athens to antalya, turkey
 
institución educativa concentración de desarrollo rural
institución educativa concentración de desarrollo ruralinstitución educativa concentración de desarrollo rural
institución educativa concentración de desarrollo rural
 
Informed Refusal: you are doing it wrong
Informed Refusal: you are doing it wrong Informed Refusal: you are doing it wrong
Informed Refusal: you are doing it wrong
 
Practica 5
Practica 5Practica 5
Practica 5
 
Quadruple Witching Trading Strategy | SchoolOfTrade Newsletter 03/16/17
Quadruple Witching Trading Strategy | SchoolOfTrade Newsletter 03/16/17Quadruple Witching Trading Strategy | SchoolOfTrade Newsletter 03/16/17
Quadruple Witching Trading Strategy | SchoolOfTrade Newsletter 03/16/17
 
2.6C evaluating sources
2.6C evaluating sources2.6C evaluating sources
2.6C evaluating sources
 

Similar to Творческое мышление в интернет-проектах

Метод Lego Serious Play для бизнеса
Метод Lego Serious Play для бизнесаМетод Lego Serious Play для бизнеса
Метод Lego Serious Play для бизнесаWonderfull
 
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеКанвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеLumiknows Consultancy
 
!Academy1 ru creativity_i_v001
!Academy1 ru creativity_i_v001!Academy1 ru creativity_i_v001
!Academy1 ru creativity_i_v001Nordic Agency AB
 
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологияхCodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологияхCodeFest
 
ReqLabs PechaKucha Ирина Сурова
ReqLabs PechaKucha Ирина СуроваReqLabs PechaKucha Ирина Сурова
ReqLabs PechaKucha Ирина СуроваPechaKucha Ukraine
 
!Ae rif startups_idea_measurement
!Ae rif startups_idea_measurement!Ae rif startups_idea_measurement
!Ae rif startups_idea_measurementNordic Agency AB
 
Дизайн с точки зрения творчества и практики взаимодействия с целевыми аудитор...
Дизайн с точки зрения творчества и практики взаимодействия с целевыми аудитор...Дизайн с точки зрения творчества и практики взаимодействия с целевыми аудитор...
Дизайн с точки зрения творчества и практики взаимодействия с целевыми аудитор...Mstislav Banik
 
Ассоциативный mind-mapping и тренды в контенте (brainstorm)
Ассоциативный mind-mapping и тренды в контенте (brainstorm)Ассоциативный mind-mapping и тренды в контенте (brainstorm)
Ассоциативный mind-mapping и тренды в контенте (brainstorm)Tanya Ryzhaya
 
Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Nika Stuard
 
Дизайн решает!
Дизайн решает!Дизайн решает!
Дизайн решает!Kostya Gorskiy
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7Oleksandr Lisovskyi
 
Восторг пользователей
Восторг пользователейВосторг пользователей
Восторг пользователейDmitry Satin
 
креативные люди вы нужны
креативные люди   вы нужныкреативные люди   вы нужны
креативные люди вы нужныKatya Labinskaya
 
Мааленькая история Стикеров
Мааленькая история СтикеровМааленькая история Стикеров
Мааленькая история СтикеровMike B.
 
марк коммуникации2
марк коммуникации2марк коммуникации2
марк коммуникации2Margarita Makzhanova
 
Четвертая форма эволюции дизайнера
Четвертая форма эволюции дизайнераЧетвертая форма эволюции дизайнера
Четвертая форма эволюции дизайнераNextTrend
 

Similar to Творческое мышление в интернет-проектах (20)

Метод Lego Serious Play для бизнеса
Метод Lego Serious Play для бизнесаМетод Lego Serious Play для бизнеса
Метод Lego Serious Play для бизнеса
 
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеКанвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
 
!Academy1 ru creativity_i_v001
!Academy1 ru creativity_i_v001!Academy1 ru creativity_i_v001
!Academy1 ru creativity_i_v001
 
как сохранить креативность
как сохранить креативностькак сохранить креативность
как сохранить креативность
 
Nestandartnoe myshlenie
Nestandartnoe myshlenieNestandartnoe myshlenie
Nestandartnoe myshlenie
 
Experiment Prototyping
Experiment PrototypingExperiment Prototyping
Experiment Prototyping
 
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологияхCodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
CodeFest, июль 2012. Бугаев Л. — Запуск продукта в мобильных технологиях
 
ReqLabs PechaKucha Ирина Сурова
ReqLabs PechaKucha Ирина СуроваReqLabs PechaKucha Ирина Сурова
ReqLabs PechaKucha Ирина Сурова
 
!Ae rif startups_idea_measurement
!Ae rif startups_idea_measurement!Ae rif startups_idea_measurement
!Ae rif startups_idea_measurement
 
Дизайн с точки зрения творчества и практики взаимодействия с целевыми аудитор...
Дизайн с точки зрения творчества и практики взаимодействия с целевыми аудитор...Дизайн с точки зрения творчества и практики взаимодействия с целевыми аудитор...
Дизайн с точки зрения творчества и практики взаимодействия с целевыми аудитор...
 
Ассоциативный mind-mapping и тренды в контенте (brainstorm)
Ассоциативный mind-mapping и тренды в контенте (brainstorm)Ассоциативный mind-mapping и тренды в контенте (brainstorm)
Ассоциативный mind-mapping и тренды в контенте (brainstorm)
 
Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01
 
Дизайн решает!
Дизайн решает!Дизайн решает!
Дизайн решает!
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7
 
from finding a decision to a beauty
from finding a decision to a beautyfrom finding a decision to a beauty
from finding a decision to a beauty
 
Восторг пользователей
Восторг пользователейВосторг пользователей
Восторг пользователей
 
креативные люди вы нужны
креативные люди   вы нужныкреативные люди   вы нужны
креативные люди вы нужны
 
Мааленькая история Стикеров
Мааленькая история СтикеровМааленькая история Стикеров
Мааленькая история Стикеров
 
марк коммуникации2
марк коммуникации2марк коммуникации2
марк коммуникации2
 
Четвертая форма эволюции дизайнера
Четвертая форма эволюции дизайнераЧетвертая форма эволюции дизайнера
Четвертая форма эволюции дизайнера
 

Творческое мышление в интернет-проектах

  • 2. Дизайн — картинки или решение задач? В первую очередь это решение поставленных задач и постоянное создание новых идей, чтобы облегчить жизнь пользователей. Красота несомненно важна, но по сравнению с пользой она вторична. Дизайн2 / 18
  • 3. Пользователь не знает, в моде градиент или нет Мода — плохая основа для решений дизайнера. Представить себя неискушенным пользователем и решить его проблему— это и есть мастерство дизайнера. Пользователь3 / 18
  • 4. Творческое мышление помогает встать на место пользователя Чтобы понять, кто наш пользователь и как он будет вести себя на сайте, нужно много времени. Поэтому, если в смете вы увидели 120 часов работы аналитика, не удивляйтесь. Творчество4 / 18
  • 5. Творчество — это мышление. Не важно, пишете вы стихи или делаете причёску Вопрос в том, насколько шаблонно или свободно мы действуем, чтобы получить результат. Например, прикрутить 10 гаек на конвейере — это рутина, а разложить гайки под таким углом, чтобы рука быстрее их хватала — это уже творчество. Результат тот же, но способ его достижения новый и полезный. Мышление5 / 18
  • 6. Мы все творческие. Но в разной степени Почему один художник рисует шедевры, а другой просто копирует реальность? Дело не только в технике. У более успешных в творчестве людей развиты два уникальных навыка: эмпатия и метафорическое зрение. Навыки6 / 18
  • 7. Эмпатия — это умение поставить себя на место другого человека Все крутые UX-дизайнеры обладают развитой эмпатией и могут прожить день от лица пользователя. Эта особенность свойственна не только киноиндустрии, но и веб-разработке. Эмпатия7 / 18
  • 8. Эмпатия помогает изучать поведение пользователя на сайте Составляем портрет пользователя и сценарий поведения: какая у проекта целевая аудитория, что волнует пользователя, чем он живёт, какая у него семья, где он отдыхает? Поведение8 / 18
  • 9. «Метафорическое зрение — это повреждение мозга» Психологи Это уникальный навык, который позволяет видеть то, чего нет. Своеобразные контролируемые галлюцинации. У людей с развитым метафорическим зрением мозг прокручивает неимоверное количество метафор и картинок одновременно. Зрение9/ 18
  • 10. Сложновато. Давайте на примерах Вот у вас в руках кружка. С водой или другим напитком. Но при этом каким-то образом у вас в голове рядом стоит вторая картинка с той же кружкой, но какой-то вязкой, плавно растекающейся. Или когда ту же кружку вы поставили на стол, то увидели две картинки параллельно. В реальности вы просто поставили её на стол, но при этом увидели, как она рассыпалась на тысячи частиц. На пальцах10/ 18
  • 11. Все еще сложновато. Как этим пользоваться? В основе метафорического зрения лежат простые приемы мышления. Их может освоить каждый: — Аналогизирование — Трансформирование — Комбинирование Приемы11/ 18
  • 12. Трансформация — изменение привычной формы объекта Можно искажать грани объекта, его форму, состав. Лепить из него всё что угодно и прокручивать в голове, как будет вести себя объект в таких условиях. Искажай12/ 18
  • 13. Комбинирование — сопоставление нескольких объектов в один Это позволяет создавать целые системы объектов и приходить к решениям в структуре сайта или навигации, которые раньше не были на виду, но оказались очень удобными на практике. Создавай13/ 18
  • 14. Аналогизирование — поиск аналогий по форме, цвету, материалу Если мы разрабатываем проект для продукта, и пользователь уже привык к цвету упаковки, форме и фактуре, кнопки на сайте, карточки товара и другие элементы должны соответствовать этому представлению и создавать гармонию. Ищи14/ 18
  • 15. Как развивать эмпатию и метафорическое зрение? 1/2 В первую очередь нужно создать благоприятные условия для собственной деятельности или деятельности ваших специалистов. Сделайте комфортное пространство для работы, уберите внешние раздражители. Развивай15 / 18
  • 16. Как развивать эмпатию и метафорическое зрение? 2/2 Начните визуализировать всё на бумаге: каждую мысль, каждый образ, даже если не умеете рисовать. После начинайте приводить аналогии объектов, текстов, форм, составляйте карту ассоциаций, комбинируйте, трансформируйте и фиксируйте на бумаге результат. Визуализация на бумаге поможет быстрее научиться проделывать это в голове на автомате. Развивай16/ 18
  • 17. Зачем дизайнеру эмпатия и метафорическое зрение? Дизайнер, который умеет поставить себя на место пользователя и думать образами, легче находит новые идеи и свободно общается с клиентом на его языке. Тренируйтесь сами или ищите таких специалистов. Мышление18/ 18
  • 18. behance facebook instagram Мы делаем сайты и рекламу в интернете и рассказываем об этом на лекциях и семинарах. +7 (812) 712-40-90 box@its.agency