Когда-то давно, на заре лендингов, дизайнеры соревновались, кто поместит больше смысла в первый экран. И случилось великое перенапряжение: тексты мельчали, кнопки терялись, а главная цель ускользала, как тень.
Лапкинс наблюдал за этим с вершины уютного макета. Он видел, как пользователь, не дождавшись подсказки, покидал страницу. И сказал:
«Не око радуется first screen’у, но палец ищет scroll-to-action.
Спрячешь цель — сам себя закопаешь в bounce rate».
Так родилась Заповедь 13 UX-дизайна — чтобы дизайнер знал:
📜 Первый экран — не картина, а направление. Не заставляй гадать, что делать дальше.
🐟 Книга Интерфейсная, Глава 10, Стих 13, Заповедь 13 UX-дизайна
И на тринадцатый день проектирования воззвал Господь Дизайна к ученикам Своим:
— Ибо не око радуется first screen’у, но палец ищет scroll-to-action. Спрячешь цель — сам себя закопаешь в bounce rate.
Ибо был один дизайнер, что украсил первый экран, как пиршественный зал. Он вложил в него все силы, все тени, все фото в высоком разрешении. Но забыл он одну малую вещь — действие. И ждал он кликов, как дождя в пустыне. Но bounce rate возрос до небес.
И сказал Господь:
— Зачем ты ставишь корону на первый экран, если трон скрыт в подвале? Разве не ясно тебе, что пользователь ищет смысл, а не только картинку? Дай ему путь — и он пойдёт. Спрячь — и он уйдёт.
И послал Он заповедь:
— Пусть первый экран несёт смысл, а не просто «вау».
— Дай пальцу место, куда нажать, и цель — куда двигаться.
— Не прячь CTA, будто ты боишься его. Покажи путь — сразу, ясно, уверенно.
И когда вняли творцы словам сии, ожил first screen их. Палец не метался в поисках, а точно находил действие. А bounce rate пал, как Вавилонская башня.
Аминь, UX-аминь.
📜 Перевод с древнего. Заповедь 13 UX-дизайна
Не first screen украшает интерфейс, но то, что делает пользователь после него. Спрячешь цель — пользователь уйдёт. Сделаешь скролл непонятным — пиши пропало.
Заповедь 13 UX-дизайна: Не first screen’ом единым жив интерфейс. Дай действие — и увидишь результат.
Ты можешь нарисовать самый красивый above-the-fold, но если пользователь не понимает, что дальше — он просто закроет вкладку.
🐾 Совет от Лапкинса
«Хочешь, чтобы человек прокрутил дальше? Дай ему повод. Не надейся, что картинка с котом всё решит. Даже я не скроллю без мотивации. А я кот, мне вообще можно всё.»
🐾 Мурлык от Лапкинса. Заповедь 13 UX-дизайна
Не око радуется first screen’у, но палец ищет scroll-to-action. Поверь, даже самый симпатичный экран без внятного CTA — просто обои. Пусть пользователь не спрашивает себя «И что дальше?», а видит ответ мгновенно.
🐟 «Однажды я спрятал кнопку “Заказать” под 4 экранами текста. Никто её не нашёл. Никто ничего не заказал. С тех пор я всегда даю пальцу точку опоры.»
🐾 Мудрость от Лапкинса
«CTA должен быть как мышь на полу — виден сразу и вызывает интерес. А не как мышь за диваном — формально есть, но никто её не найдёт.»
Запомни, добрый дизайнер:
Если пользователь не видит, что делать — он не будет догадываться.
Интерфейс не должен строиться на надежде. Он строится на ясности.
🐟И не забудь: scroll-to-action — это не “потом”, это “сейчас”.
Палец хочет знать, куда идти. Дай ему путь — и он поведёт пользователя за собой.
Мораль: Первый экран — это обложка. Но книга без последней страницы — издевательство.
🪄 Заклинание Прозрачного Пути
«Пусть кнопка светится внизу,
Зови её без колдовства.
Не прячь ты действия во мгле —
Покажи путь даже во сне!
Скролл — не квест, не лабиринт,
Не делай first screen как витрин.
Пусть ясно будет с первых строк —
Куда вести, зачем, и впрок.»
🐾 А если хочешь посмотреть на всё глазами самого скролла — загляни в
🌀Эпизод 6 Скролл, который сбился с пути
. Грусть, ирония и немного волшебства.
🌈 Волшебные теги:
📜Заповедь 11 UX-дизайна
🤖Клиент хочет внедрить AI
🧠3D-дизайн по-человечески
