ux design

Lehet menő oldala egy állami-tudományos szervezetnek? A Melkweg közreműködésével újult meg az NKFIH weboldala

A mindenkori álom ügyfél érdekes és bonyolult projektet hoz, aminek a megvalósítása során kutathatunk és tesztelhetünk kedvünkre. A Nemzeti Kutatási, Fejlesztési és Innovációs Hivatal ilyen ügyfél volt, akik ezen felül még segítőkészek is voltak, hallgattak a szakmai érveinkre, aminek köszönhetően remek weboldalt sikerült létrehoznunk.

Izgalmas és tanulságos projektet tudhatunk magunk mögött, amelynek az eredményét már bárki megtekintheti. A Nemzeti Kutatási, Fejlesztési és Innovációs Hivatal (NKFIH) megújult weboldalára pedig nemcsak a hivatal munkatársai, hanem a Melkweg designerei is büszkék lehetnek.  

 

A nulladik lépés előtt

Az NKFIH redesign tender zárt pályázat keretében került meghirdetésre bő egy éve, amelyre a Melkweg is meghívást kapott. Az első ígéretes layout, valamint az elképzeléseinket vázoló prezi után hamar short listen és a személyes meetingen találtuk magunkat. Itt újfent bizonyítottuk, hogy szakmai tekintetben és a kreativitásunkat nézve is magas szintet képviselünk, így a következő lépésben már a redesign munkálatok előkészítését terveztük.

Megérteni az ügyfelet

Nem nagy titok, hogy egy sikeres projekt egyik legfontosabb momentuma, hogy mennyire értjük meg az ügyfél igényeit és hogyan fordítjuk le azt a saját „nyelvünkre”. Volt ugyan egy előzetes brief, ami gyakorlatilag maga a pályázati kiírás volt, de már akkor láttuk, hogy a teljes és hatékony UX designhoz ez kevés lesz.

Az NKFI Hivatal az ajánlatkérésben megfogalmazta, hogy a honlap összetett funkcionalitása és tartalomkínálata miatt átfogó elemzést tart szükségesnek, majd arra építve következhet a honlap megújult szerkezetének, funkcióinak és arculatának tervezése.

Az intézmény a hazai kutatásfinanszírozás központi szervezete, amely pályázati úton finanszíroz tudományos kutatást, vállalati innovációs programokat és startup projekteket is, valamint a tudománydiplomácia, tudománypolitika is részét képezi a Hivatal feladatainak. Az összetett feladatkör miatt a korábbi honlap felhasználói egyszerre, egy főoldalról indulva részletes menürendszeren keresztül szembesültek a bőséges tartalomkínálattal és a bonyolult pályázati információs bázissal.

A projekt során a hírek, szakpolitikai információk adatbázisát is meg kellett újítani a korszerű információs oldalak működésével összhangban és ki kellett alakítanunk egy felhasználóbarát, korszerű és célszerű, illetve átlátható pályázati portált.

Az igények között szerepelt az is, hogy hangsúlyos helyet kapjon a weboldalon a támogatott projektek eredményeinek közérthető és látványos bemutatása, társadalmi haszna.

Meg kellett tehát értenünk, hogy a megfogalmazott elvárások hogyan rangsorolandók. Értenünk kellett, hogy mit szeretne valójában az NKFIH és mire van elsősorban szükségük a saját online platformjukon.

Bonyolult és összetett feladatról volt szó, de valahol ez is adta az igazi szépségét ennek a projektnek.

Az igények felméréséhez két körben készítettünk interjút az NKFIH munkatársaival és még mindig csak a briefelésnél tartottunk. Nem vagyunk körülményesek, és a saját, valamint az ügyfeleink idejét sem akartuk rabolni, de szerencsére az NKFIH is megértette, hogy a valóban jó végeredményhez elengedhetetlen ez a fajta alaposság.

Célok és kutatás

Az ügyfélinterjúk után meg tudtuk fogalmazni a honlap megújításának két fő célját:

  1.       A felelősségi körükbe tartozó pályázatok átlátható, érthető kezelése a weboldalon, az érdeklődők, potenciális pályázók maximális kiszolgálása, az ügyfélszolgálat szolgáltatási funkcióinak erősítése.
  2.       Olyan kommunikációs csatorna létrehozása, amely bemutatja az NKFIH működését, a kutatási, fejlesztési és innovációs támogatott projektek tudományos, gazdasági és társadalmi szerepét, hasznát, valamint fontosságát.

Látható, hogy nemcsak az alapvető funkciók tekintetében kellett sokoldalú site-ot terveznünk, de a célcsoport vizsgálatakor is minimum két, szinte teljesen különböző irányban kellett megkezdenünk a kutatásainkat.

Rendelkezésünkre álltak ugyan a meglévő site analitikai adatai, de a sikeres UX designhoz ennél többre volt szükségünk. Meg akartuk tudni, hogy a jelenlegi felhasználók hogyan viszonyulnak az átrendezendő honlaphoz, a kérdéseinkre pedig csak részben találtuk meg a válaszokat az analitikában és a best practice kutatás eredményei között.

Visszagondolva a projekt egészére két tényező mindenképp megkönnyítette a dolgunkat: az NKFIH látogatói bázisának proaktív mivolta és az NKFIH, mint ügyfél rendkívül pozitív és támogató hozzáállása.

Az analitikai felmérésen túl a tervezést nagyban segítette az a kérdőív, amelyet mi magunk állítottunk össze. Ezen keresztül egy héten át gyűjtöttük az adatokat a régi site-on, a meglévő látogatói bázis körében, akik meglepően segítőkészek és aktívak voltak a kitöltésben, ez pedig nagy segítséget jelentett a UX tervezés közben.

A kötelező, de sajnos nem minden projekt esetében megvalósuló UX research fázis nagyjából három hétig tartott. Az analitikából származó adatok összesítése és kiértékelése, valamint a látogatói kérdőívezés mellett ugyanis még egy nagyon alapos best practice kutatást is végeztünk.

Olyan website-ok működését és felépítését vizsgáltuk a nemzetközi színtéren, akik szintén pályázatokkal foglalkoznak, az itt nyert tapasztalatok alapján határoztuk meg például, hogy az egyes keresési, szűrési, megjelenítési, stb. megoldások közül mi az, amire nekünk szükségünk lehet az NKFIH redesign során.

A Hivatal, mint ügyfél

Említettem már, hogy mekkora segítséget jelentett az NKFIH pozitív hozzáállása a projekt tervezési, kivitelezési szakaszában egyaránt. Nem csak azért szerettünk velük dolgozni, mert bizonyos vitás kérdésekben engedtek a saját elképzeléseikből és elfogadták a szakmai érveinket. Az NKFIH minden lehetséges és tőle elvárható segítséget megadott az előzetes kutatás során, ez pedig úgy érzem, hogy meg is látszik az elkészült terméken.

Az igények és elvárások felmérése során nem csupán a vezetőséggel volt lehetőségünk több körben és olykor kimerítő részletességben interjúkat készíteni. Interjúztunk az egyes, számunkra és természetesen a redesign szempontjából releváns osztályok vezetőivel, ügyfélszolgálati munkatársakkal, az NKIFH informatikai részlegével, tulajdonképpen mindenhova „bejutottunk”, ahova szerettünk volna.

Erre a projekt összetettsége és a (tudományos, pályázati) terület amúgy is meglévő nehézségei miatt különösen nagy szükségünk volt. A pályázat speciális terület és véleményem szerint a tudományos pályázat ezen belül is egy speciálisabb részterületet képvisel. Ki kellett derítenünk és meg kellett értenünk minden egyes apró részletét az NKFIH-nél folyó munkának, hogy az új weboldal ne csak szép, de valóban hasznos is legyen.

Az informatika, az ügyfélszolgálat és a titkárságvezetők problémáit ugyanúgy meg kellett oldanunk a redesign során, ahogy a látogatói igényeket is szem előtt kellett tartanunk, ez pedig csak még izgalmasabbá tette a feladatot.

Letisztult design és közérthető, rendszerezett tartalom

A Melkwegnél a projekt kezdetétől egy fehér alapú, rendkívül letisztult, ha úgy tetszik minimalista site-ot szerettünk volna létrehozni.

Az ügyfél emellett elvárta, hogy az innováció társadalmi haszna és jelentősége a főoldali designban is megjelenjen. Azaz olyan kreatív megoldás fogadja a látogatókat a főoldalon, amit a felhasználók az intézményi weboldalaktól eltérőnek, újszerűnek, innovatívnak, de nem öncélúnak tartanak, és nem nehezíti meg a pályázati információkhoz való funkcionális elérést.

Az egyik kreatív javaslatot – amelyen egy támogatott projekt vezetője szerepelt a főoldal kiemelt, hero szakaszában – találta annyira erős és hatásos megoldásnak az ügyfél, hogy ez lett a honlap fő eleme.

A kreatív ötlet jól illeszkedett a Hivatal kommunikációs stratégiájához, amelyben rövid, közérthető cikkekben, mutatják be a legeredményesebb kutatási és innovációs projekteket. A Melkweg a sorozatot – a főoldal hero szakaszában – látványos főoldali grafikával és animációval támogatta, így mutatva be az “innováció hőseit”, a nyertes projektek vezetőit.

Így a közös munka, a tervezés és ötletelés eredményeképpen sikerült összhangba hoznunk az ügyfél igényeit és saját design-szakmai elképzeléseinket, amelyekből új grafikai megoldás született, illeszkedve a tartalomalkotó munkához is.

A megújult NKFIH website a nemzetközi elithez viszonyítva

Általánosságban elmondható, hogy a kutatás- és innovációs finanszírozással foglalkozó szervezetek között most már előkelő helyet foglal el az új NKFIH oldal.

Pályázati területen nem is találtunk hasonlót az előzetes kutatásaink során, állami/hivatali színtéren azonban az angol, vagy a német kormányzati oldalak, illetve az NKFIH-hez hasonló norvég szervezet weboldala bátran állítható példaként a szélesebb közvélemény és a szakmai közönség elé egyaránt.

Tankönyvbe illő design folyamat

A végeredményt természetesen nem nekünk kell megítélni, azt megteszik helyettünk a látogatók.

Az NKFIH projekt azonban olyan UX designer munka volt, amilyennek lennie kell egy hibátlan designer feladatnak és amiről szerintem minden szakember álmodik. A UX/UI gyakorlatilag valamennyi pontját érintettük, és bár valós szakmai okok miatt ezt minden projektnél meg kéne tennünk, valójában erre sajnos csak ritkán van lehetőségünk.

  •         elemeztünk analitikát
  •         elvégeztük a best practice kutatást
  •         perszónákat hoztunk létre
  •         rengeteget interjúztunk
  •         kérdőíveztünk
  •         elkészítettük a drótvázakat
  •         a drótvázakat tipizáltuk
  •         a lekutatott perszónákra építettünk teszteseteket, és ezeket valós felhasználókon teszteltük
  •         az így kapott eredmények alapján módosítottuk az előzetes UX terveket, ahol erre szükség volt

Lehetőségünk nyílt rá, hogy a UX design teljes eszköztárát végigjárjuk, ez pedig rendkívül izgalmas és tanulságos része volt a projektnek.

A UX ugyanis nem csak abból áll, hogy vázlatokat rajzolunk és a best practice szerint tervezünk.

Használjuk az analitikát, felépítünk egy sztorit, létrehozunk ezek alapján egy designt, azt megteszteljük és az így nyert adatok alapján az előzetes terveket finomítjuk, javítjuk és véglegesítjük. Összetett folyamat és minden elemére szükségünk van, ha valóban hasznos termékeket akarunk létrehozni.

Tanulságok, visszhangok mindkét oldalon

Dacára annak, hogy a megvalósítás a szükségesnél talán hosszabbra nyúlt a tervezettnél, ez egy igazán szerethető feladat volt. Természetesen nem törvényszerű, hogy körülbelül egy éves időintervallummal kell számolni egy ehhez hasonló projekt esetében, még akkor sem, ha az NKFIH oldalához hasonló bonyolultságú site-ról van szó. A tartalmak migrálása, átdolgozása miatt húzódott el a megvalósítás, éppen ezért fontos, hogy már a tervezési folyamat során el kell kezdeni a content átírását, illetve átstrukturálását.

Különösen azért volt számunkra is nagyon kedves ez a feladat, mert már az előzetes kutatás eredményeinek köszönhetően a megvalósításnál valóban a tudásunk legjavát hozhattuk.

A visszajelzések alapján az NKFIH is elégedett a végeredménnyel, az elvárásokat sikerült összhangba hoznunk a designnal és ez minden bizonnyal a látogatók tetszését is elnyeri.

A projekt során minden segítséget megkaptunk az ügyféltől, sok személyes meetingre sor került, amik érezhetően segítették a haladást és igazán remek munkakapcsolat alakult ki az NKFIH és köztünk.

Rendkívül fontos szerepet tölt be a Nemzeti Kutatási, Fejlesztési és Innovációs Hivatal a honi tudományos életben, és most már a Hivatal súlyának megfelelő weboldallal is rendelkeznek ehhez, ahol a pályázatok és az eredmények iránt érdeklődők egyaránt könnyen megtalálják, amit keresnek.

user experience

UX/UI Designer

Site Footer