Кнопка «На главную» на пустом экране
Хочу разобрать с вами вот такой пример с недавней рабочей встречи. Экран с актами, которые можно посмотреть, подписать, скачать и всё такое. Но пока актов ещё нет, дизайнер предлагает показывать кнопку «На главную»:
Я прошу убрать эту кнопку, но мне непросто это объяснить. Казалось бы, кнопка поставлена из лучших побуждений. Всё, что человеку тут нужно — прочитать и уйти. Логично и заботливо дать ему кнопку для этого в удобном месте. В конце концов, разве не я сам учу думать о пользователях?
Первая ассоциация, которая мне приходит в голову — кнопки «Наверх» внизу длинных веб-страниц плохих сайтов. Бороться с ними тоже всегда было очень тяжело. Дизайнеры, предлагающие их, уверены, что помогают пользователю, и все вокруг слушают их доводы и не готовы слышать никаких других. Ну как же можно бороться с очевидно полезной функцией!
Но у меня от такого дизайна ощущение, что мне «заботливо» протягивают костыль, хотя я не хромой.
Вред в том, что мы предлагаем исключение без повода, зачем-то внедряем кастомное решение при наличии системного. Это подрывает доверие, ломает предсказуемость, последовательность, единство. Пользователь нажмёт «На главную», а потом зайдёт в следующий экран, а там такого уже не будет. И вот он уже должен почему-то учиться на разных экранах по-разному выходить на главную, хотя до нашей кнопки у него не было для этого причин. Пользователь прокрутит страницу кнопкой «Наверх», а потом на соседнем сайте такой не будет. И вот он уже на сайтах должен проверять, нет ли там такой кнопки, вместо того, чтобы просто сразу перемотать стандартным способом не глядя. Мы просто ломаем настроенный автопилот.
Предусматривать что-то особенное полезно на ключевых экранах продукта, где человек проводит много времени. Но если так подходить к каждому левому экрану, интерфейс превращается в кашу. «Удобства» отдельных экранов не суммируются. Если у каждого дизайнера своя идея того, как проявить заботу, все экраны получаются разными, каждый со своей «находкой». Пользователю неудобно уже от необходимости вникать в этот разнобой.
Но всё равно, людям эти объяснения кажутся эзотерикой, а мысль «ну клёвая же идея» попадает сразу в сердечко. Вот и имеем что имеем.
Так а этот экран как должен выглядеть правильно? Что ещё надо сделать после удаления кнопки?
Больше ничего делать не нужно.
А как же empty state / zero state?
Пустая страница бесполезна, зря она так.
Надо сделать так, чтобы не было нужды на пустую страницу заходить — чтобы и так было понятно, что актов сейчас нет, это уже вопрос к дизайну других экранов. А если уж зачем-то зашли — ну, ладно
Если я регулярно посещаю сайт с длинными страницами, и мне лично удобно один раз нажать на кнопку «Наверх» вместо того, чтобы пять раз скроллить, то ради того, чтобы другим пользователям или мне на других сайтах не приходилось (возможно) проверять, есть ли там такая кнопка, вы бы лишили меня этой удобной удобной лично для меня функции, будь у вас такая возможность , власть и обстоятельства?
Я и сам на работе отстаиваю то, что отдельной кнопки «назад», к примеру, не нужно, вот в браузере уже есть кнопка «назад», и она отлично работает на всех сайтах, зачем ещё наша внутренняя, которая только у нас есть? Как пользователю решить, какой пользоваться? Или, когда меня просят сделать поиск по странице, я говорю, ну так Ctrl + F есть, он реально везде работает, ну и у нас тоже заработает. Ну может, нужно подсказать, что поиск есть по Ctrl + F, когда попытаются поискать.
И тут у меня закрадываются сомнения: раз так часто просят, может, эти кнопки уже и не работают, как надо? И так и оказывается. После широкого распространения, PWA-сайтов, эти кнопки сломались. Кажется, что ты перешёл в новое состояние сайта, на новую страницу, а кнопка назад не ведёт в предыдущее состояние. Ты пытаешься искать через Ctrl + F, но на многих сайтах ленивая загрузка, и всех данных ещё нет, они не отрисованы.
А кнопки «на главную» в интерфейсе вообще нет, её роль выполняет логотип, который тоже не всегда может вести на главную, мало ли чего дизайнер решил. Я даже слышал, что на главной логотип должен переставать работать, мол, мы же и так на главной. Так ведь я же хочу просто обновить страницу знакомым жестом, дай мне главную такой, какой она есть сейчас. Но это почему-то нужно сделать кнопкой обновить, хотя на других страницах получение актуальной главной так работает.
А история с кнопкой наверх вообще другая: я откуда-то знаю, что если я нажму Home на клавиатуре, то попаду наверх. Но этого не знает никто среди моих окружающих. Более того, я купил клавиатуру, которая мне подходит всем, кроме отсутствия кнопок Home, End, Page Up и Page Down. Мне пришлось что-то программировать на стрелочках для этих функций. А на телефоне и Home нет, и изменить поведение нельзя, только смахивай наверх 10 раз, но не смахни случайно одиннадцатый, ведь тогда страница обновится.
И тут мне представляется, что может и не плохо, если кнопка наверх появится на сайте, над которым я работаю, если я понимаю, что наверх часто прокручивают. А я напишу разработчикам браузеров и веб-стандартов о том, что мол, обратите внимание, нет единого способа попасть на главную или в начало страницы, а все придумывают одно и то же, поэтому, может, вам подумать над общей реализацией?
«Может и неплохая идея предлагать пользователям костыли, раз уж мы поломали им ноги?» — как бы спрашиваете вы.
Но а кто просил ломать-то?
Вот этот вот тупизм реально бесит. Можно понять ленивую загрузку тяжёлых картинок и видео, но уж текстовые данные даже в объёме большой книжки занимают всего лишь порядка сотни килобайт (в сжатом при передаче виде) и отрисовываются браузером по месту практически мгновенно.
пустая страница — шанс немножко подурковать. Попросить иллюстратори нарисовать зверушку закатывающую рукава мол щас начнем работать для новых аккаунтов и чиллюащую для тех кто обработаю все акты. К вопросы об экспрессив дизайн, который Илья не хочет понимать, нужна в жизни игривость...
Вместо кнопки назад должна быть «Создать новый акт»