website design & development

Σχεδιασμός και ανάπτυξη ιστοσελίδας: ποια λύση αξίζει για κάθε επιχείρηση

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

Τρεις δρόμοι κατασκευής που δεν είναι ισοδύναμοι

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

Σύστημα διαχείρισης περιεχομένου, CMS (Content Management System). Προσφέρει οργανωμένη ενημέρωση κειμένων, φωτογραφιών και συχνά πρόσθετων λειτουργιών. Χρειάζεται όμως έλεγχος συμβατότητας επεκτάσεων, ενημερώσεων και δικαιωμάτων χρηστών. Είναι λογική επιλογή όταν η επιχείρηση χρειάζεται τακτική δημοσίευση χωρίς να εξαρτάται για κάθε αλλαγή από προγραμματιστή.

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

Δέντρο απόφασης με αφετηρία τη χρήση

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

Τι εξετάζει ο σχεδιασμός, πέρα από τα χρώματα

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

Ελέγχουμε τις κρίσιμες διαδρομές με πληκτρολόγιο και βοηθητική τεχνολογία όπου υπάρχει δυνατότητα. Οι κατευθυντήριες οδηγίες WCAG (Κατευθυντήριες Γραμμές Προσβασιμότητας Περιεχομένου Ιστού, Web Content Accessibility Guidelines) 2.2 περιλαμβάνουν δοκιμάσιμα κριτήρια προσβασιμότητας. Η συμμόρφωση κρίνεται στην ολοκληρωμένη σελίδα και όχι μόνο στο γραφιστικό προσχέδιο.

Τι αναλαμβάνει η ανάπτυξη στο παρασκήνιο

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

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

Επιλογή με βάση το συνολικό κόστος χρήσης

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

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

Αναζήτηση, ταχύτητα και σωστή δομή περιεχομένου

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

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

Πέντε κίνδυνοι που αλλάζουν την απόφαση

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

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

Ποια τεκμηρίωση προστατεύει την επόμενη αναβάθμιση

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

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

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

Απαντήσεις για την τελική επιλογή

Πρέπει να επιλέξω ειδική ανάπτυξη για να έχω μοναδική εμφάνιση;

Όχι. Η οπτική διαφοροποίηση μπορεί να προκύψει και με προσαρμογή υπάρχουσας τεχνολογίας, εφόσον οι περιορισμοί της καλύπτουν το ζητούμενο.

Είναι το σύστημα διαχείρισης περιεχομένου πάντα πιο εύκολο;

Όχι όταν συσσωρεύονται πολλές ασύμβατες επεκτάσεις. Η ευκολία κρίνεται στις πραγματικές εργασίες ενημέρωσης και συντήρησης.

Πώς αξιολογώ δύο προσφορές;

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

Τι πρέπει να λειτουργεί πριν δημοσιευθεί η σελίδα;

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

Πότε αλλάζουμε πλατφόρμα;

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