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

δημιουργία responsive ιστοσελίδων

δημιουργία responsive ιστοσελίδων

· Με δύο λόγια

Τι επηρεάζει το κόστος responsive ιστοσελίδας: τύποι σελίδων, περιεχόμενο, διαχείριση, ενσωματώσεις, δοκιμές και τρόπος σύγκρισης προσφορών..

Δημιουργία responsive ιστοσελίδων: τι διαμορφώνει το κόστος και πώς αξιολογείται μια προσφορά

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

Responsive σημαίνει σχεδιασμός για μεταβαλλόμενο χώρο

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

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

Οι βασικοί παράγοντες που αυξάνουν ή μειώνουν το εύρος

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

Σύγκριση τριών συνηθισμένων τύπων προσφοράς

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

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

Τι πρέπει να γράφει καθαρά η προσφορά

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

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

Περιεχόμενο και μεταφορά περιεχομένου: η εργασία που συχνά κρύβεται

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

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

Πόσο επηρεάζει το CMS και η καθημερινή διαχείριση

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

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

Δοκιμές: το μέρος που δεν φαίνεται στη μακέτα

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

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

Η σχέση με SEO και δομή περιεχομένου

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

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

Πώς διαβάζουμε σωστά μια χαμηλότερη προσφορά

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

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

Τι γίνεται όταν αλλάζει το εύρος στη διάρκεια του έργου

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

Λίστα ελέγχου αξιολόγησης πριν την ανάθεση

  1. Οι προσφορές συγκρίνουν ίδιο αριθμό και είδος σελίδων;
  2. Έχει περιγραφεί ποιος παρέχει ή μεταφέρει το περιεχόμενο;
  3. Υπάρχει σαφής λίστα λειτουργιών και εξωτερικών ενσωματώσεων;
  4. Ξέρουμε τι θα μπορεί να διαχειρίζεται η επιχείρηση μόνη της;
  5. Έχουν οριστεί οι βασικές responsive καταστάσεις και οι κρίσιμες διαδρομές δοκιμής;
  6. Περιλαμβάνονται διορθώσεις μετά τον έλεγχο ή χρεώνονται ξεχωριστά;
  7. Έχει αποσαφηνιστεί η συντήρηση μετά τη δημοσίευση;

Η καλύτερη προσφορά είναι η πιο συγκρίσιμη και κατανοητή

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