Herunder er der et eksempel på et wireframe. Som du kan se, er det relativt tydeligt, at det er et slags galleri med nogle thumbnails. Ideen med et wireframe som det herunder er, at teste nogle funktioner og layout. Ved det her eksempel ville man teste layout af de forskellige cases, men endnu vigtigere er sorteringsfunktionen. På den måde kan man hurtigst muligt sikrer, at det man har udarbejdet også fungerer i praksis, og dermed opfange fejl og mangler tidligt i processen, frem for først at støde på disse når produktet er færdigudviklet.
Herunder er der et eksempel på et mockup. Her kan man bla. se hvordan det ikke længere blot er streger og tomme kasser, men at alt indhold, som skal være på den endelige side, er indsat. Udover at repræsentere det endelige produkt visuelt, skal den også repræsentere alle kerne funktionaliteter. Med andre ord er et mockup altså en tro kopi af det endelige produkt, det kan også kaldes en prototype.
