← Vissza az összes cikkhez

Miért tűnt el a sor végéről a hat ikon — és mi került a helyükre a micali.online-ban

#UX #Mobilalkalmazás #Táblázatok #Akadálymentesség #Termékfrissítés #Felhasználói felület
Miért tűnt el a sor végéről a hat ikon — és mi került a helyükre a micali.online-ban

Vannak apró változtatások, amelyek rögtön az első bejelentkezéskor szembetűnnek, még akkor is, ha az alkalmazásban semmi új nem jelent meg. Ez pontosan ilyen. A táblázatok sorai — események, szolgáltatások, látogatók, üzenetsablonok — eddig egy sor apró ikonnal végződtek. Mostantól a helyükön egyetlen, felirattal ellátott gomb áll: Műveletek.

Ez kozmetikának tűnik. Valójában egy olyan hiba javítása, amely a legjobban a telefonon zavart — és egy döntés, amely megérdemli a magyarázatot. Az ikonok végtére is gyorsabbak. Miért hát egy lépés vissza a menübe?

Mi volt a baj az ikonokkal

Egy ikon nem szó. A ceruzát és a kukát ki lehet találni. Csakhogy az események listáján hat állt egymás mellett: letöltés, naptár, megosztás, másolás, ceruza, kuka. Melyik tervez időpontokat, és melyik készít másolatot az eseményről? Aki naponta használja, megjegyzi. Aki havonta egyszer, minden alkalommal újra tippel — és az egyik ikonnál a tévedés visszafordíthatatlan.

A leírást mutató buborék csak az egérnek szól. Az a felirat, amely a kurzor rajta tartásakor jelenik meg, érintőképernyőn soha nem jelenik meg — az ujjnak nincs hol „megállnia". Telefonon tehát csak a piktogram formája állt rendelkezésre, semmi más. Egyes ikonoknál pedig még ez a felirat is teljesen hiányzott: az üzenetsablonoknál a szerkesztés és a törlés is felirat nélkül maradt.

Kicsik voltak, és a veszélyes pont rögtön mellettük volt. A gombok 28 pixel méretűek voltak, pedig az ajánlott érintési célpont körülbelül 44. A kuka szorosan a ceruza mellett ült, ugyanabban a méretben és ugyanabban a szürke színben.

Telefonon ráadásul a táblázat szélessége mögé rejtve voltak. A táblázat keskeny képernyőn oldalra görgethető, a műveletek oszlopa pedig az utolsó helyen állt. Hogy eljusson hozzá, előbb végig kellett görgetnie az egész táblázatot jobbra — a következő sornál pedig újra.

A táblázat sora korábban és most
A táblázat sora korábban és most

Így néz ki most

A soron egyetlen Műveletek gomb található. Hogy mi történik kattintás után, az eszköztől függ:

  • Számítógépen egy menü nyílik ki, amelynek minden sorában ikon és szó is szerepel — Esemény ütemezése, Megosztás, Másolás, Szerkesztés, Törlés.
  • Telefonon alulról egy panel csúszik fel a képernyő teljes szélességében, ujjra méretezett sorokkal. A fejlécében annak a rekordnak a neve áll, amelyen éppen dolgozik — a látogató e-mail címe, az esemény neve. Egy hosszú, hasonló sorokból álló listánál ez fontosabb, mint amilyennek hangzik.
  • A törlés és más visszafordíthatatlan műveletek vonallal vannak elválasztva, és piros színűek. Nem szürkék, és nem a Szerkesztéshez tapadnak.
  • Telefonon a műveletek oszlopa a sor elején van — rögtön a kijelölőnégyzet után, ha a táblázatnak van ilyen. Vagyis ott, ahol oldalra görgetés nélkül is látható. Számítógépen jobb oldalon maradt, pontosan ott, ahol eddig is volt.
A Műveletek menü számítógépen
A Műveletek menü számítógépen
Telefonon alulról jön fel a panel, és a Műveletek oszlop az első
Telefonon alulról jön fel a panel, és a Műveletek oszlop az első

Miért egy gomb, és nem ikonok

Az ikonok annak a rövidítései, amit már ismer. Kiválóan működnek, ha kevés van belőlük, és naponta használja őket — vissza nyíl, bezáró x. Hat művelet esetén, amelyek feléhez csak ritkán van szükség, az előny megfordul: fél másodpercet spórol a kattintáson, és ezért gondolkodással töltött másodpercekkel és időnkénti rossz kattintással fizet.

Egy gomb egy nehéz döntést („a hat kép közül melyik az enyém?") két könnyűre bont: szeretnék valamit csinálni ezzel a sorral — majd ezt egyszerűen elolvasom. Az olvasás lassabb, mint a forma felismerése, de sosem téved.

Emellett három gyakorlatiasabb ok is áll:

  • A sor az adatokról szól. Név, e-mail, dátum, kapacitás — ez az az információ, amiért a listát nézi. Hat ikon minden sor végén vizuális zaj, amely annyiszor ismétlődik, ahány sora van.
  • Mindenhol ugyanúgy. 28 táblázatot alakítottunk át 18 képernyőn — köztük mind a hetet a Látogatók oldalon. Egyszer megtanulja, és onnantól az egész alkalmazásban érvényes.
  • Bővíthető. Egy új művelet mostantól egy új sor a menüben, nem pedig egy újabb ikon, amely még jobban oldalra tolja a táblázatot. Két művelet, amely korábban saját oszlopot igényelt — az üzenetsablon használata és a szolgáltatásrendelés szerkesztése —, ezzel egyenesen átköltözött a menübe, a táblázatok pedig egy oszloppal keskenyebbek lettek.

Ennek ára egy plusz kattintás számítógépen. Tudtunk róla, amikor döntöttünk, és elfogadtuk: egy kattintás fél másodpercbe kerül, a véletlenül megnyomott törlés gomb jóval többe.

Hol találkozik vele

Így alakítottuk át az alkalmazás összes listáját: az eseményeket és szolgáltatásokat, a Látogatók oldal minden kártyáját (látogatók, foglalások, szolgáltatásrendelések, listák, blacklist), az előre fizetett csomagokat és a Tagság használatát, az üzenetsablonokat, az űrlapokat és azok válaszait, a szolgáltatások elérhetőségét, a webhookokat, valamint a fiók felhasználóit.

Nincs mit bekapcsolni vagy beállítani — a változás már most ott van az alkalmazásban, méghozzá mind a 31 nyelven, amelyen a micali.online fut. Ha valamelyik menüből hiányzik egy olyan művelet, amelyet ott várna, írjon nekünk: a sor műveleteinek listája mostantól egy helyen van, és egyszerűen módosítható.

Próbáld ki a micali.online-t