Πρακτικός οδηγός: responsive web design

Το εύρος εργασιών για το θέμα «responsive web design» πρέπει να περιγράφει όχι μόνο τι θα δημιουργηθεί, αλλά και τι θα ελεγχθεί πριν θεωρηθεί ολοκληρωμένο. Οι κρίσιμες αποφάσεις συνδέονται με την επιλογή CMS ή custom λύσης, ο αριθμός templates, οι γλώσσες, οι διασυνδέσεις, η ανάγκη για migrations και το ποιος θα διαχειρίζεται το περιεχόμενο μετά την παράδοση. Όταν αυτά μείνουν αόριστα, το κόστος και ο χρόνος συνήθως εμφανίζονται αργότερα ως απρόβλεπτες αλλαγές.

Η διαφορά μεταξύ μιας πρόχειρης και μιας ώριμης υλοποίησης φαίνεται στον τρόπο με τον οποίο αντιμετωπίζονται οι εξαιρέσεις. Στο «responsive web design» δεν μας ενδιαφέρει μόνο το βασικό σενάριο χρήσης, αλλά και τι συμβαίνει όταν λείπει ένα δεδομένο, αποτυγχάνει μια ενσωμάτωση, αλλάζει ένα URL, αυξάνεται η κίνηση ή χρειάζεται επαναφορά (rollback) μετά από αλλαγή.

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

Σε ένα έργο που αφορά το θέμα «responsive web design», η υλοποίηση γίνεται σε ελεγχόμενα βήματα: brief, δομή σελίδων, wireframe και περιεχόμενο, σχεδιασμός, ανάπτυξη, έλεγχοι σε κινητό και desktop, δημοσίευση και παρακολούθηση μετά το launch. Η σειρά αυτή μειώνει τον κίνδυνο να ανακαλυφθούν κρίσιμα προβλήματα στο τέλος, όταν μια αλλαγή κοστίζει περισσότερο ή επηρεάζει περισσότερα τμήματα του έργου.

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

Από τεχνική σκοπιά, στο θέμα «responsive web design», η σωστή προτεραιοποίηση ξεκινά από τις εξαρτήσεις. Αν ένα κρίσιμο tracking event δεν λειτουργεί, η βελτιστοποίηση που βασίζεται σε αυτά τα δεδομένα είναι αβέβαιη. Αν η δομή των URL είναι προβληματική, η παραγωγή περισσότερου περιεχομένου δεν διορθώνει την αρχιτεκτονική. Πρώτα σταθεροποιούμε το σημείο που επηρεάζει τα υπόλοιπα και μετά αυξάνουμε το εύρος.

Πριν από την τελική επιλογή για το «responsive web design», εξετάζουμε τους βασικούς κινδύνους: ασαφές εύρος εργασιών, υπερβολικά πολλά μηνύματα στην ίδια σελίδα, αδύναμη mobile εμπειρία, ελλιπής μέτρηση και τεχνικές αποφάσεις που δυσκολεύουν μελλοντικές αλλαγές. Μια σοβαρή πρόταση πρέπει να εξηγεί τι περιλαμβάνεται, τι δεν περιλαμβάνεται, ποιες προσβάσεις χρειάζονται και ποια βήματα ακολουθούν αν αλλάξει μια βασική υπόθεση.

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

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