Ποια είναι η διαφορά μεταξύ wireframe και mockup;

Wireframe και mockup είναι διαφορετικά στάδια του οπτικού σχεδιασμού της διεπαφής:

• Wireframe είναι μια σχηματική, απλοποιημένη απεικόνιση της δομής μιας σελίδας ή οθόνης. Δείχνει τη διάταξη των βασικών στοιχείων, τις σχέσεις τους και τα λειτουργικά μπλοκ χωρίς λεπτομερή σχεδίαση. Το wireframe βοηθά στην άμεση συμφωνία της λογικής και της δομής.

• Mockup είναι μια πιο λεπτομερής και οπτικά κοντά στο τελικό σχέδιο εικόνα. Στο mockup λαμβάνονται υπόψη τα χρώματα, οι γραμματοσειρές, τα εικονίδια και άλλα στοιχεία στυλ. Είναι ένα ενδιάμεσο βήμα μεταξύ wireframe και πρωτοτύπου.

Παράδειγμα: αρχικά δημιουργούν ένα wireframe για να καθορίσουν πού θα είναι το μενού, τα κουμπιά και το περιεχόμενο, και στη συνέχεια κάνουν ένα mockup για να δείξουν πώς θα φαίνεται από την άποψη του σχεδιασμού.