← Назад на сите статии

Зошто иконите во табелите пречеа — и што направивме во micali.online

#UX дизајн #Мобилна апликација #Ажурирање на производот #Кориснички интерфејс #Табели и податоци #Екрани на допир
Зошто иконите во табелите пречеа — и што направивме во micali.online

Постојат промени што ги забележувате уште при следната најава, иако во апликацијата не пристигна ништо ново. Оваа е токму таква. Редовите во табелите — настани, услуги, посетители, шаблони за пораки — досега завршуваа со низа мали икони. Отсега на нивно место стои едно копче со опис: Дејства.

Изгледа како козметика. Всушност станува збор за поправка на она што највеќе пречеше на телефон — и одлука што заслужува објаснување. Иконите сепак се побрзи. Зошто тогаш чекор назад, во мени?

Што беше лошо со иконите

Иконата не е збор. Моливот и корпата за отпадоци можат да се погодат. Но во списокот на настани стоеја шест едни до други: извоз, календар, споделување, копирање, молив, корпа за отпадоци. Која од нив закажува термини, а која прави копија на настанот? Кој го користи тоа секојдневно, ќе го запамети. Кој еднаш месечно, погодува секојпат одново — а кај една од тие икони грешката е неповратна.

Балончето со опис е само за глушец. Описот што се појавува кога курсорот ќе го задржите над иконата, на екран на допир никогаш не се прикажува — прстот нема каде да „застане". На телефон, значи, имавте на располагање само форма на пиктограм и ништо друго. А дел од иконите немаа ни тој опис: уредувањето и бришењето кај шаблоните за пораки беа целосно без него.

Беа мали, а опасното стоеше веднаш до нив. Копчињата имаа 28 пиксели, иако препорачаната допирна цел е околу 44. Корпата за отпадоци седеше веднаш до моливот, во иста големина и во иста сива боја.

На телефон, дополнително, беа скриени зад ширината на табелата. Табелата на тесен екран се лизга настрана, а колоната со дејства беше последна. За да стигнете до неа, прво требаше да ја лизнете целата табела надесно — а кај следниот ред повторно.

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

Како изгледа тоа сега

Во редот стои едно копче Дејства. Што се случува по кликот, зависи од уредот:

  • На компјутер се отвора мени во кое секоја ставка има икона и збор — Распоредете го вашиот настан, Сподели, Копирај, Уреди, Избриши.
  • На телефон одоздола излегува панел преку целата ширина на екранот, со редови доволно големи за прст. Во неговото заглавие стои насловот на записот со кој работите — е-пошта на посетителот, име на настанот. Кај долг список слични редови тоа е поважно отколку што звучи.
  • Бришењето и другите неповратни дејства се одвоени со линија и се црвени. Не сиви и залепени за Уреди.
  • На телефон колоната со дејства е на почетокот на редот — веднаш зад полето за штиклирање, ако табелата го има. Значи таму каде што ја гледате без лизгање настрана. На компјутер остана десно, токму таму каде што беше досега.
Мени Дејства на компјутер
Мени Дејства на компјутер
На телефон панелот излегува одоздола, а колоната Дејства е прва
На телефон панелот излегува одоздола, а колоната Дејства е прва

Зошто едно копче, а не икони

Иконите се кратенка за она што веќе го знаете. Одлично функционираат кога ги има малку и ги користите секојдневно — стрелка назад, крстче за затворање. Кај шест дејства, од кои половина ви требаат само од време на време, предноста се превртува: заштедувате половина секунда на клик, а плаќате со секунди размислување и повремен погрешен клик.

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

Зад тоа стојат и три попрактични причини:

  • Редот е за податоци. Име, е-пошта, датум, капацитет — тоа е информацијата поради која го гледате списокот. Шесте икони на крајот од секој ред се визуелна бучава што се повторува онолку пати колку што имате редови.
  • Секаде исто. Преработени се 28 табели на 18 екрани — вклучувајќи ги сите седум на страницата Посетители. Го учите тоа еднаш и важи низ целата апликација.
  • Може да се проширува. Новото дејство отсега е нов ред во менито, а не уште една икона што ја турка табелата уште повеќе настрана. Двете дејства што претходно бараа своја колона — користење шаблон за порака и уредување нарачка за услуга — со ова директно се преселија во менито, па табелите се стеснија за една колона.

Цената за тоа е еден клик повеќе на компјутер. Знаевме за неа кога одлучувавме, и ја прифативме: кликот чини половина секунда, а погрешно притиснатата корпа за отпадоци чини значително повеќе.

Каде ќе го видите тоа

Вака ги преработивме сите списоци во апликацијата: настани и услуги, сите картички на страницата Посетители (посетители, резервации, нарачки за услуги, листи, црна листа), препејд планови и нивното искористување на членството, шаблони за пораки, формулари и нивните одговори, достапност на услуги, вебхукови и корисници на сметката.

Не треба ништо да вклучувате ниту да поставувате — промената е во апликацијата веќе сега, и тоа на сите 31 јазици на кои работи micali.online. Ако во некое мени ви недостасува дејство што би го очекувале таму, пишете ни: списокот со дејства на редот сега е на едно место и лесно се менува.

Пробајте micali.online