Η διαδικασία ξεκινά πριν από τη σχεδίαση της αρχικής σελίδας

Η πιο ασφαλής αφετηρία είναι η απογραφή του πραγματικού καταλόγου. Ποιες σειρές υπάρχουν, ποιες διαστάσεις, ποιες επιφάνειες, ποιες χρωματικές κατευθύνσεις και ποια στοιχεία είναι πράγματι διαθέσιμα για κάθε προϊόν; Αυτή η εργασία καθορίζει την αρχιτεκτονική πολύ περισσότερο από μια μακέτα. Αν η δομή σχεδιαστεί πρώτα και τα δεδομένα προσπαθήσουν αργότερα να χωρέσουν μέσα της, προκύπτουν άδειες κατηγορίες, ασυνεπή φίλτρα και πολλές εξαιρέσεις. Η κατασκευή πρέπει να μεταφράσει τον κατάλογο σε λογική εύρεσης για τον πελάτη και όχι να αντιγράψει απλώς την εσωτερική ταξινόμηση της αποθήκης.

Στάδιο πρώτο: χαρτογράφηση σειρών, διαστάσεων και χρήσεων

Οι διαστάσεις πλακιδίων, οι σειρές και οι εφαρμογές χρειάζονται σταθερά πεδία ώστε να μπορούν να χρησιμοποιηθούν σε πλοήγηση και φίλτρα. Η ίδια σειρά μπορεί να εμφανίζεται σε διαφορετικές θεματικές διαδρομές χωρίς να δημιουργούνται πολλαπλές σελίδες με διαφορετικές περιγραφές. Στο στάδιο χαρτογράφησης αποφασίζεται επίσης ποια πεδία είναι υποχρεωτικά και ποια προαιρετικά. Ένα φίλτρο έχει αξία μόνο όταν το αντίστοιχο στοιχείο υπάρχει σε επαρκές μέρος του καταλόγου. Διαφορετικά ο χρήστης βλέπει ελλιπή αποτελέσματα και δεν γνωρίζει αν λείπει προϊόν ή πληροφορία.

Στάδιο δεύτερο: οπτικό υλικό με δύο διαφορετικούς ρόλους

Η καθαρή λήψη προϊόντος και τα δείγματα εφαρμογών δεν κάνουν την ίδια δουλειά. Η πρώτη βοηθά στη σύγκριση υφής, χρώματος και μορφής. Η δεύτερη βοηθά τον επισκέπτη να καταλάβει κλίμακα, χώρο και αισθητικό συνδυασμό. Μια καλή σελίδα χρειάζεται να ξεχωρίζει τις δύο χρήσεις και να αποφεύγει να παρουσιάζει μόνο εντυπωσιακές φωτογραφίες χωρίς καθαρή εικόνα του προϊόντος. Παράλληλα, οι εικόνες πρέπει να προετοιμάζονται σε κατάλληλα μεγέθη ώστε ο μεγάλος κατάλογος να μην καθυστερεί υπερβολικά την πλοήγηση.

Στάδιο τρίτο: φίλτρα που ακολουθούν πραγματικές επιλογές πελατών

Τα φίλτρα προϊόντων πρέπει να αντιστοιχούν στον τρόπο με τον οποίο οι άνθρωποι περιορίζουν πραγματικά τις επιλογές τους. Χρήση, μορφή, επιφάνεια, χρωματική οικογένεια ή άλλη ιδιότητα μπορεί να είναι χρήσιμη μόνο αν το δεδομένο είναι συνεπές. Η επιχείρηση πρέπει να αποφύγει την παγίδα να προσθέσει φίλτρα επειδή είναι τεχνικά εύκολα. Κάθε φίλτρο χρειάζεται καθαρή ετικέτα, ορατή κατάσταση όταν έχει εφαρμοστεί και εύκολη αναίρεση, ειδικά από κινητό. Η σειρά των φίλτρων μπορεί να ακολουθεί τη φυσική διαδικασία επιλογής και όχι αλφαβητική λογική.

Στάδιο τέταρτο: σελίδα προϊόντος που απαντά πριν ζητήσει επικοινωνία

Η σελίδα προϊόντος πρέπει να συγκεντρώνει όσα χρειάζεται κάποιος για να αποφασίσει αν αξίζει να προχωρήσει: βασική περιγραφή, διαθέσιμες διαστάσεις, εικόνες, σχετικές παραλλαγές και ξεκάθαρο επόμενο βήμα. Δεν χρειάζεται να περιέχει κάθε πιθανή πληροφορία. Χρειάζεται όμως σταθερή διάταξη ώστε η σύγκριση διαφορετικών σειρών να γίνεται χωρίς να ψάχνει ο χρήστης κάθε φορά σε άλλο σημείο. Όπου υπάρχει συνοδευτικό υλικό, η ονομασία του πρέπει να είναι κατανοητή και να συνδέεται με τη σωστή σειρά.

Στάδιο πέμπτο: έργα που λειτουργούν ως οδηγός και όχι μόνο ως βιτρίνα

Τα έργα και οι εφαρμογές μπορούν να μετατραπούν σε πρακτικό εργαλείο επιλογής όταν συνδέονται με προϊόντα και περιγράφουν το πλαίσιο του χώρου. Μια όμορφη φωτογραφία από μόνη της εμπνέει, αλλά δεν βοηθά τον επισκέπτη να συνεχίσει. Αν η σελίδα δείχνει ποια σειρά χρησιμοποιήθηκε ή ποιες παρόμοιες κατηγορίες υπάρχουν, δημιουργεί γέφυρα ανάμεσα στην αισθητική ιδέα και στον κατάλογο. Η σύνδεση πρέπει να είναι ακριβής· αν το ακριβές προϊόν δεν είναι διαθέσιμο ή δεν είναι γνωστό, δεν πρέπει να δηλώνεται αυθαίρετα.

Στάδιο έκτο: αίτημα προσφοράς που μεταφέρει τις επιλογές

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

Στάδιο έβδομο: έλεγχος με πραγματικά σενάρια πριν από τη δημοσίευση

Πριν ανοίξει δημόσια η νέα έκδοση, δοκιμάζονται πραγματικές διαδρομές: αναζήτηση συγκεκριμένης διάστασης, φιλτράρισμα κατά χρήση, μετάβαση από έργο σε σειρά, επιστροφή στα αποτελέσματα και αποστολή αιτήματος από κινητό. Δεν αρκεί να ελεγχθεί ότι κάθε κουμπί πατιέται. Πρέπει να φανεί αν ο χρήστης καταλαβαίνει πού βρίσκεται και αν κρατά τις επιλογές του καθώς κινείται. Η δοκιμή από άνθρωπο που δεν συμμετείχε στον σχεδιασμό συχνά αποκαλύπτει ασαφείς τίτλους και βήματα που η ομάδα θεωρούσε αυτονόητα.

Παραδοτέα που κλείνουν κάθε στάδιο

Η απογραφή πρέπει να καταλήγει σε καθαρό μοντέλο πεδίων και κατηγοριών. Η σχεδίαση πρέπει να καταλήγει σε εγκεκριμένες διαδρομές χρήστη και παραδείγματα πραγματικών σελίδων. Η κατασκευή πρέπει να ελέγχεται με πραγματικό περιεχόμενο και όχι μόνο με προσωρινά δείγματα. Πριν από τη δημοσίευση χρειάζεται καταγεγραμμένη λίστα ελέγχων, διορθώσεων και υπευθύνων. Έτσι το έργο δεν μεταφέρει κρίσιμες αποφάσεις στο τέλος και η επιχείρηση γνωρίζει τι ακριβώς έχει παραλάβει σε κάθε φάση.

Μετά τη δημοσίευση η βελτίωση συνεχίζεται πάνω σε πραγματική συμπεριφορά

Οι κατηγορίες που προσελκύουν ενδιαφέρον, τα φίλτρα που χρησιμοποιούνται, οι σελίδες από τις οποίες ξεκινούν αιτήματα και τα σημεία εγκατάλειψης δείχνουν πού χρειάζεται έλεγχος. Τα δεδομένα δεν πρέπει να οδηγούν σε βιαστικά συμπεράσματα. Λειτουργούν ως υπόδειξη: αν ένα φίλτρο σχεδόν δεν χρησιμοποιείται, εξετάζεται αν είναι χρήσιμο ή αν είναι κρυμμένο. Αν μια δημοφιλής σειρά δεν οδηγεί σε αιτήματα, ελέγχεται αν λείπει πληροφορία ή αν το επόμενο βήμα είναι ασαφές. Η συντήρηση μετατρέπει την αρχική κατασκευή σε συνεχή βελτίωση.

Η διαδικασία σε έξι καθαρά βήματα

1. Απογραφή καταλόγου, κατηγοριών και υποχρεωτικών πεδίων.
2. Σχεδιασμός πλοήγησης με βάση πραγματικές διαδρομές επιλογής.
3. Προετοιμασία φωτογραφιών προϊόντων και εφαρμογών με διακριτούς ρόλους.
4. Κατασκευή φίλτρων και σελίδων προϊόντος πάνω σε πλήρη δεδομένα.
5. Σύνδεση έργων, προϊόντων και αιτήματος προσφοράς.
6. Έλεγχος σε κινητό και υπολογιστή με πραγματικά σενάρια πριν από δημοσίευση.

Συγγενείς κατηγορίες μόνο όπου συνεχίζεται το έργο

Για μια ευρύτερη ανακαίνιση, ο επισκέπτης μπορεί να συνεχίσει σε περιεχόμενο για εμπορία κουφωμάτων ή σε σελίδα για εμπορία μονωτικών. Η εσωτερική σύνδεση πρέπει να εξυπηρετεί πραγματική συνέχεια του θέματος και όχι να διακόπτει τη βασική διαδικασία επιλογής πλακιδίων.

Κριτήριο ολοκλήρωσης της πρώτης έκδοσης

Η πρώτη έκδοση θεωρείται πραγματικά έτοιμη όταν ένας νέος επισκέπτης μπορεί να βρει πλακίδια με περισσότερες από μία αφετηρίες, να καταλάβει βασικές διαφορές, να δει εφαρμογές και να στείλει συγκεκριμένο αίτημα χωρίς βοήθεια από την ομάδα. Αν χρειάζεται τηλεφωνική εξήγηση για να εντοπίσει πληροφορία που θα έπρεπε να υπάρχει στον κατάλογο, η διαδικασία δεν έχει ολοκληρωθεί ακόμη. Ο έλεγχος αυτός πρέπει να γίνεται με πραγματικά προϊόντα και όχι μόνο με δείγματα σχεδίασης.

Συμπέρασμα

Η κατασκευή ιστοσελίδας για πλακίδια είναι περισσότερο διαδικασία οργάνωσης παρά άσκηση αισθητικής. Όταν κάθε στάδιο έχει σαφή παραδοτέα, ο κατάλογος μπορεί να υποστηρίξει φίλτρα, έργα και αιτήματα χωρίς αντιφάσεις. Ο επισκέπτης βλέπει τη σειρά που τον ενδιαφέρει, καταλαβαίνει τις διαθέσιμες επιλογές και φτάνει σε επικοινωνία έχοντας ήδη κάνει ουσιαστικό μέρος της έρευνας. Αυτό είναι το κριτήριο με το οποίο πρέπει να ελέγχεται η ολοκλήρωση της υλοποίησης.