Μην ξεχάσετε τις λεπτομέρειες…

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

Αρχικά, οι χρωματισμοί των διάφορων block κειμένου, χρήζουν άμεσης αναδιακόσμησης. Υπάρχουν τρεις διαφορετικοί χρωματισμοί, σε όλο το πλάτος της ιστοσελίδας για πάνω απο 10 διαφορετικά είδη κειμένου, όπως Τίτλοι, Βασικό Κείμενο, Πληροφορίες Αρθρογράφου, Σημαντικές Ειδήσεις, Μενού Κεντρικό(Επάνω) και πατώματος(footer).

snapshot2

Ο επισκέπτης δεν μπορεί να διακρίνει τους τίτλους, τις συνόψεις, ποιές είναι σημαντικές και ποιες λιγότερο.

Θεωρώ την διαμόρφωση του κειμένου απαράδεκτη. Η ανάγνωση γίνεται κουραστική και δύσκολη. (Ωχ με την πρεσβυωπία σου ρε Μάνα! 😦 )Το περιεχόμενο στο διαδίκτυο θα πρέπει να καθρεφτίζει την παραδοσιακή ανάγνωση στο χαρτί. Δηστυχώς, η απουσίας βασικών κανόνων τυπογραφίας γίνετε αισθητή. Ακόμη και στην περίπτωση του copy-paste, κατι τέτοιο μυρίζομαι εδώ, θα μπορούσε η παρουσίαση να υλοποιείται μέσα απο CSS και να μην χρειάζετε ο αρθρογράφος να βάζει indentation κι άλλα τέτοια.

snapshot3

Συγχαίρω την προσπάθεια για την κατασκευή του responsive template. Όμως, ένα απο τα κλειδιά του responsive design είναι η πλοήγηση του επισκέπτη. Το hover state σε mobile συσκευές δεν υφίσταται. Γι’αυτο θα πρέπει να παίρνονται μέτρα για την κατάλληλη παρουσίαση των μενού σε τέτοιες συσκευές.

Κάνοντας tap στον σύνδεσμο Ειδήσεις αντί για εμφάνιση του μενού θα ξανα-φορτώσει η σελίδα.

Κάνοντας tap στον σύνδεσμο Ειδήσεις αντί για εμφάνιση του μενού θα ξανα-φορτώσει η σελίδα.

Τέλος, load time. Ξαφνιάστηκα απο την απουσία διάφορων widget που κυριαρχούν σε άλλα παρόμοια site (Facebook social plugins, Twitter, κλπ τα οποία αν δεν ενσωματωθούν σωστά, σε μια σελίδα, τρώνε πολύτιμο bandwith και γίνεται αισθητό στον τελικό χρήστη), σε αυτό λείπουν, εξού και η απόδοση. Μια ματιά όμως στην διαδικασίας φόρτωσης θα μας δείξει άλλα.

Image

(Εντάξει, ας εξαιρέσουμε τα χαμένα fonts.) Θέλω να σταθώ όμως στα μη συμπιεσμένα(minified) αρχεία js, css κι άλλα assets. Η σμίκρυνση των αρχείων κώδικα μπορεί να αποφέρει σημαντική βελτίωση στον μέσο χρόνο φόρτωσης της σελίδας μας. Γενικά, τα 3.17 δευτερόλεπτα είναι ένας υποφερτός χρόνος αναμονής(σε 24mbit γραμμή, σε 3G θα υπάρχει πρόβλημα), μόλις όμως αρχίζουν να πεφτουν widget-ακια που προείπα, δυστηχώς θα αυξηθεί επικίνδυνα. Γι’ αυτο προνοήστε απο τώρα.  Έρευνες έχουν δείξει πως ο μέσος χρόνος αναμονής έχει άμεσο αντίκτυπο στην επιστροφή του επισκέπτη στην ιστοσελίδα.. (Προσωπικά έχω κλείσει την ιστοσελίδα στο δεύτερο περίπου δευτερόλεπτο).

Υ.Γ:

Δημόσια Τηλεόραση - Hellenic Public Radio Television

Σερτσ Μανούλα μου θα πεί ‘ψάχνω’. Γκο θα πεί ‘φύγε’.

Σίγουρα, υπάρχουν κι άλλα που μπορείς πάντα να κάνεις για να βελτιώσεις μια παρουσίαση στο διαδίκτυο. Η συνεχής συντήρηση στις λεπτομερείες πιστεύω πως είναι το κλειδί.

Άλλες προτάσεις;

Advertisements

Leave a comment.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s