21.04.2010

Progressive enhancement για όλους

Τι είναι το progressive enhancement

Κατ' αρχάς το progressive enhancement είναι το άλλο πρόσωπο του graceful degradation. (Χρησιμοποίησα τον πρώτο όρο στον τίτλο γιατί προφέρεται πιο εύκολα και είναι πιο trendy, άρα έχει πιθανότητες να βρεθεί το κείμενο σε ένα search. Καλό ε; ) Το progressive enhancement είναι η φιλοσοφία στο σχεδιασμό και την ανάπτυξη ιστοσελίδων έτσι ώστε το περιεχόμενο να είναι εύκολα προσβάσιμο απ' όλους τους browsers. Περιγράφει το διαχωρισμό του περιεχομένου (που βρίσκεται στο HTML επίπεδο) από τα στοιχεία παρουσίασης της σελίδας (τον CSS κώδικα δηλαδή) κι από τα διάφορα εφέ παρουσίασης και πλοήγησης (κώδικας JavaScript). Ο όρος graceful degradation κάνει τα πράγματα πιο απλά. Σημαίνει τη δημιουργία συστημάτων που είναι βελτιστοποιημένα για τις καλύτερες συσκευές, αλλά συνεχίζουν να λειτουργούν και στις πιο παλιές και ξεπερασμένες. Για να το φέρουμε στα δικά μας μέτρα: σχεδιάζουμε ιστοσελίδες που να φαίνονται και να λειτουργούν τέλεια στους καλύτερους browsers, αλλά συνεχίζουν να είναι προσβάσιμες κι αποδοτικές και στους πιο παλιούς.

Τι σημαίνουν όλα αυτά στην καθημερινότητα του designer;

Ο καλός designer που γράφει κώδικα θα διαχωρίσει την HTML από τα CSS καλώντας τα από εξωτερικά αρχεία και το ίδιο θα κάνει και για τη JavaScript. Μας το είπαν πολλές φορές, είδαμε την αξία του στην πράξη και πια έχει γίνει πια τρόπος δουλειάς και δεν αμφισβητείται. Εντάξει με το progressive enhacnement. Όμως ας σταθούμε ένα λεπτό στο graceful degradation. Πώς μεταφράζεται το "σχεδιάζω ένα site που παίζει άψογα στους καλύτερους browsers"; Για αρχή πρέπει να ορίσουμε τους καλύτερους browsers. Αυτή τη στιγμή, οι καλύτεροι browsers είναι οι Webkit ingited. Το Webkit είναι η "μηχανή" που κάνει ένα browser να "τρέχει". Το Webkit είναι ένα open source project που αναπτύσσεται καθημερινά και είναι σαφέστατα το πιο εξελιγμένο σε επίπεδο υποστήριξης CSS3 και HTML5. Οι browsers που "φοράνε" το Webkit είναι ο Safari, ο Chrome και ο OmniWeb. Βρίσκω τον Chrome πιο ελαφρύ και ευέλικτο, ενώ τον Safari αυτόν που δείχνει τις σελίδες πιο όμορφα. Ο OmniWeb είναι αρκετά περιθωριακός και είναι διαθέσιμος μόνο για Mac μηχανήματα. Από τη στιγμή που οι web designers είναι οι υπεύθυνοι για το graceful degradation, ο Safari και ο Chrome πρέπει να είναι η αφετηρία του σχεδιασμού τους. Με αυτό δε μειώνω browsers όπως ο Firefox ή ο Opera, απλώς βλέπω τα πράγματα από την πλευρά του design "στο εργαστήριο".

Πώς "πουλιέται" το graceful degradation;

Φοβάμαι μία ακόμα συζήτηση για το ότι οι περισσότεροι από τους συνεργάτες/πελάτες μας ακόμα βρίσκονται στην εποχή του Internet Explorer 6. Ότι εμείς πρέπει να τους πείσουμε ν' αλλάξουν browser. Γι' αυτό θα κάνω μια απόπειρα να την αποφύγω. Πιστεύω ότι το graceful degradation ή/και το progessive enhancement "πουλιούνται" μόνα τους. Οι άνθρωποι που δε γνωρίζουν δεν είναι εχθροί. Είναι απλώς άνθρωποι που δε γνωρίζουν. Χρειάζεται μια ψύχραιμη κουβέντα και μια επίδειξη του τι μπορούν να κάνουν οι καλοί browsers. Πόσο πιο όμορφη κι εύχρηστη μπορεί να γίνει μια εμπειρία σε ένα website. Ναι, οι ιστοσελίδες μας θα φαίνονται διαφορετικά σε κάθε browser, γιατί είναι πια πρακτικά αδύνατο να φαίνονται το ίδιο σε όλους. Κάποιοι browsers εξελίσσονται και κάποιοι άλλοι όχι κι ας χρησιμοποιούνται από πολλούς. Υπέγραψα σύμβαση η οποία έλεγε ρητά ότι είναι πολύ πιθανό η σελίδα να φαίνεται ελαφρά διαφορετική σε παλιές εκδόσεις του Internet Explorer και ο συνεργάτης/πελάτης το δέχτηκε. Γιατί; Γιατί σοφά αντιλήφθηκε αυτή τη διαφορά στην εξέλιξη της τεχνολογίας. Κι όταν είδε το site της στο iPhone, είπε: "Δεν ήξερα ότι το βελτιστοποίησες για iPhone. Δεν το έλεγε κάπου η σύμβαση που υπογράψαμε." Κι εγώ απάντησα: "Μη σε νοιάζει, αυτό το κάναμε δωρεάν". (Όπως λέει και ο Andy Clarke.) Περισσότερα για το progressive enhancement και το graceful degradation: Understanding Progressive Enhancement στο A List Apart