Как вы, возможно, слышали, «Аэрофлот» собирался сделать редизайн своего сайта, а потом рассобирался, сообщив, что не видит в этом необходимости:

Разница в голосах пассажиров между действующим дизайном и дизайном одного из новых вариантов оказалась незначительной — на уровне статистической погрешности (43 голоса или 0,6%). Принимая во внимание, что исследование не выявило явного лидера, а процесс обновления сайта дорогостоящий, «Аэрофлот» не видит необходимости в срочной смене текущего дизайна.

Они провели опрос, где показали пассажирам несколько вариантов говнодизайна, ни один не вызвал восторга аудитории, и они чудесным образом сделали вывод, что сейчас нормально. Это показывает не только то, что нужно делать один вариант дизайна прямыми руками, а не несколько кривыми, но и то, что проводить опросы — последнее дело.

Но я вас собрал не за этим. Я хочу вам показать, как устроена регистрация на рейс «Аэрофлота» на существующем сайте, а потом признаться «Аэрофлоту» в любви.

Когда открывается регистрация, приходит письмо:

Здесь уродлива каждая деталь. Зачем-то мне показывают какой-то технический «код бронирования», который меня совершенно не волнует. Единственное, что мне нужно от этого письма — понять, о каком рейсе речь, и нажать кнопку «Зарегистрироваться». Как видите, в письме нет в явном виде ни того, ни другого. Чтобы найти, когда и куда я лечу, нужно внимательно прочитать гору текста. А кнопки «Зарегистрироваться» вообще нет. Зато есть десяток ссылок.

См. Принцип одной ссылки.

Глаз выхватывает «Онлайн регистрацию» (безграмотно написанную без дефиса). Переходим по ней и попадаем сюда:

Добро пожаловать на сайт «Аэрофлота», улучшение дизайна которого «Аэрофлот» (со ссылкой на пассажиров) считает нецелесообразным! Тут простыня текста, начинающаяся с заголовка «Преимущества Онлайн-регистрации» (на этот раз с дефисом, но зато с какого-то перепугу с большой буквы). Как будто мне нужно эту онлайн-регистрацию продавать сейчас, когда я и так пошёл за ней уже сам. Здесь есть и пример посадочного талона в виде ПДФ, с ума сойти.

Но эта страница прокручивается, тут целая гора мусора:

Снова куча ссылок. Наверное, автор представляет себе, что большинство пассажиров по ним всем ходят, внимательно всё читают. Да и как не ознакомиться с правилами поведения пассажира на борту, отправлясь в полёт?

В конце — чекбокс с подписью, безграмотно сформулированной в повелительном наклонении (правильно — от первого лица пользователя: «Я ознакомился...»).

После нажатия на кнопку попадаем сюда:

Зацените адрес страницы. «Аэрофлот» не может сделать, чтобы регистрация происходила на их собственном домене, отправляет на какой-то левый сайт с поразительным названием «Саблезвуковая паутина». Тут надо указать код бронирования и фамилию. А ничего, что вы уже знаете это всё про меня, ведь вы только что мне прислали письмо, где всё это есть? Почему при переходе по ссылке из письма это всё не ввелось само? Как вообще возможна настолько безрукая разработка?

(Позже я узна́ю, что если нажимать в письме на ссылку «страницу онлайн регистрации» — безграмотно написанную без дефиса — то сразу попадаешь на следующий шаг.)

Первое поле уже подсветилось красным, хотя я ничего сделать не успел. Можно перейти в следующее поле, и оно тоже станет красным.

См. Дизайн веб-форм: в какой момент выводить ошибки.

Ввожу код регистрации (возвращаюсь в письмо, чтобы его посмотреть). Потом ввожу фамилию:

Что значит «неверный формат»? А какой формат верный? Это блин моя фамилия, что тебе надо, тупой сайт!? Оказывается, надо написать фамилию латиницей. Почему не написать это, почему я должен гадать?

Следующий слайд, пожалуйста.

Теперь мне предлагают ознакомиться с опасными веществами. Как думаете, решает ли страница задачу «рассказать людям о том, что нельзя брать в самолёт»? Интересно было бы посмотреть статистику, сколько секунд люди проводят на этом экране.

Следующий слайд:

(Ой, вёрстка поехала.)

Тут есть кнопки «Регистрация» и «Выберите место» (правильно: «Зарегистрироваться» и «Выбрать место»). Но они не работают. Видимо, потому что не стоит чекбокс напротив моего имени сверху? А он не ставится, потому что ниже написано «Введите информацию». Но какую информацию? Куда ввести?

Опытный пассажир уже знает, что интерфейс «Аэрофлота» шизофреничен: если что-то написано в повелительном наклонении, то туда иногда можно нажать. Просто представьте, если бы у вас в Ворде вместо «Сохранить» было бы написано «Сохраните». То есть это компьютер тебе как бы говорит, что сделать, но при этом это ты туда жмёшь, чтобы дать компьютеру команду, как бы говоря «Введите, уважаемый компьютер, информацию».

См. Синтаксис элементов интерфейса.

Жмём, открывается окно:

Тут мне надо выбрать, мужчина я или женщина (или бесполый ребёнок), при том, что «Аэрофлот» это знает про меня: я это указывал, когда покупал билеты, а также когда регистрировался на рейс предыдущие сто раз. Заодно обратите внимание на то, насколько чудовищно уродская кнопка про ребёнка. Я уж молчу, что всё написано заглавными буквами.

Выбрать пол недостаточно, окно не пропадёт:

Нужно ещё «Сохранить» (странно, что не написали «Сохраните»). А можно отменить! Ну, вдруг я передумал сообщать «Аэрофлоту» информацию о своём поле?

Но это мне ещё повезло. Иногда в этом окне заставляют ввести полные паспортные данные — все из которых «Аэрофлот» тоже знает и так!

Сохраняю:

Божечки, я готов к регистрации! К десятой картинке достиг готовности! Наконец-то можно перейти к регистрации, ура. Даже можно простить вылезшие непойми откуда синие полосы.

Жму в зелёное «Готов к регистрации», но оно не нажимается. Это уже не кнопка! Хотя красное «Введите информацию», расположенное в том же месте, было кнопкой. Тогда жму «Выберите, дорогой сайт, место»:

Ёлки. Это ещё что? Я уже нажал, зачем мне это показывают? Ну а потому что надо же где-то написать «Для Вашего удобства Вы». Самое время рассказать мне о пользе выбора места, когда я уже сам выразил желание его выбрать.

Снова жму «Выберите, дорогой сайт, место». Попадаю в окно прогресса:

Какой-то дизайнер решил, что надо сделать такое окно, а программист не стал возражать. И пофиг, что у этого процесса в принципе нет понятия процентов завершения и после 0% сразу загорается 100%, пусть будет крутилка.

У крутилки перхоть:

И вот, торжественный момент! На тринадцатом шаге мы видим салон самолёта:

(Ну я не знаю. Тут плохо вообще просто решительно всё, каждый экран нарисован жопой, весь текст тоже написан жопой, и всё запрограммировано жопой.)

Но я отвлёкся. Видите, написано «Нет сиденья назначен»? И я вижу.

Всё же, стоит отметить и положительную сторону. Этот экран пережил редизайн. Раньше тут вместо кнопки «Вернуться» тоже была шизофреническая аэрокнопка «Вернитесь, уважаемый веб-сайт, к началу регистрации». У меня, конечно, скриншот сохранён:

Я уж не знаю, кто и при каких обстоятельствах решил именно эту кнопку исправить и назвать нормально глаголом в начальной форме, но вот какое-то минутное просветление у разработчиков когда-то случилось. Другое дело, что «Вернуться» — это всё равно бред. Нафига мне возвращаться? Я-то дальше хочу.

(И зачем-то влепили буквы «Х» на занятых креслах, которых, видите, в старой версии не было.)

Ясен пень после того, как ткнёшь в место, нельзя сразу перейти к следующему шагу. Во-первых, нужно место сохранить:

Во-вторых, нажать «Вернуться»:

Почему я выбрал именно место 11F? См. Выбор мест в самолёте.

В-третьих — убедившись, что я выбрал место(-а) — нажать на «Регистрацию»:

Теперь ЭВМ может спокойно всё обдумать:

(Я фиг знаю, что за говно про варианты полёта снизу вылезло.)

И вот, я зарегистрирован:

Теперь осталась самая малость. Нужно отправить себе посадочный по почте. Разумеется, «Аэрофлот» не может просто молча сделать это сам, нужно меня измучить этим обязательно. Снизу есть две кнопки: «Посадочный талон по email» и «Печать посадочного талона» (эти кнопки отчего-то в именительном падеже).

Но что же скрывается за кнопкой «Посадочный талон» со стрелкой вниз? Любопытно!

Смотрите, это же «Печать посадочного талона» и «Посадочный талон по email»! Ну как, как? Почему? Зачем?

Жму «Посадочный талон по email», но хрен мне! «Аэрофлот» говорит:

«Аэрофлот», родной, ну ты знаешь мой адрес электронной почты. Очнись! Ты же только что прислал мне на него письмо, с которого всё это началось! Помнишь? Ну вспоминай! Нет?..

Пишу почту:

И вы видите, что происходит? Эта дура за каким-то хреном пишет заглавными буквами. То есть просто представьте. Само так делаться не будет. Значит какой-то программист сидел и писал скрипт, который превращает все нормальные буквы в адресах электронной почты в заглавные.

— Ты ещё не домой?
— У меня важный таск остался. Нужно сделать, чтобы адреса электронной почты пассажиров набирались заглавными буквами.

Как живётся этому человеку? Почему он писал этот код? Как он сам себе объяснял свои действия?

Короче, дописываю, жму «Отправить». И получаю:

Имеющийся, мать его, в наличии посадочный талон (-ы) отправлен.

* * *

Пользуясь случаем отмечу, что всегда, когда есть возможность лететь «Аэрофлотом», я выберу «Аэрофлот» — кроме шуток. Дело в том, что у «Аэрофлота» адок только в веб-отделе, а всё остальное у них совершенно прекрасно.

Последние несколько лет я летаю «Аэрофлотом» пару десятков раз в год, и я не помню ни одной заметной задержки рейса. У «Аэрофлота» всегда есть место для ног в эконом-классе. «Аэрофлот» всегда выдаёт мне плед сразу, как я захожу в самолёт. Проводники «Аэрофлота» всегда доброжелательны. Для сравнения, тупейшая авиакомпания «Эс-семь» ставит кресла впритык друг к другу, пытается взять деньги за выбор из этих говёных мест, а плед выдаёт только после взлёта (при этом сами пледы у них говно). Я уж молчу, что «Эс-семь» летает в худший в мире аэропорт Домодедово.

Дорогой «Аэрофлот»! Ты такой клёвый! Давай сделаем тебе нормальную регистрацию?