UX dizajn alebo vývoj webu? Zistite, čo má prísť skôr, prečo poradie rozhoduje o konverziách a ako pripraviť web, ktorý podporí rast firmy a drahých zmien.
Web môže byť technicky bezchybný, rýchly a plný moderných funkcií. Ak však návštevník do pár sekúnd nepochopí, čo ponúkate, komu pomáhate a aký má urobiť ďalší krok, investícia do vývoja sa nevráti. Práve preto otázka UX dizajn alebo vývoj webu nie je debatou o poradí dvoch dodávok. Je to rozhodnutie o tom, či bude web najprv navrhnutý pre obchodný výsledok, alebo len postavený ako technický produkt.
Pre majiteľa firmy či marketingového manažéra je lákavé začať vetou: „Potrebujeme nový web.“ Vývojár potom prirodzene rieši technológie, redakčný systém, integrácie a termín spustenia. To všetko je potrebné. No bez jasne navrhnutej používateľskej skúsenosti vzniká riziko, že rýchlo postavíte niečo, čo bude následne pomaly a draho prerábať.
UX dizajn alebo vývoj webu: správne poradie
V typickom projekte má UX dizajn prísť pred vývojom. Nie preto, že dizajn je dôležitejší než technológia, ale preto, že UX definuje problém, ktorý má technológia vyriešiť.
UX dizajn odpovedá na otázky, ktoré majú priamy vplyv na obchod. Kto príde na web? S akou potrebou? Aké informácie potrebuje, aby vám dôveroval? Akou cestou sa dostane k dopytu, objednávke alebo kontaktu? A čo mu môže v tomto kroku prekážať?
Vývoj webu následne premieňa toto rozhodnutie na funkčný systém. Rieši výkon, bezpečnosť, formuláre, CMS, napojenie na CRM, e-shopové procesy či technické SEO. Bez vývoja ostane UX len premysleným návrhom. Bez UX však vývoj často realizuje predpoklady, ktoré nikto neoveril.
Najlepšie výsledky nevznikajú tak, že dizajnér odovzdá hotové obrazovky a vývojár ich bez otázok „prekóduje“. UX a technický tím musia spolu hovoriť už od začiatku. Niekedy sa ukáže, že ideálne riešenie je príliš náročné na správu. Inokedy technické obmedzenie odhalí, že používateľský scenár treba zjednodušiť. Práve v tomto dialógu vzniká web, ktorý funguje aj po spustení.
Čo presne rieši UX pred prvým riadkom kódu
UX nie je výber farieb, módna animácia ani pekný prototyp. Je to návrh štruktúry, obsahu a interakcií na základe reálneho správania ľudí a cieľov firmy.
Pri firemnom webe to často začína základnou stratégiou. Treba pomenovať, ktoré služby alebo produkty majú pre firmu najväčšiu hodnotu, aké rozhodovacie bariéry majú zákazníci a v čom je značka odlišná. Firma, ktorá predáva technicky komplexné riešenia, nebude komunikovať rovnako ako lokálna prevádzka alebo e-shop s impulzívnym nákupom. Každý z týchto modelov potrebuje inú informačnú architektúru aj inú cestu ku konverzii.
Nasleduje návrh používateľských tokov. Návštevník, ktorý prišiel z kampane na konkrétnu službu, nepotrebuje na úvodnej stránke čítať celý príbeh firmy. Potrebuje rýchlo zistiť relevantný prínos, dôkazy o kvalite, rámcový postup spolupráce a jasný kontakt. Naopak človek, ktorý značku ešte nepozná, môže potrebovať viac kontextu, referencií a vysvetlenia vašej expertízy.
Až potom prichádzajú wireframy a prototypy. V nich sa testuje hierarchia obsahu, navigácia, formuláre, výzvy k akcii aj správanie na mobile. Je omnoho lacnejšie posunúť sekciu, zmeniť poradie argumentov alebo odstrániť zbytočný krok v prototype než po naprogramovaní piatich šablón.
Prečo je začať vývojom často drahšia skratka
Keď sa vývoj začne bez UX zadania, rozhodnutia sa robia za pochodu. Navigácia sa vytvára podľa toho, aké podstránky „asi treba“. Texty sa dopĺňajú na poslednú chvíľu. Formulár má priveľa polí, lebo „možno ich budeme potrebovať“. A dôležité služby sa schovajú v menu, pretože na úvodnej stránke už nezostalo miesto.
Výsledkom nemusí byť zlý web na prvý pohľad. Môže vyzerať profesionálne a mať všetky očakávané sekcie. Problém sa prejaví až v dátach a v obchode: návštevnosť neprináša dopyty, ľudia odchádzajú z mobilu, obchodníci dostávajú neúplné formuláre alebo tím nevie jednoducho upraviť obsah pri novej kampani.
Následné opravy bývajú nákladné, pretože jedna zmena sa dotkne dizajnu, frontendu, administrácie aj testovania. Navyše sa stráca čas, počas ktorého mohol web podporovať predaj. UX fáza preto nie je nadštandard navyše. Je to spôsob, ako znížiť počet drahých rozhodnutí urobených naslepo.
Kedy môže vývoj začať skôr alebo paralelne
Existujú výnimky. Ak riešite technickú migráciu zastaraného webu, bezpečnostný problém alebo končiacu podporu systému, technický zásah nemôže čakať na komplexný redesign. Vtedy má zmysel najskôr stabilizovať platformu a zároveň pripraviť UX plán pre ďalšiu etapu.
Podobne pri MVP nemusíte investovať do detailne prepracovaného dizajnového systému. Aj minimálny produkt však potrebuje jasno v tom, pre koho je, akú jedinú hlavnú úlohu má splniť a ako zmeriate reakciu používateľov. Rýchlosť bez hypotézy nie je agilita. Je to len rýchlejšie míňanie rozpočtu.
Pri rozsiahlych projektoch môže UX a vývoj bežať čiastočne súbežne. Kým sa vyvíja schválený základ - napríklad komponenty, administrácia alebo technické jadro - UX tím dopracúva ďalšie sekcie a scenáre. Podmienkou je disciplína: musí byť jasné, ktoré rozhodnutia sú už uzavreté a ktoré sa ešte môžu zmeniť.
Ako vyzerá zdravý proces webového projektu
Dobrý proces nezačína otázkou, aký redakčný systém použijete. Začína cieľom. Potrebujete viac kvalifikovaných dopytov? Predať konkrétnu produktovú líniu? Uľahčiť prácu obchodnému tímu? Posilniť dôveryhodnosť pri väčších zákazkách? Každý cieľ ovplyvňuje obsah, funkcie aj metriku úspechu.
Potom má prísť obsahová a UX architektúra. Definuje sa rozsah stránok, prioritné publikum, hlavné konverzné cesty, typy obsahu a dôkazy, ktoré budujú dôveru. Referencie, ukážky realizácií, konkrétne výsledky, certifikáty či jasný proces spolupráce nie sú výplňou. Sú to argumenty, ktoré pomáhajú zákazníkovi rozhodnúť sa.
Na túto kostru nadväzuje UI dizajn - vizuálna vrstva, ktorá dáva štruktúre charakter značky. Tu sa prejaví identita firmy v typografii, farbách, obrazovom štýle, kompozícii a detailoch. Silná vizuálna identita nemá prekryť slabý obsah. Má zvýrazniť to, čo návštevník potrebuje pochopiť.
Až potom prichádza vývoj, testovanie a spustenie. Pred publikovaním treba overiť mobilné zobrazenie, rýchlosť, funkčnosť formulárov, prístupnosť, meranie konverzií aj editovateľnosť obsahu. Web nie je jednorazová kreatívna prezentácia. Je to pracovný nástroj, ktorý musí marketingový a obchodný tím reálne používať.
Otázky, ktoré si položte pred objednaním vývoja
Ak agentúra alebo vývojár hneď posiela cenovú ponuku na web bez otázok o zákazníkoch, obsahu a obchodných cieľoch, spozornite. Cena za počet podstránok síce pôsobí jednoducho, no nehovorí nič o tom, či bude výsledok plniť svoju úlohu.
Pred začiatkom projektu potrebujete vedieť, ktorý problém má nový web odstrániť, aký krok má návštevník vykonať a podľa čoho spoznáte úspech. Dôležité je tiež pomenovať, kto bude dodávať obsah, kto bude schvaľovať rozhodnutia a kto sa bude o web starať po spustení. Aj výborný dizajn stráca hodnotu, ak sa po roku zmení na neaktuálny katalóg.
V 850North vnímame UX ako spojenie značky a obchodného správania. Web má vyzerať presvedčivo, ale predovšetkým musí jasne komunikovať hodnotu firmy a viesť ľudí k rozhodnutiu. Dizajn, obsah a technológia nie sú samostatné disciplíny v jednej faktúre. Sú to vrstvy jedného zážitku.
Ak stojíte pred rozhodnutím, či investovať najprv do UX alebo do vývoja, nezačínajte tým, čo sa dá najrýchlejšie naprogramovať. Začnite tým, čo má zákazník pochopiť a urobiť. Keď je táto odpoveď jasná, vývoj dostane smer a váš web má omnoho lepšiu šancu pracovať pre rast firmy každý deň.
