Ενοχλητικά features σε site

Δεν ξέρω αν είμαι περίεργος (δεν νομίζω) ωστόσο τελευταία παρατηρώ όλο και πιο συχνά το εξής φαινόμενο. Ενώ βλέπω σημάδια φοβερής προόδου στο internet, στο ελληνικό domain φαίνεται να κάνουμε βήματα προς τα πίσω! Με άλλα λόγια, αντι-τεχνικές (marketing, κακού design, ανύπαρκτου UX, κακή/υπερβολική χρήση διαφημίσεων, κτλ.) που έχουν εξαφανιστεί από σοβαρά διεθνή sites, στην Ελλάδα για κάποιο περίεργο λόγο έχουν κάνει ένα δυναμικό comeback! Παρακαλώ αν κάνετε κάτι από τα παρακάτω, επανεξετάστε την στρατηγική σας, σεβαστείτε τον χρήστη σας και προσπαθείστε να μην ακολουθείτε τα λάθη που πιθανόν κάνει κάποιο άλλο ελληνικό site. Το ότι τα χρησιμοποιεί κάποιος άλλος – ακόμα και μεγάλος – ελληνικός “παίχτης” δεν σημαίνει απαραίτητα ούτε ότι είναι σωστό αλλά ούτε και ότι κερδίζει κάτι ουσιαστικό, οπότε καλό είναι να μην αντιγράφουμε το λάθος του…

Παρακάτω παρουσιάζω τα anti-patterns που έχω παρατηρήσει να συμβαίνουν πιο συχνά στα ελληνικά sites και αναλύω με πολύ απλά λόγια γιατί είναι λάθος! Έχουμε και λέμε:

1) Popup ads και modal ads
Δυστυχώς εν έτη 2013 πρέπει να εξηγούμε πως τα popups παράθυρα γεμάτα διαφημίσεις είναι anti-pattern! Κάποιοι έχουν κάνει λίγο πιο “μοντέρνα” αυτήν την “εμπειρία” και αντί για popups windows, “πετάνε” modals με διαφημίσεις, τα οποία πολλές φορές δεν μπορείς να κλείσεις μέχρι να δεις ολόκληρη την διαφήμιση (ή έστω μεγάλο μέρος της). Τι να γράψω πάνω σε αυτό; Τα έχουν πει/γράψει άπειρες φορές πολύ πιο έξυπνοι άνθρωποι από εμένα. Δεν λειτουργούν, ποτέ δεν λειτούργησαν και το μόνο που θα καταφέρεται είναι να χάσετε χρήστες, αφού πρώτα τους σπάσετε και τα νεύρα! Τώρα αν αξίζει να χάσετε χρήστες για να κερδίσετε κάποια προσωρινή διαφήμιση/σπόνσορα, αυτό είναι καθαρά δικό σας θέμα. Αυτό που θα σας ρωτήσω είναι σε ποιον θα πουλάτε διαφημίσεις όταν χάσετε τους χρήστες σας…

2) Θες να γίνουμε φίλοι; O social-άκιας
Πρόκειται για sites τα οποία για να δεις το περιεχόμενο τους πρέπει να γίνεται απαραιτήτως φίλοι ή να κάνετε like στο Facebook page τους κοκ. Απλά τραγικό και θα εξηγήσω πολύ απλά γιατί χάνετε έτσι κι αλλιώς. Ο χρήστης με το που βρεθεί αντιμέτωπος με ένα τέτοιο site έχει 2 επιλογές: Ή θα φύγει κατευθείαν – όπως κάνω συνέχεια – και δεν θα ξανα-επιστρέψει ποτέ, ή θα κάνει like για να δει αυτό που θέλει. Στην δεύτερη περίπτωση τώρα, έστω ότι σας έχουν κάνει like 10.000.000 χρήστες (όλη η Ελλάδα), τι νομίζεται πως έχετε πετύχει; Είναι όλοι αυτοί πελάτες σας; Θα αυξήσετε το convertion rate σας; Θα αρχίσουν ξαφνικά όλοι αυτοί να εξυμνούν το site/υπηρεσία/προϊόν σας; OXI! Το αντίθετο μπορεί να συμβεί! Απλά έχετε καταφέρει να έχετε πολλούς άσχετους φίλους/followers κτλ. Μπράβο σας…

4) Η 10MB page
Καταλαβαίνω πως έχουμε 2013 και πολύ περισσότερο bandwidth απ’ ότι 5 χρόνια πριν, ωστόσο αυτό δεν σημαίνει πως πρέπει να κατασκευάζουμε σελίδες των 10 MB! Η Google μιλάει και επίσημα πλέον πως όσο πιο optimized και γρήγορο είναι ένα site τόσο καλύτερο page rank θα έχει, ωστόσο στην Ελλάδα μου τυχαίνει όλο και συχνότερα να πέφτω πάνω σε sites δεινόσαυρους (μεγατόνων κι όλας). Τις περισσότερες φορές με ελάχιστο optimization (σε images, http requests, κτλ.) μπορούμε να ρίξουμε το file size στο μισό χωρίς να θυσιάσουμε τίποτα σε ποιότητα! Επίσης βγάζοντας κάποιες διαφημίσεις/Flash objects μπορούμε να κάνουμε το site να πετάει, ωστόσο για κάποιο λόγο θέλουμε να ανήκει στην “heavy weight” κατηγορία…

5) Διαφημίσεις μέσα στο περιεχόμενο
Παλιό, κλασικό κόλπο, που εγκαταλείπεται σιγά-σιγά παντού, εκτός από την Ελλάδα όπου ανθίζει! Μπορεί να λειτουργήσει τις πρώτες 4-5 φορές, ωστόσο ο χρήστης σύντομα θα μάθει να αγνοεί και αυτές τις διαφημίσεις (όπως και όλες τις υπόλοιπες), οπότε στο τέλος το μόνο που καταφέρνουμε είναι να τον εκνευρίσουμε και τίποτα παραπάνω.

6) Νewsletter που δεν σου προσφέρουν τίποτα!
Ακόμα μια ελληνική πατέντα. Πρόκειται συνήθως για newsletters τα οποία δεν έχουν να πουν κάτι ουσιαστικό και που στην καλύτερη των περιπτώσεων θα σε ενημερώνουν για κάποια “προσφορά”. Τα περισσότερα είναι κακο-σχεδιασμένα, μόνο με images – όπου αν δεν εμφανιστούν απλά δεν διαβάζεις τίποτα – και τα στέλνουμε με την καταπληκτική λογική πως όλοι στέλνουν newsletters (πχ. ανταγωνιστές, γνωστοί, συνάδελφοι, κτλ.). Αυτοί που στέλνουν τέτοιου είδους newsletters, συνήθως δεν αξιολογούν τίποτα, όπως πχ. για το ποιος και αν τα ανοίγει/διαβάζει, αν κερδίζουμε κάτι από αυτά ή απλά χάνουμε άδικα τον χρόνο μας. Η λογική είναι πως τα στέλνουμε επειδή μαζί με το site πρέπει να στέλνουμε και κανένα newsletter.

7) Flash!
Μπορεί όλη η γη να έχει υποδουλωθεί στις ανοιχτές τεχνολογίες για διαφημίσεις (και όχι μόνο), ωστόσο το μικρό ελληνικό χωριό συνεχίζει να προβάλει αντίσταση σε οτιδήποτε ανοιχτό και δωρεάν. Αναφέρομαι κατά κύριο λόγο στις Flash διαφημίσεις οι οποίες κρατάνε ακόμα την μερίδα του λέοντας στην χώρα μας, άσχετα αν δεν φαίνονται στα περισσότερα smartphones και tablets. Αυτό δεν μπορώ να το καταλάβω με τίποτα. Εδώ η ίδια η Adobe έχει καταλάβει πως το Flash είναι τελειωμένο και όμως στον ελληνικό κυβερνοχώρο η πλειοψηφία των διαφημίσεων είναι Flash (με μπόλικα MB κατά προτίμηση). Πρόσφατα έπεσα και σε μια περίπτωση πελάτη, ο οποίος ήθελε responsive web design, και όταν οι Flash διαφημίσεις του δεν έπαιζαν σε tablets/smartphones αναρωτιόταν γιατί. Απλά τραγικό.

8) Φόρμες που δεν λειτουργούν!
Εκτός από κακο-σχεδιασμένες πολλές φόρμες στο ελληνικό domain υπάρχουν απλά για διακοσμητικό ρόλο! Δεν εξηγείτε αλλιώς πως οι μισές από αυτές απλά δεν λειτουργούν/δεν καταλήγουν πουθενά.

9) Αudio/Video auto play!
Τι πιο σωστό από το να έχεις ενεργοποιημένο το auto play στο video/audio που έχεις στο site σου. Ακόμα πιο τραγικό είναι το autoplay ήχου σε διαφημίσεις (εκεί και αν χάνεις την μπάλα)! Παίζεις με το ζόρι αυτό που θες στον χρήστη, με το έτσι θέλω. Αλώστε το site σου είναι ότι θες κάνεις. Τι σημασία έχει που τον τρομάζεις, εκνευρίζεις κτλ. Σημασία έχει να παίξει το audio/video σου!

10) Έχουμε ένα πολύ καλό app για το smartphone/tablet σου!
Ένα trend που δυστυχώς υπάρχει και σε site του εξωτερικού (εξαφανίζεται σιγά-σιγά όμως), που βάζω στοίχημα πως θα ανθήσει full στην Ελλάδα. Πρόκειται για τα site που όταν τα επισκέπτεσαι από το smartphone/tablet σου, αντί να σου δείχνουν το περιεχόμενο που έχεις μπει να δεις, σε ζαλίζουν να κατεβάσεις την υπέρ-εφαρμογή τους! Η λογική είναι ανάλογη με αυτήν των follwers/like απλά σε app store επίπεδο : την εφαρμογή μας την έχουν κατεβάσει 100.000 άτομα, άρα είμαστε οι καλύτεροι! Γιατί μου κάνεις την ζωή μου πιο δύσκολη, εγώ να τσεκάρω κάτι γρήγορα στο site θέλω – από το κινητό/tablet μου – αν ήθελα και το app σου, ξέρω που θα το βρω!

Τα πα και ξαλάφρωσα…

JoomlaDay 2013 (και η παρουσίαση μου εκεί)

Το προηγούμενο Σάββατο (15 Ιουνίου) είχα την τιμή να βρίσκομαι στο JoomlaDay 2013 ως ομιλητής (και όχι μόνο). Το event ήταν πάρα πολύ καλά οργανωμένο και ανά πάσα στιγμή μπορούσες να βρεις την παρουσίαση που σου ταίριαζε στις 2 αίθουσες του κινηματογράφου Δαναού. Αξίζουν συγχαρητήρια στον Φώτη που κάθε χρόνο αναλαμβάνει και οργανώνει ένα μεγάλο event το οποίο μπορούν να παρακολουθήσει ο καθένας εντελώς δωρεάν! Αυτό που μου άρεσε – δεν ξέρω αν θα συμφωνήσουν όλοι με αυτήν την άποψη – είναι πως σχεδόν οι μισές παρουσιάσεις δεν είχαν να κάνουν με το Joomla αλλά γενικότερα με το web design, web developemt, με mobile developement (Firefox OS και Windows mobile) αλλά και με cloud services. Βρίσκω μόνο θετικά μια τέτοια αντιμετώπιση και ελπίζω να συνεχιστεί και σε άλλα event – μην κολλάμε με τεχνολογίες/CMS/frameworks… Παρακολούθησα όλες (εκτός από μία) τις παρουσιάσεις του Σαββάτου (αυτές που γινόντουσαν στην μεγάλη αίθουσα) και μου άρεσαν ιδιαίτερα οι παρουσιάσεις από τα παιδιά της Mozilla Greece για το Firefox OS, του Γεράσιμου για “Web Typography” αλλά και του Γιάννη τόσο για το “Responsive Web Design Workflow” όσο και για το “Fire the workaholics”! Δυστυχώς την Κυριακή την έχασα λόγο άλλων υποχρεώσεων, ωστόσο κατάφερα να ρίξω μια ματιά ματιά σε ελληνικές προσπάθειες που δεν γνώριζα όπως το Radiojar αλλά και σε άλλες που γνώριζα όπως το Akeeba backup και ελπίζω στο μέλλον να καταφέρω να δω κάποιες παρουσιάσεις τους. Τέλος για αυτούς που έχασαν την παρουσίαση μου, με θέμα “Responsive Web Design & Touch Devices” μπορούν να την δουν/κατεβάσουν από το Speakerdeck. Κάποια στιγμή θα έχουμε και το video της παρουσίασης ωστόσο μέχρι τότε μπορείτε να χαζέψετε τα slides. Άντε και του χρόνου.

Η παρουσίαση μου στο πρώτο JoomlaFrappe

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

Θα ήθελα να ευχαριστήσω τον Φώτη Ευαγγέλου για την εξαιρετική προσπάθεια που ξεκίνησε, την πολύ καλή οργάνωση και τον πολύ όμορφο χώρο. Το Joomlafrappe θα γίνεται κάθε μήνα και μπορείτε να δηλώσετε συμμετοχή ως ακροατής αλλά και ως ομιλητής (αρκεί να έχετε να πείτε κάτι καλό στην ελληνική web κοινότητα). Enjoy…

Η παρουσίαση μου στο upNorth conference

Για όσους δεν κατάφεραν να έρθουν στο upΝorth conference (χάσατε by the way), μπορείτε να δείτε παρακάτω το video και τα slides της παρουσίασης μου (και να τα κατεβάσετε φυσικά).

Θα ήθελα να ευχαριστήσω τον Φώτη Ευαγγέλου για την κάλυψη και να ευχυθώ Καλά Χριστούγεννα και καλές γιορτές σε όλους!

UpNorth Conference, να είστε όλοι εκεί!

Νιώθω πολύ χαρούμενος που μετά από αρκετό καιρό μου δίνεται η ευκαιρία να κάνω μια παρουσίαση σε ένα νέο αλλά πολλά υποσχόμενο ελληνικό conference. Στο upNorth conference, το οποίο θα γίνει την 1η Δεκεμβρίου στη Θεσσαλονίκη, θα έχω την τιμή να παρουσιάσω μαζί με άλλους εκλεκτούς ομιλητές κάποια πράγματα για το responsive web design.

Η είσοδος στο upNorth είναι δωρεάν, οι ομιλητές και οι παρουσιάσεις τους φοβερά υποσχόμενες, οπότε καλό θα ήταν να περάσετε μια βόλτα (μην ξεχάσετε να δηλώσετε έγκαιρα την συμμετοχή σας στο site, μιας και οι θέσεις είναι περιορισμένες). Τα υπόλοιπα τα λέμε την 1η Δεκεμβρίου…

Για τους πιο social, μπορείτε να ενημερώνεστε για την κατάσταση και τα νέα του conference μέσω του επίσημου twitter account αλλά και της facebook σελίδας.

Github account, checked

Επιτέλους κάταφερα μετά από αρκετό καιρό να συμαζέψω λίγο τον Github λογαριασμό μου. Στο εξής όλα τα open-source projectάκια μου θα βρίσκονται εκεί, έτοιμα για να τα κατεβάσετε, να τα κάνετε fork ή να συνεισφέρεται σε αυτά. Τέλος όποιος θέλει μπορεί να με κάνει απλά φίλο και να τα λέμε από εκεί 😉

Δωρέαν JavaScript βιβλία

Η JavaScript είναι εδώ και πολύ καιρό η επίσημη γλώσσα του web. Είναι η γλώσσα που χρησιμοποιείται πίσω από όλες τις HTML5 εφαρμογές που μας εντυπωσιάζουν (με άλλα λόγια είναι η γλώσσα που χρησιμοποιούν όλα τα HTML5 APIs, και όχι μόνο). Το κακό με την Javascript είναι πως έχει αρκετές παραξενιές, οι οποίες κάνουν την εκμάθηση της αρκετά δύσκολη, ακόμα και σε έμπειρους προγραμματιστές. Αν θέλετε να ξεκινήσετε σωστά, το δωρεάν βιβλίο του Cody Lindley ¨Javascript Enlignment¨ είναι μια πολυ καλη αρχή. Επίσης οι πιο μυημένοι μπορούν να ρίξουν μια ματιά και στο επίσης δωρεάν βιβλίο του Addy Osmani ¨Essential JavaScript and jQuery designs patterns¨.

Καθόλου άσχημες τιμές 😉

Adaptive vs Responsive design: Ποια είναι η διαφορά;

Ακούω όλο και περισσότερο τους δύο παραπάνω όρους, τον δεύτερο σχεδόν καθημερινά, ωστόσο οι περισσότεροι έχουν την αίσθηση πως πρόκειται για ακριβώς το ίδιο πράγμα (συνωνυμία), κάτι που δεν ισχύει. Και επειδή αυτό μπορεί να οδηγήσει σε παρεξηγήσεις, γι αυτόν ακριβώς τον λόγο αποφάσισα να γράψω το παρακάτω post. Παρακάτω λοιπόν προσπαθώ να εξηγήσω με όσο το δυνατόν ευκολότερο τρόπο την διάφορα ενός Responsive και ενός Adaptive design.

Responsive design

Θα ξεκινήσω με τον πιο διάσημο όρο το Responsive design, τo οποίο χρησιμοποιεί απαραίτητα 3 χαρακτηριστικές web τεχνικές. Αυτό είναι το fluid grid (για το layout), media queries (για τον έλεγχο μεγέθους των οθονών) και flexible media (images, video, κτλ.). Αν λοιπόν το layout μας έχει και τα 3 παραπάνω χαρακτηριστικά, τότε είναι responsive, που πολύ απλά σημαίνει πως αν έχει κατασκευαστεί σωστά θα παίζει σε οποιαδήποτε ανάλυση/συσκευή. Δεν θέλω να σταθώ σε λεπτομέρειες και τεχνικές τύπου “mobile first” (όπου για λόγους bandwidth καλό είναι να κατασκευάζουμε το site ξεκινώντας από την μικρότερη ανάλυση που θέλουμε να υποστηρίξουμε, και να συνεχίσουμε με τις μεγαλύτερες) για την ώρα, ίσως το κάνω σε κάποιο άλλο post.

Adaptive design

Λέγοντας Adaptive design εννοούμε πως δεν ικανοποιεί και τα τρία προαναφερθέντα χαρακτηριστικά (συνήθως το fluid grid layout) και απλά προσπαθεί με τα media queries να προσαρμόσει (adapt) το layout όσο καλύτερα γίνεται σε διάφορες αναλύσεις και συσκευές. Η συγκεκριμένη τεχνική χρησιμοποιείται όλο και λιγότερο, μιας και όπως καταλαβαίνεται το responsive design αν και δυσκολότερο στην υλοποίηση, προσφέρει περισσότερα πλεονεκτήματα.

Τέλος θα ήθελα να θυμίσω πως βασικός λόγος δημιουργίας αυτής της σύγχυσης/παρεξήγησης στην ονοματολογία, ήταν πως στην γέννηση των media queries (άρα και των παραπάνω τεχνικών ) δεν υπήρχε standard ορολογία, οπότε ήταν καθαρά στην κρίση του designer το πως  θα ονόμαζε αλλά και τι εννοούσε (σε αυτό το μπέρδεμα συνείσφεραν ακόμα και γνωστά βιβλία) ωστόσο πλέον καλό θα είναι να ξέρουμε να τα διαχωρίζουμε.

Καλή Χρονιά!

Θα ήθελα να ευχηθώ Καλή Χρονιά με υγεία πάνω από όλα, σε όλους του συναδέλφους, συνεργάτες, φίλους και αναγνώστες του blog! To 2011 έκλεισε με μόλις 10 posts ωστόσο έγραψα και άλλα 13 για το Phrappe, οπότε ισοφαρίζω κάπως την κατάσταση. Ελπίζω το 2012 να είναι ακόμα πιο δημιουργικό με πολλές δουλειές για όλους.