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

σχεδιασμόσ web site

σχεδιασμόσ web site

· Με δύο λόγια

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

Σχεδιασμός web site: τι πληρώνεις και τι πρέπει να περιλαμβάνει η προσφορά

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

Πρώτα ορίζεται τι ακριβώς σχεδιάζεται

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

Πίνακας σύγκρισης των βασικών επιλογών

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

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

Ποια στάδια του σχεδιασμού πρέπει να κοστολογούνται;

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

Πώς επηρεάζουν το κόστος οι σελίδες και τα περιεχόμενα;

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

Τι σημαίνει πραγματικά responsive σχεδιασμός;

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

Ποιες επαναλαμβανόμενες χρεώσεις μένουν εκτός αρχικής τιμής;

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

Πώς συνδέεται η εμφάνιση με την αναζήτηση;

Το SEO (βελτιστοποίηση για μηχανές αναζήτησης, Search Engine Optimization) δεν αντικαθιστά τον σχεδιασμό. Χρειάζονται λογική ιεραρχία τίτλων, αναγνωρίσιμες διευθύνσεις σελίδων, εσωτερική πλοήγηση και κείμενο που εξυπηρετεί πραγματικές απορίες. Η τεχνική πλευρά πρέπει να επιτρέπει την πρόσβαση στο σημαντικό περιεχόμενο. Αν ο προμηθευτής υπόσχεται «SEO μέσα στην τιμή», ζήτησε να καταγραφεί αν εννοεί βασική τεχνική δομή, συγγραφή, ανάλυση αναζητήσεων ή συνεχόμενη βελτιστοποίηση. Πρόκειται για διαφορετικές εργασίες.

Πρότυπο για τη σύγκριση δύο προσφορών

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

Πότε συμφέρει να περιοριστεί το πρώτο στάδιο;

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

Συχνές ερωτήσεις για την κοστολόγηση

Αρκεί ένα ενιαίο ποσό για όλο το έργο;

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

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

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

Τι πρέπει να παραδοθεί στο τέλος;

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

Παράδειγμα διαφορετικών προσφορών για την ίδια επιχείρηση

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

Τι σημαίνει σαφής διαδικασία αποδοχής έργου;

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

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

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

Πριν αποδεχτείς την προσφορά

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