Mockup

Čo je Mockup?

Mockup je statický grafický návrh, ktorý ukazuje, ako bude web, aplikácia alebo produkt vyzerať po dokončení. Na rozdiel od wireframu obsahuje farby, typografiu, obrázky, ikony aj reálne texty. Nie je však klikateľný a nemá funkčnosť. Pojem sa používa aj pre vizualizáciu dizajnu v reálnom prostredí, napríklad loga na vizitke alebo webu na obrazovke notebooku. Mockup je podkladom na schválenie dizajnu pred programovaním.

Prečo na tom záleží

Mockup dáva klientovi presnú predstavu o výsledku ešte pred začatím vývoja. Pripomienky k farbám, rozloženiu či obrázkom sa riešia lacno v grafickom nástroji, nie v kóde. Vývojár dostane jasné zadanie, čím sa znižuje počet nedorozumení a opráv. Vizualizácie v reálnom prostredí pomáhajú pri predaji, prezentácii značky aj v portfóliu. Schválený mockup chráni obe strany pred sporom o to, čo bolo dohodnuté.

Príklady z praxe

• 1Grafický návrh domovskej stránky vo Figme na schválenie klientom.
• 2Desktopová a mobilná verzia produktovej stránky e-shopu.
• 3Logo umiestnené na vizitke, firemnom aute alebo obale produktu.
• 4Ukážka webu na obrazovke notebooku a smartfónu do portfólia.
• 5Návrh e-mailového newslettera pred jeho nakódovaním.