Wireframe je zjednodušený návrh stránky bez farieb, fotografií a typografie, ktorý zobrazuje rozloženie prvkov, ich poradie a vzájomné vzťahy. Prototyp je jeho preklikateľná verzia, v ktorej sa dá prejsť celý postup od vstupu po dokončenie objednávky alebo odoslanie dopytu. Zmysel oboch je oddeliť dve otázky, ktoré sa inak riešia naraz a mätú sa: čo má na stránke byť a v akom poradí, a ako to má vyzerať. Pripomienky typu nepáči sa mi tá farba pri wireframe nevzniknú a diskusia sa sústredí na obsah a logiku. Prototyp navyše umožní otestovať postup na skutočných ľuďoch skôr, než sa čokoľvek naprogramuje, čo je najlacnejší moment na zmenu. Pri väčších projektoch ušetrí wireframe viac času, než zaberie jeho tvorba.
Pozri aj: informačná architektúra, testovanie použiteľnosti, design systém.
