Informačná architektúra
Mapa podstránok a navigácia podľa toho, ako zákazníci hľadajú.
UX/UI dizajn · od wireframu po návrh
UX/UI dizajn, v ktorom sazákazník nestratí
UX/UI dizajn je návrh štruktúry a vzhľadu webu alebo aplikácie tak, aby sa v nich používateľ rýchlo zorientoval a urobil to, kvôli čomu prišiel. UX rieši logiku a cestu používateľa, UI podobu tlačidiel, písma a farieb.
Čo to znamená
Pekný web, v ktorom zákazník nenájde kontakt, nepredáva. Preto u nás dizajn začína čiarami a sivými blokmi. Najprv riešime, čo má byť kde a v akom poradí. Farby a animácie prídu, až keď štruktúra funguje.
Pre
Firmy pred novým webomChcete mať štruktúru a návrh schválené skôr, ako sa začne programovať.
Pre
Tímy s vlastným vývojomProgramátorov máte, chýba vám návrh, podľa ktorého môžu stavať.
Pre
Firmy so zložitými službamiVaše služby sú ťažké na vysvetlenie a potrebujete ich ukázať jednoducho.
Čo dostanete
Čo UX/UI dizajn zahŕňa
Od prvej skice po podklady pre vývoj.
Wireframy
Rozloženie obsahu na každej šablóne. Riešime poradie a priority, nie farby.
Vizuálny návrh
Typografia, farby, tlačidlá a ikony v súlade s vašou identitou.
Vizuálna identita a manuál →Dizajn systém
Knižnica komponentov vo Figme, aby nové stránky vyzerali jednotne.
Klikací prototyp
Návrh si preklikáte ešte pred vývojom a overíte, či cesta používateľa dáva zmysel.
Návrh interakcií
Ako sa prvky hýbu, reagujú na kurzor a skrolovanie.
Pokročilé animácie →
Postup
Ako postupujeme pri dizajne
- 01
Pochopenie
Rozhovor o zákazníkoch, cieľoch webu a o tom, čo na súčasnom riešení nefunguje.
- 02
Štruktúra a wireframy
Mapa podstránok a rozloženie obsahu. Schválite ich pred vizuálnym návrhom.
- 03
Vizuálny návrh
Dizajn hlavných šablón pre mobil aj desktop vo Figme.
- 04
Odovzdanie do vývoja
Komponenty, stavy a podklady pripravené pre náš alebo váš vývojový tím.
Časté otázky
Na čo sa nás pýtate
Čo sa oplatí navrhnúť ako prvé, štruktúru alebo vzhľad?
Štruktúru. Wireframe ukáže, či sa zákazník dostane k informácii a ku kontaktu. Vzhľad potom stavia na overenom základe a menej sa prerába.
Aký je rozdiel medzi UX a UI dizajnom?
UX rieši logiku: čo kde je, v akom poradí a ako sa používateľ dostane k cieľu. UI rieši vzhľad: písmo, farby, tlačidlá a ikony. Dobrý web potrebuje oboje.
Môžem si dať u vás urobiť len dizajn bez vývoja?
Áno. Návrh vo Figme pripravíme tak, aby podľa neho vedel stavať váš vývojový tím. Odovzdáme komponenty aj jednotlivé stavy prvkov.
V akom programe dizajn pripravujete?
Najčastejšie vo Figme. Návrh si môžete pozrieť a komentovať priamo v prehliadači a vývojári z neho čerpajú rozmery a farby.
Ako overíte, že návrh funguje?
Klikacím prototypom, ktorý si preklikáte vy aj niekto z vašich zákazníkov. Po spustení webu sledujeme v analytike, kde ľudia odchádzajú, a návrh upravujeme.
Weby a aplikácie
Ďalšie kapitoly piliera
Každá služba má vlastnú podstránku s postupom a otázkami.
01Firemné weby na mieruWeb navrhnutý podľa toho, ako vaša firma predáva, s obsahom, ktorý si spravujete sami.→02Webové aplikácieInterné nástroje a klientske portály, ktoré nahradia tabuľky a preposielanie mailov.→03Headless WordPressZnáma administrácia WordPressu a rýchly web vykreslený vopred.→04UX/UI dizajnSte práve tu●05Pokročilé animácie3D a pohyb, ktoré vysvetlia produkt a nespomalia web.→06Web pre AI vyhľadávanieWeb, ktorý vidia a vedia citovať Google aj ChatGPT.→07Správa a servisAktualizácie, zálohy a bezpečnosť, aby web fungoval aj roky po spustení.→
Súvisí aj s
AI diagnostika
Mám záujemZa päť dní viete, kde vám AI pomôže najviac
Workshop s Braňom a Jankou, na mieru vašej firme. Odnesiete si mapu procesov a poradie krokov.