V čom sa líši wireframe od mockup?

Wireframe a mockup sú rôzne fázy vizuálneho návrhu rozhrania:

• Wireframe je schematické, zjednodušené zobrazenie štruktúry stránky alebo obrazovky. Ukazuje usporiadanie hlavných prvkov, ich vzťahy a funkčné bloky bez podrobného dizajnu. Wireframe pomáha rýchlo dohodnúť logiku a štruktúru.

• Mockup je podrobnejší a vizuálne bližší konečnému dizajnu. V mockupe sú už zohľadnené farby, písma, ikony a ďalšie prvky štýlu. Je to medzičlánok medzi wireframe a prototypom.

Príklad: najskôr vytvoria wireframe, aby určili, kde bude menu, tlačidlá a obsah, a potom vytvoria mockup, aby ukázali, ako to bude vyzerať z pohľadu dizajnu.