Prípadová štúdia

Devio

Vzdelávacia platforma, na ktorej sa začiatočníci učia programovať krok za krokom. Certifikačný projekt Google.

01Responzívny web

Platforma Devio na notebooku, tablete a mobile
ROLA
UX výskum a dizajn
OBDOBIE
12. 9. – 15. 10. 2023
KONTEXT
UX/UI prípadová štúdia · Google Certificate
VÝSTUP
Responzívny web

Zadanie

Čo sme riešili

Cieľ

Navrhnúť platformu, na ktorej sa začiatočníci naučia základy front-endu aj back-endu. S bezplatnými lekciami, interaktívnymi úlohami a komunitou, ktorá ich podrží.

Pre koho

Ľudia vo veku 16 až 40 rokov, ktorí sa chcú naučiť programovať a nevedia, kde začať.

Ukážky

Ako to vyzerá

Lekcia platformy Devio s editorom kódu
Mobilné obrazovky platformy Devio
Úvodná stránka platformy Devio na notebooku

UX postup

Ako sme postupovali

Od rozhovorov a dotazníka cez persónu a informačnú architektúru až po test použiteľnosti a finálny responzívny dizajn.

  1. 01Rozhovory
  2. 02Dotazník
  3. 03Mapy empatie
  4. 04Persóna
  5. 05Analýza konkurencie
  6. 06Cesta používateľa
  7. 07Informačná architektúra
  8. 08Wireframy
  9. 09Test použiteľnosti
  10. 10Iterácie
  11. 11Finálny dizajn
  12. 12Responzívne verzie

Výskum

Zistenia z výskumu

Kvalitatívny výskum a dotazník ukázali, čo začínajúcim programátorom pri učení chýba najviac.

85 % potrebuje lepšie usporiadané výukové materiály

70 % sa chce učiť aj na mobile, keď je na cestách

50 % chce vidieť svoj pokrok v učení

Materiály sú fajn, ale viac interaktívnych úloh a reálnych situácií by učenie spravilo praktickejším.

Obsah pomáha, ale chýba mi viditeľný spôsob, ako sledovať pokrok a tešiť sa z úspechov.

Persóna

Pre koho sme navrhovali

Persóna vznikla zo spojenej mapy empatie troch respondentov.

Alex

27 rokov · predajca · Brno

„Konzistencia. Každý deň sa počíta.“

Ciele

Nájsť štruktúrované kurzy, ktoré ho prevedú od základov, a učiť sa to, čo bude užitočné aj o pár rokov.

Frustrácie

Hľadanie podrobných materiálov ho frustruje a rýchle tempo technológií ho zahlcuje.

Problém

Alex hľadá bezplatné kurzy front-endu aj back-endu. Potrebuje jasnú cestu učením, lebo nevie, kde začať.

Konkurencia

Analýza konkurencie

Porovnali sme hlavné vzdelávacie platformy a YouTube ako nepriamu konkurenciu.

PLATFORMASILNÉ STRÁNKYSLABÉ STRÁNKY
Codecademy

Interaktívne a vhodné pre začiatočníkov.

Málo pokročilého obsahu.

Coursera

Kurzy špičkových univerzít.

Drahé certifikáty.

edX

Partnerstvá s prestížnymi inštitúciami.

Pre začiatočníkov príliš teoretické.

freeCodeCamp

Praktické úlohy a silná komunita.

Navigácia môže zahltiť.

Testovanie

Test použiteľnosti

Moderovaný test s piatimi účastníkmi v Bratislave, každý trval 10 minút. Ukázal, kde sa začiatočníci strácajú.

Testovaná obrazovka lekcie s vyznačenými zisteniami 1 až 3
  1. Kariérna cesta

    Úplní začiatočníci nevedeli, ktorá cesta kurzov zodpovedá povolaniu, o ktoré majú záujem.

  2. Filtre

    Niektoré funkcie vo filtroch boli málo viditeľné.

  3. Motivácia

    Účastníkom chýbali prvky, ktoré by ich motivovali pokračovať v učení.

Dizajn

Finálny návrh

Wireframy obrazoviek platformy Devio pre notebook
Wireframy mobilných a tabletových obrazoviek platformy Devio
Finálny dizajn obrazoviek platformy Devio

Zistenia a ďalšie kroky

Začiatočníkom treba vysvetliť aj úplné základy.

HLAVNÉ ZISTENIA

  • Mnohí začiatočníci nepoznajú rozdiel medzi front-endom a back-endom.
  • Motivácia rýchlo klesá, preto pomáhajú herné prvky ako séria dní učenia.

ĎALŠIE KROKY

  • Živšie fórum na výmenu skúseností medzi študentmi a lektormi.
  • Úvodná stránka, ktorá pomôže vybrať správnu cestu učením.
  • Notifikácie a widgety, ktoré podporia pravidelnosť.

Kontakt

Poďme prebrať
projekt.

Povedzte nám,
čo chystáte.

Stačí pár viet: čo potrebujete, pre koho to je a dokedy by ste to chceli mať. Ozveme sa vám a navrhneme ďalší postup.

Radšej sa porozprávate? Dohodnúť 20-min hovor

Radšej e-mail alebo problém s formulárom? info@yabi.sk