Web design στην Αθήνα: προδιαγραφές και απαιτήσεις πριν την κατασκευή
Πριν αναθέσουμε έργο web design στην Αθήνα, αξίζει να μετατρέψουμε την ιδέα «θέλω μια σύγχρονη ιστοσελίδα» σε ελέγξιμη περιγραφή. Ποιους επισκέπτες εξυπηρετεί; Ποιες ενέργειες θα ολοκληρώνουν; Ποιος θα διαχειρίζεται το περιεχόμενο; Ποιες συνδέσεις είναι υποχρεωτικές; Ένα σαφές πλαίσιο απαιτήσεων περιορίζει τις παρερμηνείες και επιτρέπει να εκτιμηθούν σωστά ο χρόνος, οι ευθύνες και οι δοκιμές.
Ορίζουμε πρώτα τον επιχειρηματικό σκοπό
Ο στόχος δεν είναι απλώς να «ανέβει» ένα νέο σχέδιο. Για επαγγελματικό γραφείο μπορεί να είναι η καλύτερη εξήγηση των υπηρεσιών και η λήψη σχετικών αιτημάτων. Για τοπικό κατάστημα ενδέχεται να είναι η πληροφόρηση διαθεσιμότητας ή η παρουσίαση καταλόγου. Για οργανισμό, η εύκολη πρόσβαση σε συχνά ενημερωμένο υλικό.
Σημειώνουμε τι θα θεωρήσουμε επιτυχημένο παραδοτέο, χωρίς να υποσχεθούμε αποτελέσματα που εξαρτώνται από τρίτους. Η δυνατότητα συμπλήρωσης φόρμας είναι ελέγξιμη. Η εγγύηση συγκεκριμένου πλήθους πελατών δεν προκύπτει από την κατασκευή μόνη της.
Χαρτογραφούμε κοινό και κρίσιμα σενάρια χρήσης
Περιγράφουμε ποιοι θα χρησιμοποιήσουν τη σελίδα και σε ποια κατάσταση. Ένας επισκέπτης από κινητό μπορεί να χρειάζεται άμεσα τηλέφωνο και οδηγίες επικοινωνίας. Ένας πελάτης που συγκρίνει υπηρεσίες αναζητά περιγραφή, περιορισμούς και ερωτήσεις που απαντώνται. Ένας υπάρχων πελάτης μπορεί να θέλει έντυπο ή σύνδεση στον λογαριασμό του.
Γράφουμε σύντομες διαδρομές από την είσοδο έως την ολοκλήρωση της ενέργειας. Καταγράφουμε και τι πρέπει να συμβαίνει όταν λείπει δεδομένο, αποτυγχάνει η σύνδεση ή κάποιος υποβάλλει λάθος στοιχείο.
Περιεχόμενο: ποιος γράφει και ποιος εγκρίνει
Απογράφουμε τις υπάρχουσες σελίδες και αποφασίζουμε ποιες θα διατηρηθούν, συγχωνευθούν ή ξαναγραφτούν. Για κάθε τύπο περιεχομένου δηλώνουμε υπεύθυνο συγγραφής, γλωσσικής επιμέλειας και τελικής έγκρισης. Αν προβλέπεται φωτογράφιση ή αγορά εικόνων, το καταγράφουμε ως ξεχωριστή εργασία με δικαιώματα χρήσης.
Το υλικό δεν πρέπει να φτάνει τελευταία στιγμή. Η δομή ενός άρθρου, η έκταση περιγραφής υπηρεσίας και οι φόρμες επηρεάζουν το ίδιο το σχέδιο. Σκοπός είναι να μην χτίσουμε κενές μακέτες που μετά δεν χωρούν πραγματικές πληροφορίες.
Εργαλείο πρακτικής απόφασης
- Σκοπός ιστοσελίδας και μία βασική μετρήσιμη ενέργεια
- Περιγραφή κοινού και σημαντικότερων διαδρομών χρήστη
- Χάρτης σελίδων, υπάρχοντα και νέα κείμενα, υπεύθυνοι έγκρισης
- Λειτουργίες φόρμας, διαχείρισης, αναζήτησης και συνδέσεων
- Δοκιμές για κινητό, πληκτρολόγιο και κρίσιμα σενάρια
- SEO, τεχνικές διευθύνσεις και τυχόν απαιτήσεις μετάβασης
- Πρόσβαση σε υποδομές, αντίγραφα, ασφάλεια και λειτουργική υποστήριξη
- Παραδοτέα ανά φάση, κριτήρια αποδοχής και διαδικασία αλλαγών
Χάρτης σελίδων και ιεραρχία πληροφοριών
Ο χάρτης περιλαμβάνει βασικές ενότητες, σελίδες υπηρεσιών, στοιχεία επικοινωνίας, πιθανές κατηγορίες και διαδρομές υποστήριξης. Προδιαγράφουμε τι φαίνεται στο κύριο μενού και τι ανακαλύπτεται μέσω εσωτερικών συνδέσμων. Ο χρήστης πρέπει να μπορεί να καταλάβει πού βρίσκεται και πώς επιστρέφει χωρίς να απομνημονεύει τη διαδρομή.
Αν υπάρχουν πολλές περιοχές εξυπηρέτησης στην Αθήνα ή στην Αττική, καταγράφουμε πραγματικά διακριτές πληροφορίες για καθεμία. Δεν αρκεί μαζική δημιουργία ίδιων σελίδων με εναλλαγή τοπωνυμίου.
Λειτουργικές απαιτήσεις φόρμας και επικοινωνίας
Για κάθε φόρμα ορίζουμε υποχρεωτικά πεδία, μηνύματα λάθους, επιβεβαίωση υποβολής, προορισμό ειδοποίησης και χειρισμό ανεπιθύμητης αλληλογραφίας. Ξεχωρίζουμε την εμφάνιση ενός κουμπιού από την πραγματική επιτυχία της διαδικασίας. Αν απαιτείται επισύναψη αρχείου, ορίζουμε επιτρεπόμενους τύπους και όρια σε συνεργασία με τον διαχειριστή υποδομής.
Για συνδέσεις με ημερολόγια, διαχείριση πελατών ή τηλεφωνία, ζητάμε να περιγραφεί η συμπεριφορά όταν ο εξωτερικός πάροχος δεν απαντά. Μία αξιόπιστη εμπειρία πρέπει να προσφέρει κατανοητή εναλλακτική.
Διαχείριση περιεχομένου και δικαιώματα συντακτών
Αποφασίζουμε αν χρειάζεται CMS, δηλαδή σύστημα διαχείρισης περιεχομένου, και ποιοι θα έχουν δικαίωμα δημοσίευσης. Άλλες ανάγκες έχει μια μικρή ομάδα που αλλάζει τηλέφωνο ή ωράριο, άλλες ένας εκδοτικός οργανισμός με στάδια έγκρισης. Η ευχρηστία του διαχειριστικού δοκιμάζεται με πραγματική προσθήκη και διόρθωση περιεχομένου.
Ορίζουμε ποιος διαχειρίζεται λογαριασμούς, ποιος ακυρώνει πρόσβαση αποχωρούντος συνεργάτη και πώς διατηρείται αρχείο αλλαγών εφόσον χρειάζεται. Οι ευθύνες αυτές είναι μέρος της λειτουργίας, όχι προαιρετική λεπτομέρεια.
Responsive συμπεριφορά με συγκεκριμένα σενάρια
Δεν αρκεί η απαίτηση «να είναι φιλικό σε κινητά». Ορίζουμε ποιες οθόνες και ενέργειες θα δοκιμαστούν: άνοιγμα μενού, χρήση αναζήτησης, επιλογή φίλτρου, υποβολή φόρμας και ανάγνωση μεγάλου πίνακα. Το έργο πρέπει να λειτουργεί σε μικρό πλάτος χωρίς κομμένα κουμπιά, δυσανάγνωστα στοιχεία ή περιττή οριζόντια κύλιση.
Η αποδοχή περιλαμβάνει επίσης συνθήκες αργής σύνδεσης, ώστε οι κρίσιμες πληροφορίες να παραμένουν προσβάσιμες. Η δοκιμή με διαφορετικές συσκευές φωτίζει αστοχίες που δεν φαίνονται σε μία στατική εικόνα σχεδίου.
Απαιτήσεις προσβασιμότητας και ελέγχου
Οι οδηγίες WCAG του W3C βοηθούν να οριστούν κριτήρια για αντίθεση, εναλλακτικό κείμενο εικόνων, χειρισμό με πληκτρολόγιο και αναγνώσιμες φόρμες. Επιλέγουμε το επίπεδο ελέγχου ανάλογα με την περίπτωση και ζητάμε καταγεγραμμένα ευρήματα. Δεν χαρακτηρίζουμε μια σελίδα προσβάσιμη επειδή πέρασε μόνο ένα αυτοματοποιημένο εργαλείο.
Προβλέπουμε χρόνο διόρθωσης και επανελέγχου. Το κείμενο που θα γράφει αργότερα ο συντάκτης πρέπει να ακολουθεί τη σωστή ιεραρχία επικεφαλίδων, ώστε η λειτουργικότητα να μην εξαρτάται μόνο από την αρχική κατασκευή.
SEO, GEO και μεταφορά υπάρχουσας ιστοσελίδας
Προσδιορίζουμε τίτλους και περιγραφές σελίδων, φιλικές διευθύνσεις, εσωτερικούς συνδέσμους, ανακατευθύνσεις όπου απαιτούνται και δυνατότητα παραγωγής XML χάρτη. Η βελτιστοποίηση για μηχανές αναζήτησης, SEO, ξεκινά από τη λογική οργάνωση περιεχομένου. Η βελτιστοποίηση για γενετικές μηχανές απαντήσεων, GEO, στηρίζεται σε σαφείς έννοιες και τεκμηριωμένες πληροφορίες.
Κατά τη μετάβαση από παλιά ιστοσελίδα καταγράφουμε τις σημαντικές διευθύνσεις και τον προορισμό τους. Δεν αλλάζουμε δομή μόνο για αισθητικούς λόγους χωρίς να εξετάσουμε τα υπάρχοντα σημεία εισόδου. Η Google παρέχει τεκμηρίωση για βασικές πρακτικές ευρετηρίασης.
Ταχύτητα, φιλοξενία και τεχνικές εξαρτήσεις
Δηλώνουμε αναμενόμενη κίνηση σε επίπεδο ανάγκης και περιγράφουμε τυχόν ιδιαίτερη χρήση αρχείων ή συναλλαγών. Η επιλογή φιλοξενίας πρέπει να συμβαδίζει με την εφαρμογή, τις απαιτήσεις αντιγράφων και τον τρόπο τεχνικής υποστήριξης. Τα Core Web Vitals προσφέρουν δείκτες εμπειρίας, ενώ οι μετρήσεις χρειάζεται να εκτελεστούν στο πραγματικό περιβάλλον.
Στις εξαρτήσεις προσθέτουμε πάροχο τομέα, υπηρεσίες ηλεκτρονικού ταχυδρομείου, εξωτερικά εργαλεία, κλειδιά σύνδεσης και πολιτική ενημέρωσης. Η αλλαγή ενός από αυτά μπορεί να επηρεάζει λειτουργίες που δεν είναι ορατές στη μακέτα.
Ασφάλεια, δεδομένα και λειτουργική συνέχεια
Καταγράφουμε ποια δεδομένα λαμβάνονται, γιατί χρειάζονται και πού πηγαίνουν. Ο τρόπος προστασίας δεν πρέπει να εξαρτάται από κρυμμένες υποθέσεις. Απαιτούμε ασφαλή σύνδεση, ορθή διαχείριση διαπιστευτηρίων, ενημερώσεις και διαδικασία αντιγράφων με δοκιμή επαναφοράς όπου είναι κατάλληλη.
Για επιχειρήσεις που χρησιμοποιούν ιστοσελίδα ως κρίσιμο εργαλείο, συμφωνούμε τι συμβαίνει σε διακοπή υπηρεσίας: ποιος ειδοποιείται, ποιος αναλαμβάνει διερεύνηση, τι πρόσβαση έχει και ποια είναι η επικοινωνία προς τους χρήστες.
Παραδοτέα, αλλαγές και κριτήρια τελικής παραλαβής
Κάθε φάση πρέπει να έχει αποτέλεσμα που ελέγχεται: χάρτη σελίδων, εγκεκριμένο σχέδιο, λειτουργικό δοκιμαστικό περιβάλλον, συμπληρωμένο περιεχόμενο και κατάλογο ελέγχων. Οι νέες απαιτήσεις στη διάρκεια του έργου αξιολογούνται ως αλλαγές εύρους, με επίδραση σε προσπάθεια και κόστος. Έτσι αποφεύγεται να παρουσιάζονται οι αλλαγές σαν αρχικές υποχρεώσεις.
Η παράδοση περιλαμβάνει διαχειριστικές προσβάσεις, τεκμηρίωση, κατάσταση εκκρεμοτήτων, δοκιμές κρίσιμων σεναρίων και υπεύθυνο υποστήριξης. Όσα δεν ελέγχθηκαν καταγράφονται ως εκκρεμή, όχι ως επιτυχημένα.
Συχνές ερωτήσεις
Τι πρέπει να στείλω πριν ζητήσω προσφορά;
Στόχους, κοινό, βασικές σελίδες, παραδείγματα λειτουργιών, υπάρχον υλικό και τεχνικές συνδέσεις. Δεν χρειάζεται να έχετε έτοιμο οπτικό σχέδιο.
Πρέπει να γνωρίζω από πριν τον αριθμό των σελίδων;
Χρειάζεται αρχική εκτίμηση και κυρίως οι διαφορετικοί τύποι σελίδων. Το εύρος οριστικοποιείται μετά την απογραφή περιεχομένου.
Πώς ορίζεται η επιτυχία μιας φόρμας;
Με επιτυχή καταχώριση, σωστή ενημέρωση παραλήπτη, σαφές μήνυμα στον επισκέπτη και δοκιμές συνηθισμένων σφαλμάτων.
Πότε χρειάζεται σύστημα διαχείρισης;
Όταν η ομάδα θα ενημερώνει περιεχόμενο, θα εγκρίνει δημοσιεύσεις ή θα διαχειρίζεται πολλούς τύπους πληροφορίας.
Ποιος παρέχει φωτογραφίες και κείμενα;
Ορίζεται ρητά στο συμφωνημένο εύρος: πελάτης, δημιουργός ή εξωτερικός συνεργάτης, μαζί με ευθύνη δικαιωμάτων και έγκρισης.
Πότε θεωρείται ολοκληρωμένο το έργο;
Όταν περάσουν τα συμφωνημένα λειτουργικά σενάρια, παραδοθούν προσβάσεις και τεκμηρίωση και δηλωθούν τυχόν εξαιρέσεις ή εκκρεμότητες.