Jak jsme redesignovali řádek úkolu
Freelo si u uživatelů vybudovalo nálepku jednoduché aplikace na týmové úkoly. Společně s vývojem, kdy neustále vylepšujeme a přidáváme funkce, je čím dál těžší tomuto příslibu dostát. S novým timetrackingem, který jsme přidali před půl rokem, se nám trošku „zaplevelil“ řádek úkolu.
Proč změna
Změny nemá nikdo rád. A to i když jsou k lepšímu. Jednoduchost je pro nás ve Freelu velice důležitá – stojí a padá na ní vůle nových uživatelů systém (ne)používat. Jenže co je jednodušší, to nutně znamená, že si stávající uživatelé musí zvyknout na něco nového. Najít ten správný balanc není jednoduché a přesto kriticky důležité.
Tady je seznam všech důvodů, kvůli kterým jsme se rozhodli řádek úkolu předělat:
- Nejednotný vzhled funkčních ikon.
- Možnost náhodného smazání při záměru editovat úkol přes ikonku tužky.
- Příliš mnoho viditelných prvků v oblasti okolo názvu úkolu.
- Táhlo na přetahování úkolu je až v pravé části – takže uživatel musí vždy pohledem klouzat zleva doprava a zase zpátky, aby se ujistil, zda přesouvá ten správný úkol.
- To samé u trojtečkového menu.
- Přeskakování při najetí myši na řádek úkolu s delším názvem.
Nový řádek úkolu
Co všechno jsme redesignem vyřešili.
- Jednotný styl ikonek.
- Čistší vzhled u delších seznamů a názvů úkolů.
- Mazání (ne tolik používaná akce) jsme přesunuli na pravou stranu řádku.
- Trojtečkové menu (více používaný prvek) se přesunul vlevo od checkboxu a názvu úkolu. Zobrazuje se pouze na hover.
- Kompletně jsme skryli play tlačítko a objevuje se pouze na hover (na dotykových zařízeních zůstává viditelné bez hoveru).
- Eliminovali jsme skákání u delších názvů úkolu.
- Ikonka hodin na ruční zadávání výkazu je viditelná na hover a pokud už nějaký výkaz existuje, tak se nezobrazuje vůbec a stejnou funkci vykonává kliknutí na existující výkaz.
- Táhlo se nyní zobrazuje na konci názvu úkolu. Je tak pro uživatele jednoduší poznat, co vlastně chce nebo aktuálně přesouvá (hodně používaný prvek).
U mobilního zobrazení stále zůstává vše důležité v přehledném a kompaktním zobrazení:
Závěrem
Na tuto úpravu jsem si původně vyčlenil 2 dny. Jak jsem ale začal postupně odkrývat, kde všude se řádek objevuje (Moje priority, podúkoly, mobily, tablety, …), už jsem tak optimistický nebyl 🙂
Celá změna trvala přibližně 7 pracovních dní. Pak následovaly 3 týdny testování na vývojové verzi a nasazení na ostrou verzi. Teď nás čeká ještě postupné vyhodnocování změny a ladění drobných chybiček, které se určitě objeví.
Pevně doufám, že změna bude k lepšímu a povede k větší přehlednosti všech uživatelů Freela.
Zajímá mě, co si o změně myslíte a jak vy sami přistupujete k úpravě core funkčních prvků ve vaší aplikaci?
