← Natrag na sve članke

Zašto su ikonice u tablicama smetale — i što smo napravili u micali.online

#UX dizajn #Mobilna aplikacija #Ažuriranje proizvoda #Korisničko sučelje #Tablice i podaci #Dodirni zasloni
Zašto su ikonice u tablicama smetale — i što smo napravili u micali.online

Postoje promjene koje primijetite već kod sljedeće prijave, iako u aplikaciji nije stiglo ništa novo. Ova je upravo takva. Retci u tablicama — događaji, usluge, posjetitelji, predlošci poruka — dosad su na kraju imali niz sitnih ikonica. Od sada je na njihovu mjestu jedan gumb s opisom: Radnje.

Djeluje kao kozmetika. Zapravo je riječ o popravku onoga što je najviše smetalo na mobitelu — i odluci koja zaslužuje objašnjenje. Ikonice su ipak brže. Zašto onda korak unatrag, u izbornik?

Što je bilo loše s ikonicama

Ikonica nije riječ. Olovka i kanta za smeće daju se pogoditi. No na popisu događaja stajalo ih je šest jedna do druge: izvoz, kalendar, dijeljenje, kopiranje, olovka, kanta za smeće. Koja od njih zakazuje termine, a koja izrađuje kopiju događaja? Tko to koristi svaki dan, zapamtit će. Tko jednom mjesečno, pogađa iznova svaki put — a kod jedne od tih ikonica pogreška je nepovratna.

Oblačić s opisom postoji samo za miš. Opis koji se pojavi kad kursor zadržite iznad ikonice na dodirnom se zaslonu ne prikaže nikad — prst nema gdje „zastati". Na mobitelu ste dakle imali na raspolaganju samo oblik piktograma i ništa drugo. A dio ikonica nije imao ni taj opis: uređivanje i brisanje u predlošcima poruka bili su bez njega u potpunosti.

Bile su male, a ono opasno stajalo je odmah pored. Gumbi su imali 28 piksela, iako je preporučena dodirna meta otprilike 44. Kanta za smeće sjedila je tik uz olovku, iste veličine i iste sive boje.

Na mobitelu su, povrh svega, bile skrivene iza širine tablice. Tablica se na uskom zaslonu pomiče u stranu, a stupac s radnjama bio je posljednji. Da biste do njega došli, morali ste najprije cijelu tablicu odskrolati udesno — a kod sljedećeg retka opet iznova.

Redak tablice prije i sada
Redak tablice prije i sada

Kako to izgleda sada

Na retku je jedan gumb Radnje. Što se dogodi nakon klika, ovisi o uređaju:

  • Na računalu se otvori izbornik u kojem svaka stavka ima ikonicu i riječ — Zakažite svoj događaj, Podijeli, Kopiraj, Uredi, Izbriši.
  • Na mobitelu odozdo izlazi panel preko cijele širine zaslona, s retcima dovoljno velikima za prst. U njegovu je zaglavlju naziv zapisa s kojim radite — email posjetitelja, naziv događaja. Kod dugog popisa sličnih redaka to je važnije nego što zvuči.
  • Brisanje i druge nepovratne radnje odvojene su crtom i crvene boje. Ne sive i zalijepljene uz Uredi.
  • Na mobitelu je stupac s radnjama na početku retka — odmah iza kućice za označavanje, ako je tablica ima. Dakle ondje gdje ga vidite bez pomicanja u stranu. Na računalu je ostao desno, točno ondje gdje je bio dosad.
Izbornik Radnje na računalu
Izbornik Radnje na računalu
Na mobitelu panel izlazi odozdo, a stupac Radnje je prvi
Na mobitelu panel izlazi odozdo, a stupac Radnje je prvi

Zašto jedan gumb, a ne ikonice

Ikonice su prečac za ono što već znate. Odlično funkcioniraju kad ih je malo i kad ih koristite svaki dan — strelica natrag, križić za zatvaranje. Kod šest radnji, od kojih polovicu trebate tek povremeno, prednost se okreće: uštedite pola sekunde na kliku, a plaćate to sekundama razmišljanja i povremenim pogrešnim klikom.

Jedan gumb jednu tešku odluku („koja je od tih šest sličica moja?") dijeli na dvije lake: želim nešto učiniti s ovim retkom — a onda to pročitam. Čitanje je sporije od prepoznavanja oblika, ali se nikad ne vara.

Iza toga stoje i tri praktičnija razloga:

  • Redak govori o podacima. Ime, email, datum, kapacitet — to je informacija zbog koje gledate popis. Šest ikonica na kraju svakog retka vizualna je buka koja se ponavlja onoliko puta koliko imate redaka.
  • Svugdje jednako. Prerađeno je 28 tablica na 18 zaslona — uključujući svih sedam na stranici Posjetitelji. Naučite to jednom i vrijedi u cijeloj aplikaciji.
  • Može se širiti. Nova je radnja odsad novi redak u izborniku, a ne još jedna ikonica koja tablicu gura još više u stranu. Dvije radnje koje su prije tražile vlastiti stupac — korištenje predloška poruke i uređivanje narudžbe usluge — time su se izravno preselile u izbornik, pa su se tablice sužile za stupac.

Cijena za to jedan je klik više na računalu. Znali smo za nju kad smo odlučivali i prihvatili smo je: klik stoji pola sekunde, greškom pritisnuta kanta za smeće stoji znatno više.

Gdje ćete to vidjeti

Ovako smo preradili sve popise u aplikaciji: događaje i usluge, sve kartice stranice Posjetitelji (posjetitelji, rezervacije, narudžbe usluga, liste, crna lista), predplaćene pakete i njihovo korištenje članstva, predloške poruka, obrasce i njihove odgovore, dostupnost usluga, webhookove i korisnike računa.

Ne treba ništa uključivati ni podešavati — promjena je u aplikaciji već sada, i to na svih 31 jeziku na kojima micali.online radi. Ako vam u nekom izborniku nedostaje radnja koju biste ondje očekivali, javite nam se: popis radnji retka sada je na jednom mjestu i lako se mijenja.

Isprobajte micali.online