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

website design & development Βολος

website design & development Βολος

· Με δύο λόγια

Πώς οργανώνεται ένα έργο ιστοσελίδας στον Βόλο: στόχοι, δομή, περιεχόμενο, υλοποίηση, έλεγχοι, παράδοση και υποστήριξη..

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

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

Πρώτη συνάντηση: τι πρέπει να επιτύχει η ιστοσελίδα

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

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

Χάρτης σελίδων πριν από κάθε οπτική μακέτα

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

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

Περιεχόμενο: το υλικό που καθορίζει την εμπειρία

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

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

Σχεδίαση οθονών και εγκρίσεις σε σωστή σειρά

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

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

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

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

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

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

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

Ελάχιστη ακολουθία ελέγχου αποδοχής

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

Δημοσίευση και ασφαλής μεταφορά

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

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

Τι πρέπει να παραλάβει η επιχείρηση

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

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

Υποστήριξη: το τελευταίο στάδιο δεν είναι το τέλος της σχέσης

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

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