Jak jsme za 50 dní vytvořili uzavřenou online výukovou platformu: o přístupu k designu a funkčnosti

Neobvyklý případ agentury Uprising – vývojová a designová studia. O účasti na přechodu na „online“ projekt, který po mnoho let shromažďuje lidi pro dvoutýdenní osobní kurz.

Stručně o sobě: agentura Uprising byla formálně vytvořena v první vlně koronaviru, ale v podstatě existovala dlouho předtím. Pokud jsme předtím neměli žádné jméno a logo. Zabýváme se vývojem a designem již dlouhou dobu – nejprve výhradně na našem prvním projektu Bash Today (služba pro rezervaci webů akcí), poté se začaly objevovat projekty třetích stran, které se zajímaly o naše odborné znalosti v této oblasti.

Takže když naše první podnikání – Bash Today – s prvními paprsky izolace dočasně přestalo fungovat, začali jsme hledat nové příležitosti a vrátili jsme se k relativně „staré“ myšlence – k otevřete naši vlastní vývojovou a designovou agenturu.

Případ, který se stal skutečnou výzvou

Tato objednávka pro nás nebyla první, ale do jisté míry se stala jednou z nejvýznamnějších – právě tato „výzva“ se stala výchozím bodem pro pochopení toho, že my, jako dobře koordinovaný tým, dokážeme všechno.

Dáno:

Existuje právní „think-tank“ – Centrum pro mezinárodní a srovnávací právní studia (CISLR), které každoročně pořádá letní školu mezinárodního práva veřejného.

Obvykle to vypadá takto: asi 35 studentů ze SNS (jak zkušení odborníci – učitelé, zaměstnanci právnických firem, vládní agentury, tak ti, kteří právě ukončili bakalářský titul), si poslechnou přednášky světově proslulých právníků , přední vědci a odborníci z této oblasti z různých zemí (Velká Británie, Holandsko, Německo atd.).

Pro ty, kteří mají toto téma rádi, mohou jména řečníků vypovídat o úrovni odpovědnosti za náš úkol: Sir Michael Wood, Alina Miron, Manfred Dauster, Philip Webb, Roman Kolodkin, Cedric Ringaert, Vladimir Tarabrin .

Navzdory skutečnosti, že se letní škola měla konat v srpnu, kdy již byla omezení zmírněna, vedení CMSPI se rozhodlo neriskovat zdraví účastníků. Navíc ne všechny země měly možnost přijet do Moskvy.

Účel:

Vytvořit od nuly uzavřenou vzdělávací platformu v angličtině, která by měla obsahovat všechny nezbytné aspekty pro pohodlné a produktivní práce během letní školy.

Hlavní úkoly platformy:

  • koordinace posluchačů (32 osob), odborníků (7 osob) a administrativy (8 osob);
  • organizace produktivní interakce – harmonogram a připojení k videokonferencím, nástroje pro práci na programu, úložiště potřebných souborů, upozornění uživatelů, komunikace se správou, připojení k elektronickým zdrojům atd .;

  • vytvoření síťového webu, možnost přidat data o každém z účastníků, včetně videa prezentace.

Termín:

50 dní

Ve skutečnosti se tento případ stal výzvou nejen pro nás, jako agenturu pro design a vývoj, ale také pro samotné CMSPI, protože před námi kontaktovali několik týmů, ale všude byli odmítnuti kvůli velmi krátkým termínům.

Design

Po všech diskusích a vyjasněních jsme zahájili první fázi – vytváření rozvržení designu stránek. Pochopili jsme, že zde je pro nás důležité nejen uspokojit potřeby zákazníka, ale také vytvořit pro sebe dobrý případ v portfoliu, protože na začátku práce agentury je každá objednávka „vizitkou“ pro ten další.

Tři pilíře designu – makety

Na co se spoléháme při jejich vytváření pro libovolného zákazníka

  • Téma projektu

To samozřejmě zanechává stopy. Je to jedna věc, když potřebujete navrhnout stránky pro rezervaci webů akcí, kde se můžete cítit svobodně v odvážných barvách, zábavných obrázcích a odvážných designech, a úplně jiná, pokud jde o legální témata think-tanku, která implikují konzervatismus a inovace zároveň čas.

Právní téma a průměrný věk posluchačů (33 let) a odborníků (40-60 let) nám určili design jako asketický, praktický a bez jakéhokoli „pozlátka“.

  • Naše vize

My jako agentura máme vlastní jasnou vizi designu rozhraní. Vždy dáváme do popředí minimalismus a funkčnost – koneckonců, když projde efekt designu, člověk má vždy akci, kterou potřebuje provést. A čím je pro něj snazší, tím lépe.

  • Hluboký průzkum trhu

Je nemožné vytvořit něco nového a chytlavého bez studia již existujících realizovaných projektů. Tady, stejně jako při studiu historie lidstva – znalost chyb minulosti vám umožňuje, abyste se jich v budoucnu nedopustili, a pochopení současných procesů vám umožní nejen je přenést do vaší práce, ale také zlepšit a rozvíjet jim.

Je to také skvělý způsob, jak se ponořit do tématu projektu pro hlubší pochopení procesů. Nikdy nejde o „kopírování“ projektů – jde o naučení starých vytvářet něco skutečně nového.

Proces práce na návrhu platformy

Hlavní přání klienta bylo intuitivní rozhraní je vhodné a pohodlné pro uživatele jakéhokoli věku (od 20 do 60 let) a pomáhá dosáhnout cíle několika kliknutími.

K implementaci těchto přání byl zvolen koncept palubní desky. Jasná vizualizace plánu, registr oznámení, okamžité zobrazení indikátorů v reálném čase – to jsou jen některé z výhod tohoto typu designu.

Z hlediska designu je Letní škola klasickým informativním designem podnikového řídicího panelu založeným na vývoji, který jsme již testovali v letech 2016 … 2017, ale pro rok 2020.

Vypracování nápadu, výzkumu

Jedním z hlavních odkazů nebo „ideologických zrnek“ budoucího designu bylo promo video CMSPI (můžete si ho prohlédnout zde).

Bílé, vzdušné, minimalistické, obchodní, architektonické, geometricky abstraktní, jako by byly ze sádry. Tento vizuální styl na Západě se nazývá „Clay style“. Odkazuje na skandinávský minimalismus, konstruktivismus a utilitární funkčnost – která logicky protíná podstatu jurisprudence: neutralitu, nestrannost, přesnost a vítězství suchých faktů.

V době vzniku designu jsme ještě nevěděli, že tyto čtyři barvy symbolicky představují základní odstíny nalezené ve světových vlajkách (koncept globality a sjednocení). Této nuance se naučíme mnohem později, po zahájení letní školy. Ale v té době jsme hráli s těmito barvami v designu bez jakékoli sémantické vazby, hlavně se zaměřením na užitečnost významu: červená je důležitá, zelená je nová, žlutá je další, modrá je pomocná.

Vizuální doplněk k rozhraním, dlaždicím, polím a tlačítkům byly ilustrace a fotografie „hliněného stylu“: bílá, sádra, sterilní; se sochami, sloupy, kopulemi ve stylu amerického Kongresu; seriózní, věcný, legální, časově úsporný, suchý a konkrétní. Inspirací byly také moderní řídicí panely špičkových agentur ↓

Abych byl upřímný, tento projekt pro mě nebyl nic nového. Šlo spíše o konsolidaci dovedností a znalostí získaných během 10 let zkušeností.

Vedoucí designové laboratoře Uprising

Funkce platformy

Souběžně s přípravou designových řešení se intenzivně pracovalo na dalších důležitých složkách projektu – promysleli jsme a implementovali hlavní funkcionalitu. Zde hrály důležitou roli krátké termíny a schopnost určovat priority – bylo nutné vyčlenit nejdůležitější stránky pro fungování platformy a přejít od důležitějších k méně důležitým v designu a vývoji.

Upřednostněte a zjednodušte. Za krátkou dobu je důležité nenechat se postříkat dalšími příjemnými drobnostmi a funkcemi. Protože jsou volitelné. Nejprve se provede to, co je základem základních uživatelských scénářů pro používání platformy. Toto je první priorita.

Další vylepšení a doplňky, jak jsme mohli. Například uživatelé mohli hodnotit minulé třídy s učiteli, toto bylo implementováno okamžitě. Výstup těchto datových a analytických nástrojů do administrátorského panelu byl implementován v časové vyrovnávací paměti, která zůstane po implementaci základních funkcí.

COO, hlavní produktový manažer Uprising

Pojďme promluvte si o nejdůležitějších stránkách a jejich zajímavých detailech podrobněji:

Osobní účet a profil uživatele

Byly tří typů – pro studenty, pro odborníky a pro správu Letní škola. Bylo důležité vytvořit je tak, aby bylo možné s podobnou sadou vstupů uživatele snadno rozlišit, kde je profil posluchače a kde je profil odborníka.

Kromě toho každý profil musel obsahovat optimální množství informací – nesmí být přetížen, ale zároveň musí poskytnout poměrně úplný obraz uživatele.

Zvláštním požadavkem bylo vytvořit příležitost pro posluchače skrýt své osobní údaje. Mohli by například nechat své údaje otevřené správci a skrýt je před ostatními posluchači.

Plán

< p>Tato stránka se stala nejen „nástěnkou“ o nadcházejících přednáškách, třídách a akademické zátěži, harmonogram sloužil jako skutečný koordinační nástroj.

Každá vyplněná buňka v rozvrhu, ať už přednáška, seminář nebo lekce „po škole“, měla svůj vlastní odkaz, který vedl do virtuální místnosti, kde se akce konala. Zde bylo důležité vzít v úvahu nuance: například pro přednášku a po ní relaci otázek a odpovědí byly zapotřebí různé místnosti.

Všechno ostatní, plán musel být dynamický : tj. ne původně vytvořená statická tabulka, ale živá struktura, do které správa následně pravidelně přidávala nové události – jednou z nich byla například online schůzka pro všichni účastníci, kde byli všichni experty a administrativa, jsou zastoupeni, aby posluchači věděli, na koho se mají v případě dotazů obrátit.

Knihovna

U učebnic, vědeckých článků, souvisejících a dalších materiálů, včetně těch, které byly výhradně od odborníků letní školy, bylo nutné vytvořit jakási pohodlnou platformu jak pro stahování těchto souborů, tak pro jejich stahování/čtení.

Kromě toho existovaly některé externí elektronické zdroje a databáze, které v rámci letní školy poskytovaly studentům přístup k jejich materiálům – například Cambridge Law Journals, HeinOnline, Westlaw International, The ICC Digital Library a další. Posluchači tam mohli hledat relevantní články nebo vědecké publikace o daném tématu. Kromě toho měli možnost podat žádost do knihovny CMSPI. Naším úkolem v tomto případě bylo zdůraznit tento aspekt – přístupným a jasným způsobem ukázat uživateli, že může toto oprávnění využívat.

Řídicí panel

Stránka, která během tréninku nashromáždila všechny nejdůležitější a naléhavé otázky. Posluchač zde viděl, jaké domácí úkoly je třeba udělat, kolik hodin dnes bude.

Všechna oznámení byla zobrazena na řídicím panelu – kdykoli bylo možné studovat aktuální aktualizace nebo možné změny v plánu. Odtud bylo možné se připojit k aktuální lekci – je pohodlnější a rychlejší než hledat tu, kterou potřebujete v rozvrhu, pokud se posluchač například trochu opozdí.

Systém oznámení

Aby veškerá interakce probíhala prostřednictvím platformy, implementovali jsme oznámení (vizualizace je vidět výše, na obrázku „Dashboard Design Layout“). Tímto způsobem administrace připomněla události, rozeslala ankety a nahlásila jakékoli změny ve vzdělávacím procesu.

Zajímavé o projektu

Navzdory tomu, že celé školení probíhalo online, správa letní školy s ohledem na závažnost vyučovaných předmětů a přístup ke školení přísně sledovala účast na hodinách, pro které jsme vytvořili tzv. časopis“. Ne každý mohl obdržet certifikát o absolvování školení – k tomu bylo nutné absolvovat určité procento přednášek a seminářů.

Studenti sami nebyli známkami, ale mohli jen hodnotit práci odborník. V tomto případě se samozřejmě nejednalo o hodnocení znalostí, ale pouze o vyjasnění toho, jak užitečný a zajímavý byl materiál – byl použit pro interní účely, včetně přípravy na budoucí letní školy.

Výsledky práce

Za 50 dní jsme mohli vytvořit od nuly a spustit nejen designový koncept nebo web, ale rozsáhlou vzdělávací platformu, kde existoval funkční vztah s Zoomem, pohodlným obsahem systém řízení a všechny možnosti organizace plnohodnotných tříd – jak pro studenty, tak pro odborníky – bez ohledu na slovo „online“.

Během celých dvou týdnů letní školy jsme platformu nepřetržitě podporovali a jsme velmi rádi, že se veškeré naše úsilí vyplatilo se zájmem – platforma obdržela vynikající zpětnou vazbu od studentů, administrativy a odborníků letní školy mezinárodního práva veřejného – 2020.

V tuto chvíli jednáme se zákazníkem o vývoji této platformy a plánujeme do roku 2021 přidat mnoho nových zajímavých funkcí – například chatové chaty, videochaty 1: 1, a co je nejdůležitější, vytvoření mobilní aplikace.

Jaké je tajemství této rychlé a dobře koordinované týmové práce? V touze udělat za každou cenu a zkušenostech každé osoby, která se na tomto projektu podílela – zde hrály tyto dva faktory rozhodující roli.

Výsledek nás velmi potěší, zejména s ohledem na krátké termíny a objem práce. Týmu Uprising Agency se podařilo vyřešit obtížný úkol: nabídnout moderní a praktické řešení, které vizuálně odpovídá obrazu Centra pro mezinárodní a srovnávací právní studia.

Recenze Centra pro mezinárodní a srovnávací Právní studie

Máte zájem o podobný design?

Další práce

Objednávka designu

Naše portfolio obsahuje stovky projektů: interiérový design, webové stránky, reklamní kampaně, loga, corporate identity. Každý úkol řešíme smysluplně, elegantně a krásně.

Abychom mohli začít, musíme si promluvit. Stačí něco říct o vašem projektu, nechat kontakty a my Vás budeme kontaktovat, abychom vše probrali.