← Обратно към всички статии

Защо шестте иконки в края на реда изчезнаха — и какво зае мястото им в micali.online

#UX #Мобилно приложение #Таблици #Достъпност #Продуктови новини #Потребителски интерфейс
Защо шестте иконки в края на реда изчезнаха — и какво зае мястото им в micali.online

Има промени, които ще забележите веднага при първото влизане, въпреки че в приложението не се е появило нищо ново. Тази е точно такава. Редовете в таблиците — събития, услуги, посетители, шаблони за съобщения — досега завършваха с редица малки иконки. Оттук нататък на тяхно място има един бутон с надпис: Действия.

Изглежда като козметика. Всъщност това е поправка на нещо, което най-много пречеше на телефона — и решение, което заслужава обяснение. Все пак иконките са по-бързи. Защо тогава крачка назад към меню?

Какво не бе наред с иконките

Иконката не е дума. Молив и кошче се познават лесно. Но в списъка със събития стояха шест една до друга: изтегляне, календар, споделяне, копиране, молив, кошче. Коя от тях планира термини и коя прави копие на събитието? Който я използва всеки ден, я запомня. Който веднъж месечно — гадае наново всеки път, а при една от тези иконки грешката е необратима.

Балончето с обяснение е само за мишка. Надписът, който се показва при задържане на курсора, на сензорен екран не се показва никога — пръстът няма къде да „спре". На телефон затова разполагахте само с формата на пиктограмата и нищо друго. А част от иконките нямаха дори и този надпис: редактирането и изтриването при шаблоните за съобщения бяха напълно без него.

Бяха малки, а опасната стоеше точно до тях. Бутоните бяха 28 пиксела, макар препоръчителната сензорна цел да е около 44. Кошчето седеше плътно до молива, в същия размер и в същия сив цвят.

На телефон освен това бяха скрити зад ширината на таблицата. На тесен екран таблицата се превърта настрани, а колоната с действия беше последна. За да стигнете до нея, трябваше първо да превъртите цялата таблица надясно — и на следващия ред отново.

Редът на таблицата преди и сега
Редът на таблицата преди и сега

Как изглежда сега

На реда има един бутон Действия. Какво се случва след кликване зависи от устройството:

  • На компютър се разгъва меню, в което всеки елемент има и иконка, и дума — Насрочете Вашето събитие, Сподели, Копирай, Редактирай, Изтрий.
  • На телефон отдолу излиза панел на цялата ширина на екрана, с редове с размер на пръст. В неговото заглавие стои името на записа, с който работите — имейлът на посетителя, името на събитието. При дълъг списък с подобни редове това е по-важно, отколкото звучи.
  • Изтриването и другите необратими действия са отделени с линия и оцветени в червено. Не сиви и залепени за Редактирай.
  • На телефон колоната с действия е в началото на реда — веднага след квадратчето за отметка, ако таблицата има такова. Тоест там, където я виждате без превъртане настрани. На компютър остана вдясно, точно там, където беше досега.
Меню Действия на компютър
Меню Действия на компютър
На телефон панелът излиза отдолу, а колоната Действия е първа
На телефон панелът излиза отдолу, а колоната Действия е първа

Защо един бутон, а не иконки

Иконките са съкращение за нещо, което вече знаете. Работят отлично, когато са малко на брой и ги използвате всеки ден — стрелка назад, кръстче за затваряне. При шест действия, половината от които са ви нужни веднъж на известно време, предимството се обръща: спестявате половин секунда при кликването и плащате за това със секунди мислене и от време на време — грешен клик.

Един бутон разделя едно трудно решение („коя от тези шест картинки е моята?") на две лесни: искам да направя нещо с този ред — а после просто го прочитам. Четенето е по-бавно от разпознаването на форма, но никога не греши.

Зад това стоят и три по-практични причини:

  • Редът е за данните. Име, имейл, дата, капацитет — това е информацията, заради която гледате списъка. Шест иконки в края на всеки ред са визуален шум, който се повтаря толкова пъти, колкото реда имате.
  • Навсякъде еднакво. Преработени са 28 таблици на 18 екрана — включително всичките седем на страница Посетители. Научавате го веднъж и то важи в цялото приложение.
  • Може да се разширява. Ново действие оттук нататък е нов ред в менюто, а не поредна иконка, която бута таблицата още повече настрани. Две действия, които преди изискваха собствена колона — използване на шаблон за съобщение и редактиране на поръчка за услуга — по този начин направо се преместиха в менюто, а таблиците се стесниха с една колона.

Цената за това е един клик повече на компютър. Знаехме за нея, когато решавахме, и я приехме: кликването струва половин секунда, а погрешно натиснатото кошче струва значително повече.

Къде ще го видите

По този начин преработихме абсолютно всички списъци в приложението: събития и услуги, всички раздели на страница Посетители (посетители, резервации, поръчки за услуги, списъци, blacklist), предплатени планове и Използване на членството, шаблони за съобщения, формуляри и техните отговори, наличност на услуги, уебхукове и потребители на акаунта.

Не е нужно нищо да включвате или настройвате — промяната вече е в приложението, и то на всичките 31 езика, на които работи micali.online. Ако в някое меню ви липсва действие, което сте очаквали да намерите там, пишете ни: списъкът с действия на реда вече е на едно място и се променя лесно.

Изпробвайте micali.online