← Zpět na všechny články

Proč z konců řádků zmizelo šest ikonek — a co je nahradilo v micali.online

#UX #Mobilní aplikace #Tabulky #Dostupnost #Novinky #Uživatelské rozhraní
Proč z konců řádků zmizelo šest ikonek — a co je nahradilo v micali.online

Jsou změny, kterých si všimnete hned při prvním přihlášení, i když se v aplikaci nic nového neobjevilo. Tahle je přesně taková. Řádky v tabulkách — události, služby, návštěvníci, šablony zpráv — se dosud končily řadou malých ikonek. Od teď je na jejich místě jedno tlačítko s popiskem: Akce.

Vypadá to jako kosmetika. Ve skutečnosti jde o opravu věci, která na telefonu vadila nejvíc — a o rozhodnutí, které si zaslouží vysvětlení. Ikonky jsou přece rychlejší. Proč tedy krok zpátky do menu?

Co bylo s ikonkami špatně

Ikonka není slovo. Tužku a koš uhodnete. Jenže v seznamu událostí jich vedle sebe stálo šest: stáhnout, kalendář, sdílet, kopírovat, tužka, koš. Která z nich naplánuje termíny a která vytvoří kopii události? Kdo to používá denně, si to zapamatuje. Kdo jednou za měsíc, hádá pokaždé znovu — a u jedné z těch ikonek je omyl nevratný.

Bublina s popiskem je jen pro myš. Popisek, který se zobrazí po podržení kurzoru, se na dotykovém displeji neukáže nikdy — prst nemá kde „zastavit". Na telefonu jste tedy měli k dispozici jen tvar piktogramu, a nic víc. A u části ikonek chyběl i tenhle popisek úplně: úprava a smazání u šablon zpráv byly bez něj úplně.

Byly malé, a to nebezpečné bylo hned vedle. Tlačítka měla 28 pixelů, ačkoli doporučený dotykový terč je zhruba 44. Koš seděl těsně vedle tužky, ve stejné velikosti a ve stejné šedé barvě.

Na telefonu byly navíc schované za šířkou tabulky. Tabulka se na úzké obrazovce posouvá do stran a sloupec s akcemi byl poslední. Abyste se k němu dostali, museli jste nejdřív odscrollovat celou tabulku doprava — a u dalšího řádku znovu.

Řádek tabulky předtím a teď
Řádek tabulky předtím a teď

Jak to vypadá teď

Na řádku je jedno tlačítko Akce. Co se stane po kliknutí, závisí na zařízení:

  • Na počítači se rozbalí menu, kde má každá položka ikonku i slovo — Naplánovat akci, Sdílet, Kopírovat, Upravit, Smazat.
  • Na telefonu vyjede zdola panel přes celou šířku obrazovky, s řádky velkými na palec. V jeho záhlaví je název záznamu, se kterým pracujete — e-mail návštěvníka, název události. U dlouhého seznamu podobných řádků je to důležitější, než to zní.
  • Smazání a další nevratné akce jsou oddělené čárou a červené. Ne šedé a nalepené na Upravit.
  • Na telefonu je sloupec s akcemi na začátku řádku — hned za zaškrtávacím polem, pokud ho tabulka má. Tedy tam, kde ho vidíte bez posouvání do stran. Na počítači zůstal vpravo, přesně tam, kde byl doteď.
Menu Akce na počítači
Menu Akce na počítači
Na telefonu vyjede panel zdola a sloupec Akce je první
Na telefonu vyjede panel zdola a sloupec Akce je první

Proč jedno tlačítko, a ne ikonky

Ikonky jsou zkratka pro to, co už znáte. Fungují skvěle, když jich je málo a používáte je denně — šipka zpět, křížek na zavření. U šesti akcí, z nichž polovinu potřebujete jednou za čas, se výhoda obrací: ušetříte půl vteřiny na kliknutí a zaplatíte za to vteřinami přemýšlení a občasným špatným kliknutím.

Jedno tlačítko rozdělí jedno těžké rozhodnutí („který z těch šesti obrázků je ten můj?") na dvě lehká: chci s tímhle řádkem něco udělat — a pak si to přečtu. Čtení je pomalejší než rozpoznání tvaru, ale nikdy se nesplete.

Jsou za tím i tři praktičtější důvody:

  • Řádek je o datech. Jméno, e-mail, datum, kapacita — to je informace, kvůli které se na seznam díváte. Šest ikonek na konci každého řádku je vizuální šum, který se opakuje tolikrát, kolik máte řádků.
  • Všude stejně. Přepracovaných je 28 tabulek na 18 obrazovkách — včetně všech sedmi na stránce Návštěvníci. Naučíte se to jednou a platí to v celé aplikaci.
  • Dá se to rozšiřovat. Nová akce je od teď nový řádek v menu, ne další ikonka, která tlačí tabulku ještě víc do strany. Dvě akce, které si předtím vyžádaly vlastní sloupec — použití šablony zprávy a úprava objednávky služby — se tím rovnou přestěhovaly do menu a tabulky se o sloupec zúžily.

Cenou za to je jeden klik navíc na počítači. Věděli jsme o ní, když jsme se rozhodovali, a přijali jsme ji: kliknutí stojí půl vteřiny, omylem stisknutý koš stojí podstatně víc.

Kde to uvidíte

Takhle jsme přepracovali úplně všechny seznamy v aplikaci: události a služby, všechny karty stránky Návštěvníci (návštěvníci, rezervace, objednávky služeb, seznamy, blacklist), předplacené plány a Využití členství, šablony zpráv, formuláře a jejich odpovědi, dostupnost služeb, webhooky i uživatele účtu.

Není třeba nic zapínat ani nastavovat — změna je v aplikaci už teď, a to ve všech 31 jazycích, ve kterých micali.online běží. Pokud vám v některém menu chybí akce, kterou byste tam čekali, napište nám: seznam akcí řádku je teď na jednom místě a mění se snadno.

Vyzkoušejte micali.online