Download to read offline
Uploaded byOdessaFrontend
Пользовательское мышление и как с этим работать? | Odessa Frontend Meetup #8
Мы стремимся делать функциональные сайты, забывая об ощущениях и эмоциях. А между тем, именно это — приоритет у пользователя в выборе. Александр Шатов рассказывает о том, как пользователи читают в вебе и как принимают решения. Какие ошибки делают разработчики и дизайнеры, опираясь на паттерны поведения. Что использовать и на что стоит смотреть при разработке удобных веб-приложений и конверсионных сайтов.
Пользовательское мышление и как с этим работать? | Odessa Frontend Meetup #8
- 1. – пользовательское мышление. И как сэтим работать? александр шатов приветствие
- 2. Я – Саша. Маркетинговыйдизайнер в Readdle. александр шатов приветствие
- 3. Fluix Documents PDFExpert PDF Converter Spark Scanner Pro Printer Pro Calendars александр шатов приветствие
- 4. – начнем. александр шатовприветствие
- 5.
- 6.
- 8. александр шатов Сканирование Сканирование– техника выживания пользователя. Сканирование – не признак лени. Оно гораздо эффективней, чем чтение.
- 9. александр шатов Сканирование –не хаос. Оно целенаправлено и поддается анализу. Сканирование
- 10. александр шатов Ведь менеечем за секунду пользователь может начально оценить страницу. А именно: оценить качество, важность и потенциальную ценность. Сканирование
- 11. Что мы создаем:Что нужно пользователю:
- 12.
- 13. александр шатов Иными словами: Незаставляйте пользователя чрезмерно думать. Сканирование
- 14. Keep it simple,smart хорошая коммуникация стремится к ясности александр шатов https://weirdorconfusing.com/
- 15.
- 16. александр шатов Процессы Разбивайтедлинные процессы на экраны с меньшим количеством опций.
- 17.
- 18. александр шатов 1. Подтвердитьemail 2. Залогиниться обратно. 3. Нажать “Создать Опрос” 4. Назвать опрос 5. Заполнить вопросами 6. Сохранить опрос 7. Скопировать код опроса 8. Залить на сайт Подтвердить email Залогиниться обратно. 1. Нажать “Создать Опрос” Назвать опрос 2. Заполнить вопросами Сохранить опрос Скопировать код опроса 3. Ready to go Link Процессы
- 19. александр шатов 75% покупокв интернете так и остаются в корзине • Скрытые налоги (shipping, tax, fees) • Принудительное создание аккаунта • Сложный процесс покупки • Способы оплаты • Нет доверия Процессы
- 20.
- 21. александр шатов Закон ЗаконХика Время для принятия решения, увеличивается с ростом количества и сложности вариантов.
- 22. александр шатов Внимание Внимание— ограниченный познавательный ресурс
- 23.
- 24.
- 25.
- 27. александр шатов Закон ЗаконМиллера В среднем человек может держать в кратковременной памяти порядка 7 элементов.
- 28.
- 29. Не говорите оважных вещах на сайте только раз. Повторы – это не плохо. Многие пользователи могут пропустить, если нужный материал не попадется им в поле зрения. Законалександр шатов
- 30. In 2010, 80%времени тратилось пользователем при просмотре первого блока. Сегодня, это 57%.
- 31. key business anduser goals
- 33. Use appropriate fontstyling to attract attention to important content
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42. Airbnb после теставлияния качества фотографий Тестированиеалександр шатов
- 43. Spotify после теста шейровв соц.сетях Тестированиеалександр шатов
- 44. Это о тестахпродукта, а как с лэндингами? Тестированиеалександр шатов
- 45. 5 second test: –о чем была эта страница? – Какой продукт или сервис эта компания рекламирует? – качество этой страницы от 1 до 5. Tool for it: UsabilityHub.com Тестированиеалександр шатов
- 46.
- 47. Grand Test: – чтотут предлагают? – как оно улучшит мою жизнь? – что мне нужно сделать, чтобы получить это? Тестированиеалександр шатов
- 48. HotJar.com / CrazyEggалександр шатов
- 49. HotJar.com / CrazyEggалександр шатов
- 50. Гипотезы – основа всехтестов и суждений. Тестированиеалександр шатов
- 51.
- 52. александр шатов логотипы /social proof советы
- 53. 1. простой. 2. эффективный. 3.user-friendly. 4. результативный. 5. красивый. александр шатов сайты
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63. Treehouse + UpWork александршатов коммуникация
- 64.
- 65.
- 66. Но как выделяться, Когданикто не выделяется.
- 67.
- 68.
- 69. визуал Ты общаешься с машинойили другом? александр шатов
- 70. в иллюстрацию легче верят, чемв текст. александр шатов 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.
- 71. александр шатов работа 40-60%ваших юзеров (trial) не вернуться обратно. Что делает первый опыт супер-супер важным.
- 72.
- 73.
- 74. • The Warmer Создайтедоверие и покажите, что вы понимаете их проблемы. Challenger Saleалександр шатов
- 75. • The Reframe Свяжитевсе проблемы с возможностью, которую они раньше не рассматривали. Challenger Saleалександр шатов
- 76. • Rational Drowning Покажитепользователю цифры, чтобы он начал думать по другому. Challenger Saleалександр шатов
- 77. • Emotional Impact Затемсвяжите связь между болью в вашей истории и болью, которую пользователи испытывают в своей компании. Challenger Saleалександр шатов
- 78. • A NewWay Покажите новый путь – как они должны думать о работе и бизнесе. Challenger Saleалександр шатов
- 79. • Your Solution Наконец,покажите, что ваше решение лучшее среди остальных и как оно подходит этому новому пути. Challenger Saleалександр шатов
- 80.
- 81. советыалександр шатов consumer landingpages https://www.pages.xyz/ https://land-book.com/ https://pageflows.com/pages/ b2b saas landing pages http://saascss.com/ онбординг у крупных приложений: https://www.useronboard.com/ Анализ:
- 82. thãnk yøu forlįstening! Quēśtions? fb.com/alexwelbo instagram.com/thebemore ashatov@readdle.com