Каталог провалов
Все показывают, что получилось. Границы метода видно только на том, что сломалось. Это список настоящих откатов на этом сайте — что поставил, чем это оказалось плохо и какой вывод остался. Каждый пункт взят из истории репозитория, не придуман.
Почему это вообще опубликовано: каталог провалов — доказательство метода сильнее каталога успехов. Если человек честно описывает, что сломал и как починил, ему можно верить в остальном.
сломалось · Поставил интерактивный «взрыв» лучей, который тянется за мышью — как у Stripe.
проявилось · На главной он читался как сырая игрушка: движение без функции, отвлекает от сути.
урок · Интерактив без задачи — это шум. Строгость сильнее вау. Снял вместе с курсор-пикселями.
сломалось · Вынес «Проще / Как есть / Глубже» прямо в верхнюю навигацию.
проявилось · На маркетинговой первой странице кнопка сбивала: непонятно, зачем она тут до входа.
урок · Место функции — там, где она нужна. Логику увёл в Карту нейросетей, из шапки убрал.
сломалось · Нарисовал единые SVG-диаграммы ко всем примерам и разборам.
проявилось · «Одни полоски» — новичку не понятнее, а мусорнее. Схема не затекала в голову сама.
урок · Если картинка не объясняет быстрее слов — она лишняя. Заменил чистой типографикой и контрастом «пользуюсь → на потоке».
сломалось · Повесил QR и реферальную ссылку на VPN прямо в контенте.
проявилось · Публичная реклама VPN — правовой риск, не туда.
урок · Оставил нейтральный факт, живую помощь увёл в личку. Осторожность важнее конверсии.
сломалось · В селекторе демо показывал будущие модели отдельными кнопками.
проявилось · Половина кнопок ничего не делает — раздражает и обещает то, чего нет.
урок · В интерфейсе только рабочее. «Скоро» — тихой строкой, не кликабельной кнопкой.
сломалось · Сделал чтение вслух через встроенный синтез речи браузера.
проявилось · Голос дешёвый и роботный — качество ниже планки сайта.
урок · Заменил на нормальный mp3 (Яндекс SpeechKit), плеер появляется, когда файл есть.
сломалось · Тарифы шли длинной вертикальной простынёй.
проявилось · Прокрутка бесконечная, сравнить пакеты трудно.
урок · Свернул в горизонтальную карусель в духе Selectel; «Система» стала компактной карточкой.
сломалось · Первую версию «показать, как это работает» собрал роликом.
проявилось · Видео — пассив: смотришь, а не трогаешь. Не доказывает, что оно живое.
урок · Заменил на пошаговый разбор с кнопками, а затем на настоящее живое демо.
сломалось · Главная уводила на языковой префикс, которого в архитектуре уже не было.
проявилось · Корень сайта отдавал не туда — битый первый экран.
урок · Убрал редирект. Прод трогает реальность иначе, чем локальная сборка — проверять на проде.
сломалось · Поле ввода демо с панелью кнопок снизу (подсказки + ⌘⏎ + «Показать ответ») читалось как клавиатура калькулятора.
проявилось · Первый заход был по форме, а не по сути — на это прямо указали.
урок · Переделал в поле живого ассистента: подсказки тихими пилюлями над полем, круглая кнопка отправки внутри, ответ разворачивается диалогом снизу.
сломалось · Страницы /en наследовали русскую навигацию, подвал и плавающий фидбэк из корневого лейаута.
проявилось · Английский посетитель видел русский интерфейс вокруг английского текста — тот самый пункт, что висел здесь открытым.
урок · Научил SiteNav / SiteFooter / BackBar понимать /en и показывать английский вариант; русские хелперы (Клавиши, Консоль, фидбэк) на EN спрятал.
Открытые провалы
Честность работает только в обе стороны. Это то, что пока не починено — и я это знаю.
Шапка, подвал и полоса «назад» на английских страницах теперь английские. Но командная консоль по нажатию ⌘K пока открывается на русском — глобальный компонент ещё не разведён по языку. Мелочь, но знаю; переведу отдельно.
Заповеди оператора
Каждый провал выше выжат до пары: чего не делать — и что делать вместо. Не советы из воздуха, а выводы, за которые уже заплачено ошибкой.
- 01Не ставь интерактив без функции.Каждый эффект должен работать на задачу — иначе это шум.
- 02Не суй функцию туда, где она мешает.Место функции — там, где она нужна, а не на виду.
- 03Не рисуй схему, которая не объясняет быстрее слов.Если картинка не ускоряет понимание — убери её.
- 04Не тащи в контент то, что несёт правовой риск.Осторожность важнее конверсии.
- 05Не показывай в интерфейсе то, чего ещё нет.В UI только рабочее; «скоро» — тихой строкой, не кнопкой.
- 06Не оставляй решение ниже планки продукта.Дешёвое решение — не всегда решение.
- 07Не заставляй листать простыню, чтобы сравнить.Трудно сравнить — сожми и покажи рядом.
- 08Не показывай видео там, где можно дать потрогать.Доказательство бьёт показ.
- 09Не верь, что «локально» равно «на проде».Критичное проверяй на проде.
- 10Не путай «поменял форму» с «решил по сути».Сначала суть, потом форма.
- 11Не оставляй чужой язык в интерфейсе.Интерфейс говорит на языке страницы.