Ένα wireframe είναι ένα απλοποιημένο σκίτσο διάταξης που δείχνει δομή χωρίς οπτικό σχεδιασμό. Χωρίς χρώματα, χωρίς φωτογραφίες, χωρίς στιλβωμένη γραμματοσειρά. Μόνο πλαίσια, γραμμές και κείμενο κράτησης θέσης. Το θέμα είναι να καταλάβετε πού πηγαίνουν τα πράγματα πριν αποφασίσετε πώς φαίνονται. Τα wireframes απαντούν σε ερωτήσεις σχετικά με την ιεραρχία, την πλοήγηση και τη ροή περιεχομένου. Είναι φθηνά στην κατασκευή τους και εύκολα στην αλλαγή.

Οι σχεδιαστές σχεδιάζουν wireframes με το χέρι, σε εργαλεία όπως το Figma ή το Sketch, ή με ειδικές εφαρμογές. Τα wireframes χαμηλής πιστότητας χρησιμοποιούν πρόχειρα πλαίσια και γραμμένες ετικέτες. Τα wireframes υψηλής πιστότητας προσθέτουν πραγματικό περιεχόμενο και πιο ακριβή διαστήματα, αλλά εξακολουθούν να αποφεύγουν το χρώμα και τις εικόνες. Οι ομάδες χρησιμοποιούν wireframes για να ευθυγραμμίσουν τα ενδιαφερόμενα μέρη νωρίς. Ένας πελάτης που διστάζει να μετακινήσει ένα κουμπί σε ένα wireframe γλιτώνει όλους από τον πόνο της ανακατασκευής μιας ολοκληρωμένης οθόνης αργότερα.

Τι δείχνουν τα wireframes

• Τοποθέτηση των κύριων τμημάτων της σελίδας.
• Δομή πλοήγησης και στοιχεία μενού.
• Ιεραρχία και ομαδοποίηση περιεχομένου.
• Διαδραστικά στοιχεία όπως κουμπιά και φόρμες.

Τα wireframes δεν είναι σχέδια. Είναι εργαλεία συζήτησης. Ο στόχος είναι να επιτευχθεί συμφωνία σχετικά με τη δομή προτού κάποιος αφιερώσει χρόνο στην επιφάνεια.