Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
–
пользовательское
мышление.
И как с этим работать?
александр шатов приветствие
Я – Саша.
Маркетинговый дизайнер в Readdle.
александр шатов приветствие
Fluix Documents PDF Expert PDF Converter
Spark Scanner Pro Printer Pro Calendars
александр шатов приветствие
– начнем.
александр шатов приветствие
александр шатов приветствие
Пользователи
не читают.
александр шатов приветствие
Миф
Или правда?
александр шатов Сканирование
Сканирование – техника
выживания пользователя.
Сканирование – не признак лени.
Оно гораздо эф...
александр шатов
Сканирование – не хаос.
Оно целенаправлено и
поддается анализу.
Сканирование
александр шатов
Ведь менее чем за секунду
пользователь может
начально оценить страницу.
А именно: оценить качество, важнос...
Что мы создаем: Что нужно пользователю:
александр шатов
Уменьшайте
когнитивную нагрузку
Сканирование
александр шатов
Иными словами:
Не заставляйте
пользователя
чрезмерно думать.
Сканирование
Keep it simple, smart
хорошая коммуникация
стремится к ясности
александр шатов https://weirdorconfusing.com/
александр шатов https://theuselessweb.com/
александр шатов Процессы
Разбивайте длинные процессы
на экраны с меньшим
количеством опций.
александр шатов airtable.com
александр шатов
1. Подтвердить email
2. Залогиниться обратно.
3. Нажать “Создать Опрос”
4. Назвать опрос
5. Заполнить вопр...
александр шатов
75% покупок в интернете
так и остаются в корзине
• Скрытые налоги (shipping, tax, fees)
• Принудительное с...
александр шатов https://www.smashingmagazine.com/checkout/
александр шатов Закон
Закон Хика
Время для принятия
решения, увеличивается
с ростом количества
и сложности вариантов.
александр шатов Внимание
Внимание — ограниченный
познавательный ресурс
александр шатов Внимание
александр шатов https://www.nngroup.com/articles/heatmap-visualizations-signifiers/
Хорошо: Так себе:
александр шатов https://www.nngroup.com/articles/heatmap-visualizations-signifiers/
Хорошо: Так себе:
александр шатов Закон
Закон Миллера
В среднем человек может
держать в кратковременной
памяти порядка 7
элементов.
александр шатов Закон
Не говорите о важных вещах на сайте
только раз.
Повторы – это не плохо. Многие
пользователи могут пропустить, если
нужный ...
In 2010, 80% времени
тратилось пользователем при
просмотре первого блока.
Сегодня, это 57%.
key business and user goals
Use appropriate font styling
to attract attention to
important content
Beware of
false floors
Иерархия
александр шатов Иерархия
советы
александр шатов Иерархия
александр шатов Иерархия
Нет доверия.
Проблемаалександр шатов
Не догадывайся, Тестируй.
Тестированиеалександр шатов
Airbnb после теста влияния
качества фотографий
Тестированиеалександр шатов
Spotify после теста
шейров в соц.сетях
Тестированиеалександр шатов
Это о тестах продукта,
а как с лэндингами?
Тестированиеалександр шатов
5 second test:
– о чем была эта страница?
– Какой продукт или сервис эта компания
рекламирует?
– качество этой страницы от...
UsabilityHub.comалександр шатов
Grand Test:
– что тут предлагают?
– как оно улучшит мою жизнь?
– что мне нужно сделать, чтобы получить это?
Тестированиеал...
HotJar.com / Crazy Eggалександр шатов
HotJar.com / Crazy Eggалександр шатов
Гипотезы –
основа всех тестов и суждений.
Тестированиеалександр шатов
истории
и их выводы
александр шатов
логотипы / social proof
советы
1. простой.
2. эффективный.
3. user-friendly.
4. результативный.
5. красивый.
александр шатов сайты
Эмоция?
александр шатов сайты
https://m.adidas.com/us/yungалександр шатов
https://m-mediagebouw.nl/александр шатов
Информативность?
александр шатов сайты
kickstarter.comалександр шатов
https://www.nytimes.com/александр шатов
или ощущения?
александр шатов сайты
александр шатов
Визуальная
коммуникация.
александр шатов сайты
Treehouse + UpWork
александр шатов коммуникация
александр шатов коммуникация
выделяйтесь.
Но как выделяться,
Когда никто не
выделяется.
Нужно уметь
рассказывать историю.
https://readdle.com/11yearsалександр шатов
визуал
Ты общаешься с
машиной или другом?
александр шатов
в иллюстрацию
легче верят,
чем в текст.
александр шатов
The versatile Apple Pencil is the best tool to
reach for when you ...
александр шатов работа
40-60% ваших юзеров (trial) не
вернуться обратно.
Что делает первый опыт
супер-супер важным.
AIDA Практикиалександр шатов
attention
interest
desire
action
Практикиалександр шатов
• The Warmer
Создайте доверие и покажите, что
вы понимаете их проблемы.
Challenger Saleалександр шатов
• The Reframe
Свяжите все проблемы с возможностью,
которую они раньше не рассматривали.
Challenger Saleалександр шатов
• Rational Drowning
Покажите пользователю цифры,
чтобы он начал думать по другому.
Challenger Saleалександр шатов
• Emotional Impact
Затем свяжите связь между болью в вашей
истории и болью, которую пользователи
испытывают в своей компан...
• A New Way
Покажите новый путь – как они
должны думать о работе и бизнесе.
Challenger Saleалександр шатов
• Your Solution
Наконец, покажите, что ваше решение
лучшее среди остальных и как оно
подходит этому новому пути.
Challenge...
https://github.com/LisaDziuba/Marketing-for-Engineersалександр шатов
советыалександр шатов
consumer landing pages
https://www.pages.xyz/
https://land-book.com/
https://pageflows.com/pages/
b2b...
thãnk yøu for lįstening!
Quēśtions?
fb.com/alexwelbo
instagram.com/thebemore
ashatov@readdle.com
Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8
Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8
Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8
Upcoming SlideShare
Loading in …5
×

of

Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 1 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 2 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 3 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 4 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 5 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 6 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 7 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 8 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 9 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 10 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 11 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 12 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 13 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 14 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 15 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 16 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 17 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 18 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 19 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 20 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 21 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 22 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 23 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 24 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 25 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 26 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 27 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 28 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 29 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 30 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 31 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 32 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 33 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 34 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 35 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 36 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 37 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 38 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 39 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 40 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 41 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 42 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 43 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 44 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 45 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 46 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 47 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 48 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 49 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 50 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 51 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 52 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 53 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 54 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 55 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 56 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 57 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 58 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 59 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 60 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 61 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 62 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 63 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 64 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 65 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 66 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 67 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 68 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 69 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 70 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 71 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 72 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 73 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 74 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 75 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 76 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 77 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 78 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 79 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 80 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 81 Пользовательское мышление и как с этим работать?  | Odessa Frontend Meetup #8 Slide 82
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

0 Likes

Share

Download to read offline

Пользовательское мышление и как с этим работать? | Odessa Frontend Meetup #8

Download to read offline

Мы стремимся делать функциональные сайты, забывая об ощущениях и эмоциях. А между тем, именно это — приоритет у пользователя в выборе. Александр Шатов рассказывает о том, как пользователи читают в вебе и как принимают решения. Какие ошибки делают разработчики и дизайнеры, опираясь на паттерны поведения. Что использовать и на что стоит смотреть при разработке удобных веб-приложений и конверсионных сайтов.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Пользовательское мышление и как с этим работать? | Odessa Frontend Meetup #8

  1. 1. – пользовательское мышление. И как с этим работать? александр шатов приветствие
  2. 2. Я – Саша. Маркетинговый дизайнер в Readdle. александр шатов приветствие
  3. 3. Fluix Documents PDF Expert PDF Converter Spark Scanner Pro Printer Pro Calendars александр шатов приветствие
  4. 4. – начнем. александр шатов приветствие
  5. 5. александр шатов приветствие Пользователи не читают.
  6. 6. александр шатов приветствие Миф Или правда?
  7. 7. александр шатов Сканирование Сканирование – техника выживания пользователя. Сканирование – не признак лени. Оно гораздо эффективней, чем чтение.
  8. 8. александр шатов Сканирование – не хаос. Оно целенаправлено и поддается анализу. Сканирование
  9. 9. александр шатов Ведь менее чем за секунду пользователь может начально оценить страницу. А именно: оценить качество, важность и потенциальную ценность. Сканирование
  10. 10. Что мы создаем: Что нужно пользователю:
  11. 11. александр шатов Уменьшайте когнитивную нагрузку Сканирование
  12. 12. александр шатов Иными словами: Не заставляйте пользователя чрезмерно думать. Сканирование
  13. 13. Keep it simple, smart хорошая коммуникация стремится к ясности александр шатов https://weirdorconfusing.com/
  14. 14. александр шатов https://theuselessweb.com/
  15. 15. александр шатов Процессы Разбивайте длинные процессы на экраны с меньшим количеством опций.
  16. 16. александр шатов airtable.com
  17. 17. александр шатов 1. Подтвердить email 2. Залогиниться обратно. 3. Нажать “Создать Опрос” 4. Назвать опрос 5. Заполнить вопросами 6. Сохранить опрос 7. Скопировать код опроса 8. Залить на сайт Подтвердить email Залогиниться обратно. 1. Нажать “Создать Опрос” Назвать опрос 2. Заполнить вопросами Сохранить опрос Скопировать код опроса 3. Ready to go Link Процессы
  18. 18. александр шатов 75% покупок в интернете так и остаются в корзине • Скрытые налоги (shipping, tax, fees) • Принудительное создание аккаунта • Сложный процесс покупки • Способы оплаты • Нет доверия Процессы
  19. 19. александр шатов https://www.smashingmagazine.com/checkout/
  20. 20. александр шатов Закон Закон Хика Время для принятия решения, увеличивается с ростом количества и сложности вариантов.
  21. 21. александр шатов Внимание Внимание — ограниченный познавательный ресурс
  22. 22. александр шатов Внимание
  23. 23. александр шатов https://www.nngroup.com/articles/heatmap-visualizations-signifiers/ Хорошо: Так себе:
  24. 24. александр шатов https://www.nngroup.com/articles/heatmap-visualizations-signifiers/ Хорошо: Так себе:
  25. 25. александр шатов Закон Закон Миллера В среднем человек может держать в кратковременной памяти порядка 7 элементов.
  26. 26. александр шатов Закон
  27. 27. Не говорите о важных вещах на сайте только раз. Повторы – это не плохо. Многие пользователи могут пропустить, если нужный материал не попадется им в поле зрения. Законалександр шатов
  28. 28. In 2010, 80% времени тратилось пользователем при просмотре первого блока. Сегодня, это 57%.
  29. 29. key business and user goals
  30. 30. Use appropriate font styling to attract attention to important content
  31. 31. Beware of false floors
  32. 32. Иерархия
  33. 33. александр шатов Иерархия
  34. 34. советы
  35. 35. александр шатов Иерархия
  36. 36. александр шатов Иерархия
  37. 37. Нет доверия. Проблемаалександр шатов
  38. 38. Не догадывайся, Тестируй. Тестированиеалександр шатов
  39. 39. Airbnb после теста влияния качества фотографий Тестированиеалександр шатов
  40. 40. Spotify после теста шейров в соц.сетях Тестированиеалександр шатов
  41. 41. Это о тестах продукта, а как с лэндингами? Тестированиеалександр шатов
  42. 42. 5 second test: – о чем была эта страница? – Какой продукт или сервис эта компания рекламирует? – качество этой страницы от 1 до 5. Tool for it: UsabilityHub.com Тестированиеалександр шатов
  43. 43. UsabilityHub.comалександр шатов
  44. 44. Grand Test: – что тут предлагают? – как оно улучшит мою жизнь? – что мне нужно сделать, чтобы получить это? Тестированиеалександр шатов
  45. 45. HotJar.com / Crazy Eggалександр шатов
  46. 46. HotJar.com / Crazy Eggалександр шатов
  47. 47. Гипотезы – основа всех тестов и суждений. Тестированиеалександр шатов
  48. 48. истории и их выводы
  49. 49. александр шатов логотипы / social proof советы
  50. 50. 1. простой. 2. эффективный. 3. user-friendly. 4. результативный. 5. красивый. александр шатов сайты
  51. 51. Эмоция? александр шатов сайты
  52. 52. https://m.adidas.com/us/yungалександр шатов
  53. 53. https://m-mediagebouw.nl/александр шатов
  54. 54. Информативность? александр шатов сайты
  55. 55. kickstarter.comалександр шатов
  56. 56. https://www.nytimes.com/александр шатов
  57. 57. или ощущения? александр шатов сайты
  58. 58. александр шатов
  59. 59. Визуальная коммуникация. александр шатов сайты
  60. 60. Treehouse + UpWork александр шатов коммуникация
  61. 61. александр шатов коммуникация
  62. 62. выделяйтесь.
  63. 63. Но как выделяться, Когда никто не выделяется.
  64. 64. Нужно уметь рассказывать историю.
  65. 65. https://readdle.com/11yearsалександр шатов
  66. 66. визуал Ты общаешься с машиной или другом? александр шатов
  67. 67. в иллюстрацию легче верят, чем в текст. александр шатов The versatile Apple Pencil is the best tool to reach for when you need pixel-perfect precision. Use it to jot down notes, paint a watercolor, or mark up an email. Apple Pencil is easy to use but impossible to put down.
  68. 68. александр шатов работа 40-60% ваших юзеров (trial) не вернуться обратно. Что делает первый опыт супер-супер важным.
  69. 69. AIDA Практикиалександр шатов
  70. 70. attention interest desire action Практикиалександр шатов
  71. 71. • The Warmer Создайте доверие и покажите, что вы понимаете их проблемы. Challenger Saleалександр шатов
  72. 72. • The Reframe Свяжите все проблемы с возможностью, которую они раньше не рассматривали. Challenger Saleалександр шатов
  73. 73. • Rational Drowning Покажите пользователю цифры, чтобы он начал думать по другому. Challenger Saleалександр шатов
  74. 74. • Emotional Impact Затем свяжите связь между болью в вашей истории и болью, которую пользователи испытывают в своей компании. Challenger Saleалександр шатов
  75. 75. • A New Way Покажите новый путь – как они должны думать о работе и бизнесе. Challenger Saleалександр шатов
  76. 76. • Your Solution Наконец, покажите, что ваше решение лучшее среди остальных и как оно подходит этому новому пути. Challenger Saleалександр шатов
  77. 77. https://github.com/LisaDziuba/Marketing-for-Engineersалександр шатов
  78. 78. советыалександр шатов consumer landing pages https://www.pages.xyz/ https://land-book.com/ https://pageflows.com/pages/ b2b saas landing pages http://saascss.com/ онбординг у крупных приложений: https://www.useronboard.com/ Анализ:
  79. 79. thãnk yøu for lįstening! Quēśtions? fb.com/alexwelbo instagram.com/thebemore ashatov@readdle.com

Мы стремимся делать функциональные сайты, забывая об ощущениях и эмоциях. А между тем, именно это — приоритет у пользователя в выборе. Александр Шатов рассказывает о том, как пользователи читают в вебе и как принимают решения. Какие ошибки делают разработчики и дизайнеры, опираясь на паттерны поведения. Что использовать и на что стоит смотреть при разработке удобных веб-приложений и конверсионных сайтов.

Views

Total views

147

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

3

Shares

0

Comments

0

Likes

0

×