Існують зміни, які ви помічаєте одразу під час першого входу, хоча в застосунку не з'явилося нічого нового. Ця зміна — саме така. Рядки в таблицях — події, послуги, відвідувачі, шаблони повідомлень — досі закінчувалися рядом дрібних іконок. Відтепер на їхньому місці одна кнопка з підписом: Дії.
Виглядає це як косметика. Насправді це виправлення того, що найбільше заважало на телефоні, — і рішення, яке заслуговує на пояснення. Адже іконки швидші. То чому ж крок назад до меню?
Що було не так з іконками
Іконка — це не слово. Олівець і кошик ще можна вгадати. Але в списку подій поруч стояло аж шість: завантажити, календар, поділитися, копіювати, олівець, кошик. Яка з них планує терміни, а яка створює копію події? Хто користується цим щодня, запам'ятає. Хто раз на місяць — вгадує щоразу заново, а помилка з однією з цих іконок непоправна.
Спливаюча підказка — лише для миші. Текст, який з'являється при наведенні курсора, на сенсорному екрані не з'явиться ніколи — пальцю немає де «зупинитися». На телефоні у вас був лише силует піктограми і нічого більше. А частина іконок не мала навіть цієї підказки: «Редагувати» і «Видалити» у шаблонах повідомлень були зовсім без неї.
Вони були маленькими, а небезпечне стояло поруч. Кнопки мали 28 пікселів, хоча рекомендований розмір дотику — приблизно 44. Кошик стояв упритул до олівця, того самого розміру й того самого сірого кольору.
А на телефоні вони до того ж ховалися за шириною таблиці. На вузькому екрані таблиця прокручується вбік, а стовпець «Дії» був останнім. Щоб дістатися до нього, потрібно було спочатку прокрутити всю таблицю вправо — і при наступному рядку знову.
Як це виглядає тепер
У рядку тепер одна кнопка Дії. Що станеться після кліку, залежить від пристрою:
- На комп'ютері розгортається меню, де кожен пункт має іконку і слово — «Запланувати подію», «Поділитися», «Копіювати», «Редагувати», «Видалити».
- На телефоні знизу виїжджає панель на всю ширину екрана, з рядками, зручними для пальця. У її шапці — назва запису, з яким ви працюєте: email відвідувача, назва події. У довгому списку схожих рядків це важливіше, ніж здається.
- Видалення та інші незворотні дії відокремлені лінією і виділені червоним. А не сірі та приліплені до «Редагувати».
- На телефоні стовпець «Дії» стоїть на початку рядка — одразу за прапорцем, якщо він у таблиці є. Тобто там, де ви бачите його без прокручування вбік. На комп'ютері він лишився праворуч, точно там само, де й був.
Чому одна кнопка, а не іконки
Іконки — це скорочення для того, що ви вже знаєте. Вони чудово працюють, коли їх мало і ви користуєтеся ними щодня, — стрілка назад, хрестик закриття. А при шести діях, половина з яких потрібна раз на якийсь час, перевага обертається на протилежну: ви економите півсекунди на кліку і платите за це секундами роздумів та випадковим невдалим натисканням.
Одна кнопка розбиває одне складне рішення («яка з цих шести картинок — саме та, що мені потрібна?») на два прості: я хочу щось зробити з цим рядком — а далі просто прочитаю. Читання повільніше за впізнавання форми, зате ніколи не помиляється.
За цим стоять і три більш практичні причини:
- Рядок — це про дані. Ім'я, email, дата, місткість — саме ця інформація і є причиною, чому ви дивитеся на список. Шість іконок наприкінці кожного рядка — це візуальний шум, який повторюється стільки разів, скільки у вас рядків.
- Всюди однаково. Перероблено 28 таблиць на 18 екранах — включно з усіма сімома на сторінці «Відвідувачі». Ви вчитеся цьому один раз, і це діє в усьому застосунку.
- Це можна розширювати. Нова дія — тепер просто новий рядок у меню, а не ще одна іконка, яка ще більше розсуває таблицю вбік. Дві дії, які раніше вимагали окремого стовпця — використання шаблону повідомлення й редагування замовлення послуги, — завдяки цьому одразу переїхали в меню, а таблиці стали на стовпець вужчими.
Ціна за це — один зайвий клік на комп'ютері. Ми знали про неї, коли ухвалювали рішення, і прийняли її: клік коштує півсекунди, а випадково натиснутий кошик коштує суттєво більше.
Де ви це побачите
Так ми переробили всі списки в застосунку: події та послуги, всі вкладки сторінки «Відвідувачі» (відвідувачі, бронювання, замовлення послуг, списки, чорний список), передплачені плани та використання членства, шаблони повідомлень, форми та відповіді на них, доступність, Webhook-и й користувачів облікового запису.
Нічого не потрібно вмикати чи налаштовувати — зміна вже діє в застосунку, і одразу всіма 31 мовами, якими працює micali.online. Якщо в якомусь меню вам бракує дії, яку ви там очікували побачити, напишіть нам: список дій рядка тепер зібраний в одному місці і змінюється просто.
