Есть изменения, которые вы замечаете сразу при первом входе, хотя в приложении не появилось ничего нового. Это как раз такое изменение. Строки в таблицах — события, услуги, посетители, шаблоны сообщений — до сих пор заканчивались рядом мелких иконок. Отныне на их месте одна кнопка с подписью: Действия.
Выглядит как косметика. На самом деле это исправление того, что больше всего мешало на телефоне, — и решение, которое заслуживает объяснения. Ведь иконки быстрее. Зачем же тогда шаг назад, в меню?
Что было не так с иконками
Иконка — это не слово. Карандаш и корзину ещё можно угадать. Но в списке событий рядом стояло целых шесть: скачать, календарь, поделиться, копировать, карандаш, корзина. Которая из них планирует даты, а которая делает копию события? Кто пользуется этим каждый день, запомнит. Кто раз в месяц — угадывает заново каждый раз, а ошибка с одной из этих иконок необратима.
Подсказка при наведении — это только для мыши. Текст, который появляется при наведении курсора, на сенсорном экране не появится никогда — пальцу негде «задержаться». На телефоне у вас был только силуэт значка и ничего больше. А у части иконок не было даже такой подсказки: «Редактировать» и «Удалить» в шаблонах сообщений были совсем без неё.
Они были маленькими, а опасное соседствовало прямо рядом. Кнопки были размером 28 пикселей, хотя рекомендованная зона касания — примерно 44. Корзина стояла вплотную к карандашу, того же размера и того же серого цвета.
А на телефоне они к тому же прятались за шириной таблицы. На узком экране таблица прокручивается в стороны, а столбец «Действия» был последним. Чтобы до него добраться, нужно было сначала прокрутить всю таблицу вправо — и при следующей строке снова.
Как это выглядит сейчас
В строке теперь одна кнопка Действия. Что произойдёт после клика, зависит от устройства:
- На компьютере раскрывается меню, где у каждого пункта есть иконка и слово — «Запланируйте ваше событие», «Поделиться», «Копировать», «Редактировать», «Удалить».
- На телефоне снизу выезжает панель на всю ширину экрана, со строками, удобными для пальца. В её шапке — название записи, с которой вы работаете: email посетителя, название события. При длинном списке похожих строк это важнее, чем кажется.
- Удаление и другие необратимые действия отделены линией и выделены красным. А не серые и прилепленные к «Редактировать».
- На телефоне столбец «Действия» стоит в начале строки — сразу после чекбокса, если он в таблице есть. То есть там, где вы видите его без прокрутки в сторону. На компьютере он остался справа, точно там же, где и был.
Почему одна кнопка, а не иконки
Иконки — это сокращение для того, что вы уже знаете. Они отлично работают, когда их мало и вы пользуетесь ими каждый день, — стрелка назад, крестик закрытия. А при шести действиях, половину из которых вам нужно раз в какое-то время, преимущество разворачивается в обратную сторону: вы экономите полсекунды на клике и платите за это секундами раздумий и случайным неверным нажатием.
Одна кнопка разбивает одно сложное решение («какая из этих шести картинок — та, что мне нужна?») на два простых: я хочу что-то сделать с этой строкой — а дальше я просто это прочитаю. Чтение медленнее, чем узнавание формы, зато никогда не ошибается.
За этим стоят и три более практические причины:
- Строка — это про данные. Имя, email, дата, вместимость — вот та информация, ради которой вы смотрите на список. Шесть иконок в конце каждой строки — это визуальный шум, который повторяется столько раз, сколько у вас строк.
- Везде одинаково. Переделаны 28 таблиц на 18 экранах — включая все семь на странице «Посетители». Вы учитесь этому один раз, и это работает во всём приложении.
- Это можно расширять. Новое действие — теперь просто новая строка в меню, а не ещё одна иконка, которая раздвигает таблицу ещё сильнее. Два действия, которые раньше требовали отдельного столбца — использование шаблона сообщения и редактирование заказа услуги, — благодаря этому сразу переехали в меню, а таблицы стали на столбец уже.
Цена за это — один лишний клик на компьютере. Мы знали об этом, когда принимали решение, и приняли эту цену: клик стоит полсекунды, а случайно нажатая корзина обходится значительно дороже.
Где вы это увидите
Так мы переделали все списки в приложении: события и услуги, все вкладки страницы «Посетители» (посетители, бронирования, заказы услуг, списки, чёрный список), предоплаченные планы и использование абонемента, шаблоны сообщений, формы и ответы на них, доступность, вебхуки и пользователей аккаунта.
Ничего не нужно включать или настраивать — изменение уже действует в приложении, причём сразу на всех 31 языках, на которых работает micali.online. Если в каком-то меню вам не хватает действия, которое вы там ожидали увидеть, напишите нам: список действий строки теперь собран в одном месте и меняется легко.
