Πορτρέτο του Ξενοφών Απάκη
Ξενοφών Απάκης
Web designer και developer από το 1997

Δημιουργια επαγγελματικου site

Δημιουργια επαγγελματικου site

· Με δύο λόγια

Οργανωμένος οδηγός για τη δημιουργία επαγγελματικού site: στόχοι, δομή, περιεχόμενο, σχεδίαση, ανάπτυξη, έλεγχοι και σωστή παράδοση..

Δημιουργία επαγγελματικού site: από την ιδέα σε μια ιστοσελίδα που εξυπηρετεί πελάτες

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

Βήμα πρώτο: αποτύπωση στόχων και κοινού

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

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

Βήμα δεύτερο: χάρτης σελίδων και διαδρομές επίσκεψης

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

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

Βήμα τρίτο: περιεχόμενο που απαντά σε πραγματικές απορίες

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

Η βελτιστοποίηση για μηχανές αναζήτησης, SEO (Search Engine Optimization), υποστηρίζει αυτή την οργάνωση: σαφείς επικεφαλίδες, περιγραφικούς τίτλους, χρήσιμες εσωτερικές διασυνδέσεις και κείμενο που ανταποκρίνεται σε συγκεκριμένη πρόθεση. Δεν απαιτεί επανάληψη της ίδιας φράσης. Στο τέλος του σταδίου παραδίδονται εγκεκριμένα κείμενα και κατάλογος εικόνων με κατάλληλες περιγραφές. Αν ο πελάτης δεν καταλαβαίνει την υπηρεσία διαβάζοντας μόνο τη σχετική σελίδα, το περιεχόμενο χρειάζεται αναθεώρηση.

Βήμα τέταρτο: σχεδίαση με λειτουργικό πρωτότυπο

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

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

Βήμα πέμπτο: ανάπτυξη, υποδομή και δικαιώματα

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

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

Βήμα έκτο: έλεγχοι πριν από τη δημοσίευση

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

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

Βήμα έβδομο: έναρξη λειτουργίας και παρακολούθηση

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

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

Τι πρέπει να έχει ολοκληρωθεί σε κάθε στάδιο;

  1. Στόχοι: καταγεγραμμένο κοινό, σκοπός και βασικές ενέργειες.
  2. Δομή: εγκεκριμένος χάρτης σελίδων και διαδρομές πλοήγησης.
  3. Περιεχόμενο: πλήρη κείμενα, εικόνες και στοιχεία επιχείρησης.
  4. Σχεδίαση: λειτουργικά πρότυπα για διαφορετικές οθόνες.
  5. Υλοποίηση: δικαιώματα, φόρμες, ασφάλεια και δυνατότητα ενημέρωσης.
  6. Δοκιμές: καταγεγραμμένα σενάρια με διορθωμένα κρίσιμα σφάλματα.
  7. Παράδοση: δημόσια λειτουργία, τεκμηρίωση και σαφές σχέδιο συντήρησης.

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

Πώς διαχειριζόμαστε μια αλλαγή απαιτήσεων στη μέση του έργου;

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

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

Τι κάνει τελικά ένα επαγγελματικό site επιτυχημένο;

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

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