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.

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

71 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Пользовательское мышление и как с этим работать? | OdessaFrontend 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

×