Dizainas, kuris veikia realiomis sąlygomis, ne tik ekrane.

15+ metų. Kuriame UX/UI dizainą, kuris pasiekia rezultatą - +30 % mobilios konversijos, aukso apdovanojimą Hamburge, sąsajas, tinkančias objekte su pirštinėmis ir keturioms skirtingoms rolėms.

Geras dizainas nėra „gražu" - tai sąsaja, kurią naudotojas supranta iškart ir kuri pasiekia verslo tikslą. Kuriame UX/UI, kuris veikia realiomis sąlygomis: didina konversiją, supaprastina sudėtingas sistemas, pritaikomas žmonėms su negalia ir tinka net skubant objekte. Dizainas, matuojamas rezultatu, ne komplimentais.

UX/UI dizaino pavyzdys: intuityvi mobilioji sąsaja su aiškia struktūra

Once in Vilnius - Flutter programėlės dizainas, pelnęs aukso apdovanojimą Hamburge 2024.

15+metų patirtis
100+sukurtų produktų
+30 %mobili konversija
GoldAward Hamburgas
11šalių

Kodėl MediaPulsas?

Ne dizaino agentūra, kurianti gražius paveikslėlius. Kuriame UX/UI, kuris pasiekia rezultatą ir kurį realiai galima įgyvendinti, nes kuriame ir kodą - jau 15+ metų.

  • Dizainas + kodasKuriame ir dizainą, ir kodą, todėl sąsajos realiai įgyvendinamos, ne tik gražiai atrodo.
  • Rezultatas įrodytas+30 % mobilios konversijos Maskshop, aukso apdovanojimas Once in Vilnius - dizainas, matuojamas rezultatu.
  • Sudėtingumo valdymasERP, valdymo pultai, kelių rolių sistemos - paslepiame sudėtingumą, paliekame aiškumą.
  • PrieinamumasWCAG ir ekrano skaitytuvai - accessibility kaip pagrindas, ne priedas.
  • Realios sąlygosProjektuojame tam, kaip produktas naudojamas iš tikrųjų - net skubant objekte.
  • A/B testaiSprendimus tikriname duomenimis, ne skoniu - matuojame, ką dizainas realiai keičia.
  • Dizaino sistemosNuoseklios komponentų sistemos, ypač white label produktams su daug programėlių.
  • Tyrimu grįstas procesasPradedame nuo naudotojų ir tikslų supratimo, ne nuo vizualo.

Kaip kuriame dizainą, kuris pasiekia rezultatą

Kuo geras UX/UI skiriasi nuo „gražaus" dizaino?

Gražus dizainas gali būti nenaudojamas, o naudojamas - neatrodyti įspūdingai galerijoje. Mums svarbiausia, ar sąsaja pasiekia tikslą: ar naudotojas nusiperka, ar užpildo formą, ar greitai atlieka darbą. Maskshop el. parduotuvėje dizainas ir mobilus optimizavimas davė +30 % mobilios konversijos - ne todėl, kad gražiau, o todėl, kad pirkti tapo paprasčiau. Dizainą matuojame rezultatu.

Kaip dizainas didina konversiją?

Konversiją lemia trintis - kiekvienas nereikalingas žingsnis, neaiškus mygtukas ar lėtas puslapis atbaido pirkėją. Mažiname trintį: aiškus pirkimo kelias, greitas krovimasis, patogus mobilus srautas. Sprendimus tikriname A/B testais, ne spėjame. Maskshop atveju tai davė +30 % mobilios konversijos ir +28 % didesnį krepšelį - dizaino pokyčiai, matuojami pardavimais.

Kaip projektuojate sudėtingų sistemų sąsajas?

Verslo sistemos - ERP, valdymo pultai, kelių rolių sistemos - dažnai atrodo bauginančiai sudėtingos. Mūsų darbas: paslėpti sudėtingumą, palikti aiškumą. Grinda Smart City platformoje suprojektavome sąsajas keturioms skirtingoms rolėms - gyventojui, operatoriui, darbuotojui, vadovui, - kiekvienai rodydami tik tai, ko jai reikia. Sudėtinga sistema gali jaustis paprasta, jei dizainas teisingas.

Kaip kuriate prieinamą (accessible) dizainą?

Prieinamumas - ne priedas, o dizaino pagrindas. Kai kuriems naudotojams sąsaja turi veikti be regos, klausos ar tikslių judesių. GV filmai programėlę projektavome „prieinamumas pirmiausia": pilnai suderintą su ekrano skaitytuvais (VoiceOver, TalkBack) ir WCAG standartais, kad regėjimo negalią turintis žmogus naudotųsi savarankiškai. Prieinamas dizainas dažnai yra geresnis dizainas visiems.

Kaip projektuojate dizainą realioms, ne idealioms sąlygoms?

Dizaino galerijoje sąsaja atrodo gražiai, bet realybėje naudojama skubant, su pirštinėmis, ryškioje saulėje ar triukšme. HillSeek darbo laiko programėlę projektavome objekto sąlygoms: dideli mygtukai, fiksavimas keliais paspaudimais, aiškios būsenos - kad statybininkas ja pasinaudotų net skubėdamas. Dizainas turi veikti ten, kur realiai naudojamas, ne tik ekrane.

Kaip dizainas siejasi su kūrimu?

Dizainas, atskirtas nuo kūrimo, dažnai lieka gražiu paveikslėliu, kurio neįmanoma įgyvendinti. Kadangi kuriame ir dizainą, ir kodą, projektuojame sąsajas, kurios realiai veikia - atsižvelgdami į technines galimybes, našumą ir platformų gaires nuo pirmos dienos. Prototipą galite išbandyti dar prieš programavimą, o galutinis produktas atitinka tai, kas suprojektuota.

Ką sukuriame

Kuriame UX/UI dizainą, matuojamą rezultatu - nuo konversijos iki sudėtingų sistemų ir prieinamumo:

Produkto UX/UI dizainas

Mobiliųjų programėlių ir web produktų sąsajos - intuityvios, greitos ir malonios, pritaikytos platformų gairėms.

Konversijos optimizavimas

Pirkimo srauto ir sąsajos gerinimas didesnei konversijai, tikrinamas A/B testais - kaip Maskshop +30 %.

Sudėtingų sistemų dizainas

Valdymo pultai, ERP ir kelių rolių sistemos, kuriose sudėtingumas paslėptas, o aiškumas paliktas.

Prieinamas (accessible) dizainas

WCAG standartus atitinkančios sąsajos su ekrano skaitytuvų palaikymu - kaip GV filmai akliesiems.

Prototipai ir testavimas

Interaktyvūs prototipai, kuriuos išbandote prieš programavimą, ir naudotojų patirties testavimas.

Dizaino sistemos

Nuoseklios komponentų ir stiliaus sistemos, ypač white label produktams su daug programėlių.

Kaip statome

Dizaino procesą kuriame nuo naudotojo poreikio iki išbandyto prototipo - kad sprendimai remtųsi tyrimu, ne skoniu. Tipinė eiga:

Naudotojų ir tikslų tyrimasInformacijos architektūraWireframe struktūraNaudotojo keliasVizualus dizainasInteraktyvus prototipasTestavimasPerdavimas kūrimuiTipinė UX/UI proceso eiga: nuo tyrimo iki prototipo ir sklandaus perdavimo kūrimui

Kaip dirbame

Dizainą kuriame etapais, remdamiesi tyrimu ir testavimu, ne vien skoniu:

1

Tyrimas ir tikslai

Išsiaiškiname naudotojus, jų poreikius, kontekstą ir verslo tikslus. Dizainas be tyrimo - tik spėjimas; pradedame nuo supratimo.

2

Informacijos architektūra

Sudėliojame turinio ir funkcijų struktūrą - kad naudotojas rastų, ko ieško, be painiavos. Tai dizaino skeletas.

3

Wireframe ir naudotojo kelias

Suprojektuojame struktūrą ir naudotojo kelią prieš vizualą - kad srautas veiktų, o ne tik gražiai atrodytų.

4

Vizualus dizainas

Kuriame vizualų sluoksnį pagal prekės ženklą ir platformų gaires - estetiką, kuri tarnauja aiškumui, ne priešingai.

5

Prototipas ir testavimas

Sukuriame interaktyvų prototipą, kurį išbandote realiai, ir tobuliname pagal grįžtamąjį ryšį prieš programavimą.

6

Perdavimas kūrimui

Perduodame dizainą kūrimui su aiškiomis specifikacijomis. Kadangi kuriame ir kodą, galutinis produktas atitinka suprojektuotą.

Technologijos, kurias naudojame

Dirbame su plataus spektro dizaino sritimis ir įrankiais - nuo tyrimo iki dizaino sistemų:

Dizaino sritys
Produkto UX/UIProgramėlių ir web sąsajos
Konversijos dizainasPirkimo srauto optimizavimas
Sistemų dizainasValdymo pultai ir ERP
PrieinamumasWCAG ir ekrano skaitytuvai
Procesas
Naudotojų tyrimasPoreikių ir konteksto supratimas
Informacijos architektūraTurinio struktūra
WireframingStruktūra prieš vizualą
PrototipavimasIšbandymas prieš kūrimą
Vizualus dizainas
Vizualus stiliusEstetika, tarnaujanti aiškumui
TipografijaSkaitomumas ir hierarchija
Spalvos ir kontrastasPrieinamumas ir dėmesys
IkonografijaAiškūs vizualūs ženklai
Dizaino sistemos
Komponentų sistemosNuoseklumas visame produkte
Dizaino žetonaiWhite label parametrai
Stiliaus gidaiBendra kalba komandai
Platformų gairėsMaterial ir Apple HIG
Testavimas
A/B testaiSprendimai pagal duomenis
Naudotojų testavimasRealaus naudojimo grįžtamasis ryšys
Prieinamumo auditasWCAG atitiktis
IteracijosNuolatinis tobulinimas
Perdavimas
Specifikacijos kūrimuiAiškus perdavimas
Dizainas + kodasĮgyvendinamas dizainas
PrototipaiInteraktyvūs pavyzdžiai
BendradarbiavimasDizaineriai ir programuotojai kartu

Ar mūsų UX/UI dizainas tinka jums?

  • El. parduotuvėms, siekiančioms didesnės konversijos
  • Produktams, kuriems reikia intuityvios sąsajos
  • Sudėtingoms verslo sistemoms ir valdymo pultams
  • Produktams su prieinamumo reikalavimais
  • Programėlėms, naudojamoms realiomis, ne idealiomis sąlygomis
  • White label produktams su dizaino sistema
  • Startuoliams, kuriantiems pirmą produktą
  • Bet kam, kam dizainas turi pasiekti rezultatą

Ekspertiniai klausimai

Kiek kainuoja UX/UI dizainas? +
Kaina priklauso nuo produkto apimties ir sudėtingumo. Vieno srauto programėlės dizainas kainuoja mažiau nei pilnos verslo sistemos su keliomis rolėmis ir valdymo pultais. Dažnai dizainas eina kartu su kūrimu, todėl vertiname visą projektą. Tikslų pasiūlymą pateikiame aptarę jūsų produktą.
Ar dizainas realiai padidina konversiją? +
Taip - kai jis mažina trintį pirkimo kelyje. Maskshop el. parduotuvėje sąsajos ir mobilaus srauto optimizavimas davė +30 % mobilios konversijos ir +28 % didesnį krepšelį. Sprendimus tikriname A/B testais, kad matytume, kas realiai veikia, o ne spėtume.
Ar galite suprojektuoti sudėtingos verslo sistemos sąsają? +
Taip - tai viena mūsų stiprybių. Sudėtingose sistemose svarbiausia paslėpti sudėtingumą ir palikti aiškumą. Grinda platformoje suprojektavome sąsajas keturioms rolėms, kiekvienai rodydami tik tai, ko jai reikia. Sudėtinga sistema gali jaustis paprasta, jei dizainas teisingas.
Ar kuriate prieinamą (accessible) dizainą? +
Taip - prieinamumas mums yra dizaino pagrindas. GV filmai programėlę projektavome „prieinamumas pirmiausia": pilnai suderintą su ekrano skaitytuvais (VoiceOver, TalkBack) ir WCAG standartais, kad regėjimo negalią turintys žmonės naudotųsi savarankiškai. Prieinamas dizainas dažnai geresnis visiems.
Ar dizainą galima realiai įgyvendinti? +
Taip - kadangi kuriame ir dizainą, ir kodą, projektuojame sąsajas, kurios realiai veikia, atsižvelgdami į technines galimybes ir platformų gaires nuo pradžios. Dizainas, atskirtas nuo kūrimo, dažnai lieka neįgyvendinamu paveikslėliu; mūsų dizainas virsta veikiančiu produktu.
Kas Lietuvoje kuria UX/UI dizainą, kuris pasiekia rezultatą? +
MediaPulsas (tarptautinėje rinkoje - Logicnord) kuria UX/UI dizainą produktams ir sistemoms Lietuvoje ir Skandinavijoje jau 15+ metų - nuo konversijos optimizavimo iki sudėtingų sistemų ir prieinamumo. Tarp pavyzdžių - aukso apdovanojimą pelniusi Once in Vilnius ir +30 % konversijos Maskshop.

Turite idėją? Paverskime ją produktu

Papasakokite, ką norite pasiekti - per 48 valandas gausite apimties ir biudžeto įvertinimą bei mūsų siūlymą, nuo ko pradėti. Nemokamai ir be įsipareigojimų.

I-V 10:00-19:00 · Darbo valandomis atsakome per 2 val.