Reference
Ulož.to

Ulož.to v prohlížeči: stejný komfort, o jednu instalaci méně

Logo Ulož.to a ilustrace ženy s notebookem sedící na monitoru, na kterém běží webový správce souborů Ulož.to; vedle mobil se stejnou aplikací, růžový cloud se synchronizací a hodiny.

Ulož.to je největší české cloudové úložiště, kterému lidé svěřují svá data pro jeho stabilitu a dostupnost. Navrhli jsme jeho nový webový správce souborů – rychlý, responzivní a s komfortem desktopové aplikace přímo v prohlížeči.

skills applied

TypeScript, React.js, Parcel, Redux Saga a Cypress

naše mise

Přenést komfort desktopu tam, kde ho nikdo nečekal

Webový správce souborů Ulož.to zaostával technologicky i v pohodlí, a tak uživatelé raději sahali po desktopové aplikaci. Klient chtěl moderní web, který jí bude rovnocenným soupeřem. Naším úkolem bylo navrhnout a vyvinout nový File Manager: zobrazení v seznamu i mřížce, nahrávání, vytváření složek, kopírování, sdílení přes odkazy, stromovou strukturu složek i drobečkovou navigaci. A to vše tak, aby fungovalo na počítači stejně dobře jako v mobilu.

Ilustrace usměvavého muže v brýlích, který pracuje na notebooku; za ním okno webového File Manageru Ulož.to se složkami a náhledy fotografií.

výzvy

Tisíce položek, desítky interakcí, jeden plynulý zážitek

Uživatelé Ulož.to mají ve složkách běžně tisíce souborů a aplikace se pod jejich váhou nesměla ani zakymácet. K tomu přibyla náročná interaktivita: hromadný výběr, drag & drop, kontextová menu a klávesové zkratky, které se navzájem nesmějí rušit. Třetím rozměrem byla responzivita – stejné funkce bylo nutné přenést na mobilní zařízení a přizpůsobit je dotykovému ovládání, kde pravé tlačítko myši ani klávesnice nepomůžou.

Ilustrace muže, který přetahuje soubory z cloudu do aplikace Ulož.to na monitoru; vedle mobil ovládaný dotykem a hodiny jako symbol rychlosti při práci s tisíci položek.

řešení

Virtualizace, moderní stack a agilní tempo

Aplikaci jsme postavili na TypeScriptu, Reactu a Redux Saga, které spolehlivě řídí i složité asynchronní operace se soubory. Virtualizace dat vykresluje jen to, co uživatel právě vidí, takže i obří složky zůstávají svižné. Interakce jsme navrhli jako jeden konzistentní systém pro myš, klávesnici i dotyk. Stabilitu hlídají automatizované testy v Cypressu a agilní iterace s pravidelnou zpětnou vazbou klienta zajistily, že výsledek sedí přesně na potřeby uživatelů.

Ilustrace dvou vývojářů u notebooku s architekturou aplikace Ulož.to – propojení cloudu s technologiemi TypeScript, React, Redux Saga, virtualizací dat a automatizovanými testy v Cypressu.
0+
položek ve složce bez znatelného zpomalení
0
režimy zobrazení – přehledný seznam i vizuální mřížka
0
způsoby ovládání: drag & drop, menu, zkratky i dotyk
Kontaktujte nás

Máte zájem o spolupráci? Spojíme se s vámi.

Napište nám

Spojte se s námi napřímo

Jiří Mach

Jiří Mach

CEO & CSO