Пользовательское мышление и как с этим работать? | Odessa Frontend Meetup #8
•
0 j'aime•155 vues
Мы стремимся делать функциональные сайты, забывая об ощущениях и эмоциях. А между тем, именно это — приоритет у пользователя в выборе. Александр Шатов рассказывает о том, как пользователи читают в вебе и как принимают решения. Какие ошибки делают разработчики и дизайнеры, опираясь на паттерны поведения. Что использовать и на что стоит смотреть при разработке удобных веб-приложений и конверсионных сайтов.
Recommandé
Recommandé
Contenu connexe
Plus de OdessaFrontend
Plus de OdessaFrontend (20)
Пользовательское мышление и как с этим работать? | Odessa Frontend Meetup #8
- 1. – пользовательское мышление. И как с этим работать? александр шатов приветствие
- 2. Я – Саша. Маркетинговый дизайнер в Readdle. александр шатов приветствие
- 3. Fluix Documents PDF Expert PDF Converter Spark Scanner Pro Printer Pro Calendars александр шатов приветствие
- 4. – начнем. александр шатов приветствие
- 5. александр шатов приветствие Пользователи не читают.
- 6. александр шатов приветствие Миф Или правда?
- 8. александр шатов Сканирование Сканирование – техника выживания пользователя. Сканирование – не признак лени. Оно гораздо эффективней, чем чтение.
- 9. александр шатов Сканирование – не хаос. Оно целенаправлено и поддается анализу. Сканирование
- 10. александр шатов Ведь менее чем за секунду пользователь может начально оценить страницу. А именно: оценить качество, важность и потенциальную ценность. Сканирование
- 11. Что мы создаем: Что нужно пользователю:
- 13. александр шатов Иными словами: Не заставляйте пользователя чрезмерно думать. Сканирование
- 14. Keep it simple, smart хорошая коммуникация стремится к ясности александр шатов https://weirdorconfusing.com/
- 16. александр шатов Процессы Разбивайте длинные процессы на экраны с меньшим количеством опций.
- 18. александр шатов 1. Подтвердить email 2. Залогиниться обратно. 3. Нажать “Создать Опрос” 4. Назвать опрос 5. Заполнить вопросами 6. Сохранить опрос 7. Скопировать код опроса 8. Залить на сайт Подтвердить email Залогиниться обратно. 1. Нажать “Создать Опрос” Назвать опрос 2. Заполнить вопросами Сохранить опрос Скопировать код опроса 3. Ready to go Link Процессы
- 19. александр шатов 75% покупок в интернете так и остаются в корзине • Скрытые налоги (shipping, tax, fees) • Принудительное создание аккаунта • Сложный процесс покупки • Способы оплаты • Нет доверия Процессы
- 21. александр шатов Закон Закон Хика Время для принятия решения, увеличивается с ростом количества и сложности вариантов.
- 22. александр шатов Внимание Внимание — ограниченный познавательный ресурс
- 24. александр шатов https://www.nngroup.com/articles/heatmap-visualizations-signifiers/ Хорошо: Так себе:
- 25. александр шатов https://www.nngroup.com/articles/heatmap-visualizations-signifiers/ Хорошо: Так себе:
- 27. александр шатов Закон Закон Миллера В среднем человек может держать в кратковременной памяти порядка 7 элементов.
- 29. Не говорите о важных вещах на сайте только раз. Повторы – это не плохо. Многие пользователи могут пропустить, если нужный материал не попадется им в поле зрения. Законалександр шатов
- 30. In 2010, 80% времени тратилось пользователем при просмотре первого блока. Сегодня, это 57%.
- 31. key business and user goals
- 33. Use appropriate font styling to attract attention to important content
- 35. Иерархия
- 37. советы
- 42. Airbnb после теста влияния качества фотографий Тестированиеалександр шатов
- 43. Spotify после теста шейров в соц.сетях Тестированиеалександр шатов
- 44. Это о тестах продукта, а как с лэндингами? Тестированиеалександр шатов
- 45. 5 second test: – о чем была эта страница? – Какой продукт или сервис эта компания рекламирует? – качество этой страницы от 1 до 5. Tool for it: UsabilityHub.com Тестированиеалександр шатов
- 47. Grand Test: – что тут предлагают? – как оно улучшит мою жизнь? – что мне нужно сделать, чтобы получить это? Тестированиеалександр шатов
- 48. HotJar.com / Crazy Eggалександр шатов
- 49. HotJar.com / Crazy Eggалександр шатов
- 50. Гипотезы – основа всех тестов и суждений. Тестированиеалександр шатов
- 52. александр шатов логотипы / social proof советы
- 53. 1. простой. 2. эффективный. 3. user-friendly. 4. результативный. 5. красивый. александр шатов сайты
- 60. или ощущения? александр шатов сайты
- 61. александр шатов
- 63. Treehouse + UpWork александр шатов коммуникация
- 65. выделяйтесь.
- 66. Но как выделяться, Когда никто не выделяется.
- 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) не вернуться обратно. Что делает первый опыт супер-супер важным.
- 74. • The Warmer Создайте доверие и покажите, что вы понимаете их проблемы. Challenger Saleалександр шатов
- 75. • The Reframe Свяжите все проблемы с возможностью, которую они раньше не рассматривали. Challenger Saleалександр шатов
- 76. • Rational Drowning Покажите пользователю цифры, чтобы он начал думать по другому. Challenger Saleалександр шатов
- 77. • Emotional Impact Затем свяжите связь между болью в вашей истории и болью, которую пользователи испытывают в своей компании. Challenger Saleалександр шатов
- 78. • A New Way Покажите новый путь – как они должны думать о работе и бизнесе. Challenger Saleалександр шатов
- 79. • Your Solution Наконец, покажите, что ваше решение лучшее среди остальных и как оно подходит этому новому пути. Challenger Saleалександр шатов
- 81. советыалександр шатов 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/ Анализ:
- 82. thãnk yøu for lįstening! Quēśtions? fb.com/alexwelbo instagram.com/thebemore ashatov@readdle.com