Τα hilights της 10ετίας…

Ακόμα δεν μπορώ να πιστέψω πως πέρασαν 10 ολόκληρα χρόνια από τότε που αλλάξαμε χιλιετία! Παρακάτω γράφω τα highlights (κατά την γνώμη μου πάντα) του χώρου μας… Όποιος θέλει να προσθέσει κάτι ας αφήσει σχόλιο, αφού όλο και κάτι θα ξέχασα. Έχουμε και λέμε λοιπόν:

  • To web μεγαλώνει και ωριμάζει ακόμα περισσότερο, για να γίνει social ή αλλιώς Web 2.0. Οι περισσότεροι χρήστες του συχνάζουν στις γειτονιές του Facebook, MySpace, Youtube κτλ κτλ…
  • Τα blogs γίνονται mainstream, ενώ το microbloging κάνει και αυτό την επανάσταση του (προς το τέλος της 10ετίας).
  • Η Apple κερδίζει μεγάλο μερίδιο αγοράς χάρις τον χαρισματικό CEO της, Steve Jobs. Προσωπικά πιστεύω πως η Apple δεν θα τα κατάφερνε χωρίς αυτόν. Αξιοσημείωτο είναι το γεγονός πως το διοικητικό συμβούλιο της Apple τον είχε απολύσει/διώξει κάπου στα 90s (τον ίδιο τον ιδρυτή της)!
  • Η Microsoft προσπαθεί να αποκαταστήσει το κακό όνομα των Vista, με τα Windows 7, τα οποία επιτέλους παίζουν! Τέλος κάνει την ύστατη προσπάθεια να κρατηθεί και στον χώρο των search engine με το Bing.
  • Η Google αρχίζει να κατακτά τα πάντα στον κυβερνοχώρο. Ξεκίνησε σαν μια απλή search engine στον γκαράζ 2 φοιτητών!
  • Τα netbooks και smartphones κάνουν το internet και τις εφαρμογές του πιο “φορητές”…
  • Τα δωμάτια με τους server όλο και λιγοστεύουν. To cloud computing έχει ξεκινήσει…
  • Το Skype κάνει μια πρώτη επανάσταση στον χώρο των τηλεπικοινωνιών με VoIP. Κάποιες από αυτές μάλιστα προσπαθούν να το κλείσουν!
  • Τα πρώτα e-book reader κάνουν την εμφάνιση τους. Ανάμεσα τους και το Kindle, το e-book reader της Amazon, του μεγαλύτερου online βιβλιοπωλείου στον κόσμο.

Τα καλύτερα links – Φεβρουάριος 09

Με καθυστέρηση μιας εβδομάδας βγαίνουν τα links του Φεβρουαρίου, ωστόσο έχω καλή δικαιολογία γι αυτήν την καθυστέρηση… Λίγο η δουλειά στο τέλος του μήνα, αλλά το χειρότερο, το σπάσιμο του χεριού μου σε 3 σημεία (2 λάμες και 32 ράμματα!), με έκαναν να καθυστερήσω κάπως αυτό το post. Δεν έχω να μοιραστώ πολλά links μαζί σας αυτόν τον μήνα, ωστόσο αυτά που παρουσιάζω είναι πολύ ενδιαφέροντα. Έχουμε και λέμε λοιπόν :

Web Development

Tools

  • Ο WYMeditor είναι ένας δωρεάν, web-based, WYSIWYG (What You See Is What You Get) XHTML editor. Τον χρησιμοποιούν πολλές γνωστές web εφαρμογές, που σημαίνει ότι είναι δοκιμασμένος, δουλεύει καλά και υποστηρίζει τους περισσότερους browsers! Τι άλλο να ζητήσει κάποιος από έναν τέτοιον editor.
  • Άλλος ένας δωρεάν και open source WYSIWYG HTML editor, με το περίεργο όνομα Xinha. Και αυτός ο editor φαίνεται πολύ οργανωμένος και δουλεμένος, οπότε διαλέγεται και παίρνεται!

Plug ins

  • Το Simpletip είναι ένα χρήσιμο jQuery plug in, για tooltips. Απλό, εύκολο και με πολλές δυνατότητες παραμετροποίησης.
  • Άλλο ένα εντυπωσιακό jQuery plug in είναι το Slide box. Αν και μου αρέσουν τέτοιου είδους εφέ δεν ξέρω κατά πόσο πρακτικά και accessible είναι τελικά.

Blogs

Web 2.0

  • To Zemanta είναι ένα πολύ ενδιαφέρον semantic web εργαλείο. Μπορείτε να το χρησιμοποιήσετε σαν plug in σε πολλούς browsers ή να το ενσωματώσετε στις υπηρεσίες που χρησιμοποιείτε (e-mail, blogging, κτλ.). Τώρα εάν σας βοηθήσει ή κατά πόσο semantic στοιχεία βρίσκει (μιας και το web δεν είναι ιδιαίτερα semantic αυτήν την στιγμή), είναι άλλο θέμα.

Τα καλύτερα links – Ιανουάριος 09

Έμπνευση

Web Design

Web Development

  • Το JSValidate είναι ίσως το πιο αξιόλογο Javascript validation framework που έχω βρει μέχρι στιγμής! Πάρα πολύ εύκολο στη χρήση και “to the point”. Για όσους δεν με πιστεύουν, ας ρίξουν μια ματιά στα παραδείγματα.
  • Το JS Bin είναι ένα πολύ έξυπνο Javascript testing tool! Για περισσότερες πληροφορίες ρίξτε μια ματιά στο post που έχω γράψει γι αυτό στο CSS3.gr.
  • H $fx() είναι μία super-light Javascript animation library, για όποιον ενδιαφέρεται να μάθει μία ακόμη library…

Tools

  • Το καλύτερο add on για το Firebug ever! Μας έρχεται από το Sitepoint και ονομάζεται FireScope. Πραγματικά αυτό που έλειπε από το Firebug. Για περισσότερες πληροφορίες, ρίξτε και μια ματιά στο postακι που έγραψα στο CSS3.gr().
  • Το Gridr Buildrrr είναι ένα ενδιαφέρον on-line εργαλείο για την δημιουργία grids. Απλά ρυθμίστε το στις ανάγκες σας, δημιουργήστε το grid που θέλετε και ξεκινήστε το design σας!
  • Το Sigma Visual Ajax GUI Builder είναι ένας αρκετά περίεργο εργαλείο για την δημιουργία AJAX GUI. Προσωπικά δεν μ’ αρέσουν καθόλου τέτοια εργαλεία, ωστόσο κάποιοι μπορούν να το βρουν χρήσιμο. Όποιοι ενδιαφέρεστε μπορείτε να το κατεβάσετε κι όλας.
  • Η δωρεάν υπηρεσία Are my sites up? κάνει αυτό που λέει! Σας ενημερώνει εάν τα site σας είναι στον αέρα!
  • Δείτε ότι βλέπουν πραγματικά οι web browsers! Ενδιαφέρον, αλλά μετά από κάνα-δυο tests, απλά δεν θες να ξανανοίξεις την σελίδα…
  • Βαρεθήκατε να αναβάζεται τα video σας 1-1 σε κάθε υπηρεσία που υπάρχει; Εάν η απάντηση είναι θετική, τότε το TubeMogul είναι η υπηρεσία που θα σας λύσει τα χέρια. Εάν μάλιστα θέλετε και επιπλέον χαρακτηριστικά για τα video σας (όπως στατιστικά, keyword tagging, κτλ ) τότε ρίξτε και μια ματιά σε κάποιο από τα επί πκηρωμή πακέτα του.
  • To Web Development Project Estimator κάνει αυτό που λέει! Απλά ξεκινήστε ένα καινούργιο project, προσθέστε τα tasks και τις τιμές τους, και τελειώσατε!
  • Το ScreenToaster είναι μια φανταστική υπηρεσία δημιουργίας screencasts! Αν και δεν συμπαθώ την Java τεχνολογία, το συγκεκριμένο site καταφέρνει να την χρησιμοποιήσει πολύ αξιόλογα.

Τυπογραφία (Typography)

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

WordPress

  • Φτιάξτε το δικό σας Facebook, χρησιμοποιώντας το BuddyPress! Τώρα δεν ξέρω εάν κάτι τέτοιο είναι καλή ιδέα, ωστόσο για όσους θέλουν να δημιουργήσουν ένα μικρο-μεσαίο social network site, το BuddyPress είναι μια ενδιαφέρον λύση. Ρίξτε μια ματιά και στο demo
  • To WordPress TV είναι γεγονός! Καλό θα είναι να του ρίχνετε καμιά ματιά εάν ασχολείστε με την συγκεκριμένη πλατφόρμα.

Plug ins

  • Το s3Slider είναι ένα εντυπωσιακό και εύκολο στην χρήση jQuery plug in για slide shows.
  • Άλλο ένα jQuery plug in για να κόβετε, και όχι μόνο, τα images εύκολα και γρήγορα.
  • Ένα πολύ χρήσιμο date picker plug in για το jQuery.
  • Το Sexy Curls είναι ένα “sexy” jQuery plug in…

Blogs

  • Ένα νέο αλλά πολλά υποσχόμενο blog που ανακάλυψα, είναι το realmarketing.gr. Εάν σας ενδιαφέρει το θέμα (όλοι μας πρέπει να ξέρουμε marketing) προσθέστε το οπωσδήποτε στον reader σας…

Web 2.0

  • Το thisMoment είναι ένα project που μου κίνησε το ενδιαφέρον. To concept του είναι να σώνεις διαδικτυακά στιγμές τις ζωής σου (όπως video, φωτογραφίες, κτλ.) και αυτά να παρουσιάζονται στους φίλους σου σε κάποιο timeline. Για να δούμε πως θα τα πάει…
  • Ακόμα ένα ενδιαφέρον project είναι το Oursignal το οποίο συλλέγει τα top άρθρα από διάφορα media site (και πιο συγκεκριμένα από τα digg, reddit, del.icio.us, hackernews και yahoo buzz), και τα παρουσιάζει μέσα σε μία πολύ όμορφη σελίδα. Είναι με λίγα λόγια το καθημερινό σινιάλο όλων των web χρηστών!

Δωρεάν / Freebies

  • Ένα ενδιαφέρον και δωρεάν e-book από τον Antonio Lupetti. Ο τύπος απλά έχει συλέξει τα καλύτερα posts του και έχει φτιάξει ένα αρκετά ενδιαφέρον e-book. Το διάβασα από το Web Design Blog.
  • Το δεύτερο τεύχος των Ubuntistas, είναι γεγονός! Πολύ μ’ αρέσουν τέτοιες προσπάθειες, γι αυτό και τις υποστηρίζω άλλωστε.

Διάφορα links

Τα καλύτερα links – Νοέμβριος 08

Από αυτό τον μήνα, όπως είχα γράψει και παλιότερα, θα συλλέγω σε ένα και μοναδικό post τα links που μου έκαναν εντύπωση…

Έμπνευση

  • Templatica : Πολύ φτηνά και ποιοτικά XHTML/CSS templates, από τον δημιουργό του CSS globe Alen Grakalic. Για να δούμε τι θα καταφέρει…

Web Design

  • Adobe Flash Catalyst : Το νέο εργαλείο της Adobe για την εύκολη δημιουργία εφαρμογών, interfaces και interactive περιεχομένου. Δείχνει καλό και πολύ εύκολο στην εκμάθηση, λέτε επιτέλους να καταφέρω να φτιάξω και κάτι σε Falsh?
  • Malo : Ένα νέο και πολύ ελαφρύ CSS framework, μόλις 8 γραμμές και 0,25kb, φτιαγμένο κυρίως για μικρό-μεσαία site. Δεν το έχω δοκιμάσει, αλλά δείχνει αρκετά ενδιαφέρον.
  • CSS Browser Selector : Ένα πολύ απλό και μικρό Javascript αρχειάκι (λιγότερο από 1KB!) αναλαμβάνει να κάνει extend της CSS! Στην συνέχεια με απλές κλάσεις (class) μπορείτε να επιλέξετε συγκεκριμένους browsers και λειτουργικά συστήματα! Απλά καταπληκτικό!
  • Yahoo! BrowserPlus : Ακόμα ένα browser plug in, αυτήν την φορά φτιαγμένο από την Yahoo! Για να δούμε τι θα καταφέρει

Web Development

Accessibility

Mobile news

  • Google Android : Και επίσημα open source πλέον. Περιμένω πολλά από την συγκεκριμένη πλατφόρμα, και είναι ο μοναδικός λόγος που δεν έχω ήδη iPhone! Έχω την αίσθηση πως θα κυκλοφορήσουν σύντομα φτηνότερα και αντίστοιχου επιπέδου κινητά με το εν λόγω λειτουργικό.

WordPress και plug ins

  • WP Best Posts Summary : Ένα πολύ βολικό WordPress plug-in, για την αυτόματη ανασκόπηση των καλύτερων άρθρων/post! Για περισσότερες πληροφορίες διαβάστε το post που έχω γράψει. Το μόνο που με χαλάει είναι το κόλλημα που τρώει στο ελληνικό κείμενο… Κάποια ιδέα/fix κανένας?

Blogs

  • HumanWorks : Το νέο blog που παρακολουθώ από την ελληνική σκηνή! Πολύ καλός ο Νίκος!

Web 2.0

  • GetSignOff : Μια πολύ καλή λύση επικοινωνίας για επαγγελματίες web designers με τους πελάτες τους. Μπορείτε να δημιουργήσετε και δωρεάν λογαριασμό, έτσι ώστε να πάρετε μια γεύση από τα features διαθέτει η εφαρμογή.
  • Protonotes : Αντίστοιχη υπηρεσία με την πάνω, με την διαφορά πως σου αφήνουν feedback κατευθείαν πάνω στο site σου μέσω σημειώσεων (notes). Επίσης επιλέγεις ποιοι άνθρωποι θα σου αφήνουν αυτά τα notes, οπότε μπορεί να είναι οποιοιδήποτε, όπως συνεργάτες οι άλλα μέλη της ομάδας, και όχι απαραίτητα πελάτες. Το καλύτερο το άφησα για το τέλος, η υπηρεσία διατίθεται δωρεάν (δέχονται φυσικά paypal donations)!
  • Yahoo! Web Analytics : Μια ολοκαίνουργια υπηρεσία στατιστικών από την Yahoo! Την άποψη μου την έχω γράψει ήδη.
  • ANIMOTO : Μια πολύ έξυπνη ιδέα και υλοποίηση. Απλά επιλέξτε ποιες φωτογραφίες σας θέλετε να κάνετε video, και το ANIMOTO θα αναλάβει όλα τα υπόλοιπα! Πρέπει να το πρωτοδιάβασα από τον papo.

Δωρεάν! Freebies!

Διάφορα links

  • TVXS : Το ειδησιογραφικό portal του Στέλιου Κούλογλου είναι γεγονός! Έχει ήδη δημοσιεύσει πολλά και ενδιαφέροντα ντοκυμαντέρ, χωρίς περικοπές και λογοκρισία! This is internet!
  • Findsubtitles : Βρείτε υπότιτλους για ταινίες και σειρές σε διάφορες γλώσσες, ανάμεσα τους και σε ελληνικά. Μέχρι να πέσουν νέες μηνύσεις και να ανοίξει κάποιο άλλο τέλος πάντων…

Δωρεάν On-line Flash editor

Μετά τους on-line HTML editors καιρός ήταν να δούμε και τον πρώτο on-line, και δωρεάν πάντα, Flash editor, με το όνομα Sprout. Αν και δεν δοκίμασα ακόμα την εν λόγω υπηρεσία, η ιδέα είναι η δημιουργία μικρών Flash εφαρμογών κατευθείαν στον browser (χωρίς την ανάγκη ύπαρξης του Adobe Flash με λίγα λόγια) και στη συνέχεια το μοίρασμα αυτών των εφαρμογών οπουδήποτε, κάνοντας embed τον κώδικα που σας παρέχει το Sprout! Οι δυνατότητες που προσφέρει φαίνονται αρκετές (ιδιαίτερα για τον μέσο χρήστη), και σίγουρα αποτελεί μια πολύ απλή, εύχρηστη και γρήγορη λύση για μικρά Flashάκια που ζητάνε συνήθως οι πελάτες. Είναι ήδη στα bookmarks μου και θα το κοιτάξω και πιο προσεκτικά! Viva Web 2.0!!!

HTML 5 και XHTML 2: ο νέος πόλεμος στο web

Έτσι όπως εξελίσσεται η κατάσταση, ο νέος πόλεμος στο web δεν θα γίνει ανάμεσα σε browsers αλλά σε τεχνολογίες (υπάρχει και η πιθανότητα να συνεχιστεί και στους browsers, αλλά το πρόβλημα θα προκύψει από τις τεχνολογίες που θα αποφασίσουν να υποστηρίξουν)! Αυτήν την στιγμή λοιπόν, οι αντικαταστάτες της κλασικής μας (X)HTML markup είναι δύο, και μάλιστα με αρκετές διαφορές τόσο στον κώδικα (elements, attributes, κτλ.) όσο και στην φιλοσοφία τους. Φυσικά κάνω λόγο για την HTML 5 και την XHTML 2 οι οποίες βρίσκονται αυτήν την στιγμή σε κατάσταση working drafts, πράγμα που σημαίνει ότι θα καθυστερήσουν αρκετά να ολοκληρωθούν και ακόμα πιο πολύ να τις υποστηρίξουν οι διάφοροι browsers, αλλά όπως και να έχει η ερώτηση είναι εξής : Πως προέκυψαν δύο web standards για την ίδια δουλεία?!?!

Καλύτερα να τα πάρουμε τα πράγματα από την αρχή. Στην αρχή λοιπόν τα πράγματα ήταν πολύ απλά με την HTML 1 να είναι η μοναδική markup στον internet, απόγονος της πολύ παλιάς αλλά και δοκιμασμένης SGML. Επειδή σιγά-σιγά το internet άρχισε να γίνεται πιο διάσημο και mainstream λοιπόν, κάποιοι, κατασκευαστές browser κυρίως, άρχισαν να προσθέτουν επιπλέον presentational (παρουσιαστικά) tags και ιδιότητες στην λιτή HTML και να χαλάνε την δομή της (structure) με αυτά, όπως font tags, nested tables, και πολλά άλλα, ενώ η κατάσταση είχε ξεφύγει τελείως από το W3C που δρούσε σαν απλός παρατηρητής. Μετά λοιπόν από τις HTML version 2 και 3, και τον πόλεμο τον browsers που υπήρχε μέχρι και εκείνη την στιγμή, κάποιοι developers όπως ο Jeffrey Zeldman, ο Eric Meyer, και πολλοί άλλοι, αποφάσισαν να πείσουν όλους τους υπόλοιπους, developers και κατασκευαστές browser να χρησιμοποιούν τα επίσημα standards του W3C για την δημιουργία web sites! Είναι η περίοδος που η HTML 4.01 είναι η νεότερη έκδοση της markup για το internet, ενώ έχει ήδη αρχίσει να χρησιμοποιείται από τους πιο σκληροπυρηνικούς και ψαγμένους η νέα XHTML όπου είναι στην ουσία η κλασική HTML 4 αναδιατυπωμένη σαν XML (δεν ήξερα πως αλλιώς να μεταφράσω το reformulation!). Η μεγάλη διαφορά της XHTML με την HTML είναι πως προσπαθεί να συμμαζέψει το περιεχόμενο (content) σε μια ακόμα καθαρότερη δομή (structure), άλλοτε με πιο αυστηρούς κανόνες και άλλοτε όχι – ανάλογα με το doctype – και να αφήσει το παρουσιαστικό (presentation) κομμάτι σε άλλη τεχνολογία, την CSS. Με αυτόν τον τρόπο η markup θα ξαναχρησιμοποιηθεί για τον λόγο που είχε εφευρεθεί, την σωστή δομή του περιεχομένου δηλαδή!

Στην συνέχεια έρχεται μια μεταβατική περίοδος στο web, όπου τα μεγάλα site έχουν φτάσει τις συγκεκριμένες τεχνολογίες στα όρια τους και χρειάζονται κάτι πιο δυνατό για το Web 2.0 το οποίο έχει ήδη αρχίσει να δημιουργείται. Κάπου εδώ ξεκινάει και το μπέρδεμα. Το επίσημο W3C ξεκινάει λοιπόν το draft της XHTML 2, όμως κάποιοι ανεξάρτητοι – κατασκευαστές browser, web developers, ανεξάρτητοι οργανισμοί κτλ. – δημιουργούν την WHATWG community και ξεκινάνε το draft της HTML 5 (και των Web Forms 2.0), το οποίο μετά από κάποιο καιρό το παραδίδουν στο W3C και γίνεται και αυτό επίσημο standard! Έτσι αυτήν την στιγμή έχουμε δύο επίσημους διαδόχους τις (X)HTML οι οποίοι μάλιστα έχουν πάρει και αρκετά διαφορετικές κατευθύνσεις σε θέματα αρχιτεκτονικής και σχεδιασμού!

Αυτήν την στιγμή κανένα από τα δύο recomendations δεν είναι επίσημο ή έχει περισσότερη υποστήριξη, αλλά το μπέρδεμα έχει ήδη γίνει και μάλιστα είναι πολύ μεγάλο! Καταρχάς, τι θα γίνει εάν κάποιοι browsers επιλέξουν να υποστηρίξουν ένα από τα δύο standards (extreme σενάριο, αλλά ας μην ξεχνάμε πως ακόμα κάποιοι browsers προσπαθούν να υποστηρίξουν standards 7 χρόνων παλιά!). Επίσης τι θα γίνει σε development επίπεδο, όπου κάποια site θα υποστηρίξουν την μία markup και κάποια την άλλη? Όπως ανέφερα οι markup είναι πολύ διαφορετικές μεταξύ τους, ενώ η HTML 5 έρχεται και με διάφορα Javascript APIs για ευκολότερο development σε αυτήν, το οποίο όμως μπορεί να μπερδέψει πολλούς developers (ιδιαίτερα νέους), αλλά και κατασκευαστές browsers, οι οποίοι θα πρέπει να ενσωματώσουν στους καινούργιους browsers πολλά νέα APIs. Και σαν να μην έφταναν τα παραπάνω μπερδέματα, το θέμα μπορεί να γίνει και ακόμα πιο περίπλοκο μιας και η HTML 5 για παράδειγμα (στην οποία έχω ρίξει μια καλύτερη ματιά), έχει ήδη δύο parsing modes, ένα σαν HTML και ένα σαν XML, με το πρώτο να είναι πιο συμβατό με παλιότερους browsers ενώ το δεύτερο η αυστηρότερη έκδοση του και χρήση του σαν XML εφαρμογή! Υποθέτω πως και η XHTML 2 θα έχει ανάλογες επιλογές για parsing.

Όπως εύκολα μπορεί να καταλάβει ο μέσος web developer/designer, η κατάσταση είναι αρκετά μπερδεμένη, ενώ εντύπωση μου κάνει πως κανένας επίσημος φορέας, όπως το W3C ή άλλοι μεγάλοι οργανισμοί και guru, δεν έχουν κάνει κανένα σχόλιο πάνω σε αυτό το σημαντικότατο θέμα. Για την ακρίβεια δεν το έχουν θίξει καν! Ξέρω πως και οι δύο τεχνολογίες έχουν πολύ δρόμο ακόμα να διανύσουν, ο Lachlan Hunt στο άρθρο του A Preview of HTML 5 υπολογίζει πως η HTML 5 θα χρειαστεί περίπου άλλα 10 με 15 χρόνια (άρα άλλα τόσα θα χρειαστεί και η XHTML 2), αλλά γιατί να μην γινόντουσαν τα πράγματα πιο απλά για όλους μας ?!?! Ελπίζω η κατάσταση να αλλάξει σύντομα και το τοπίο να ξεκαθαρίσει στο συγκεκριμένο θέμα έτσι ώστε να βοηθηθούν όλοι και να παρθούν γρηγορότερα κάποιες αποφάσεις, γιατί η αλήθεια είναι πως όλοι μας χρειαζόμαστε μια νέα markup! Πολλές ενδιαφέρουσες απόψεις πάνω στο θέμα μπορεί κάποιος να βρει στο άρθρο της IBM, HTML V5 and XHTML V2, ενώ το καινούργιο άρθρο του A List Apart έχει ένα αναλυτικό preview στην HTML 5, και φυσικά για τους πιο σκληροπυρηνικούς υπάρχουν και τα επίσημα drafts.

Πως να κάνετε το blog σας να ξεχωρίσει από την μάζα. (Μέρος δεύτερο – Interaction και Navigation)

Σε προηγούμενο post ανάλυσα πως μπορούμε να κάνουμε το blog μας καλύτερο προσέχοντας και υλοποιώντας κάποια πράγματα στο design και το theme του. Σε αυτό το δεύτερο μέρος πηγαίνω το θέμα λίγο παραπέρα και ασχολούμαι με το πως μπορούμε να βελτιώσουμε το interaction (ή αλληλεπίδραση για όσους προτιμάνε τους ελληνικούς όρους) του blog μας, βοηθώντας με αυτόν τον τρόπο τους χρήστες μας να βρίσκουν εύκολα και γρήγορα αυτό που ψάχνουν. Όπως τόνισα και στο πρώτο post το περιεχόμενο είναι ο βασιλιάς, αλλά εάν δεν μπορεί να το εντοπίσει κάποιος εύκολα και γρήγορα, τότε ο περιεχόμενο μας δεν έχει και πολύ νόημα.

Σαν χρήστης του internet εδώ και τουλάχιστον 12 χρόνια, έχω συνειδητοποιήσει πως το navigation και γενικότερα interaction του χρήστη με κάποιο site ή blog είναι ένα από τα πιο παρεξηγημένα και παραμελημένα θέματα. Κανείς δεν του δίνει ιδιαίτερη σημασία, ενώ ο εκάστοτε designer/developer έχει την νοοτροπία πως εφόσον υπάρχει κάποια navigation bar που να δουλεύει, τότε ο καθένας θα ξέρει να την χρησιμοποιήσει και φυσικά θα βρει αυτό που αναζητάει. Όπως καταλαβαίνεται τα πράγματα δεν λειτουργούν έτσι ακριβώς και φυσικά δεν πρέπει να σκεφτόμαστε με αυτήν την λογική, είτε είμαστε επαγγελματίες του χώρου, είτε bloggers. Το να συνειδητοποιήσουμε και να καταλάβουμε το πρόβλημα είναι και το πρώτο βήμα της επίλυσης του! Στη συνέχεια, το όλο θέμα γίνεται ακόμα πιο απλό εάν ρωτήσουμε τον εαυτό μας τι είδους interaction θα θέλαμε να υπήρχε στο site/blog μας έτσι ώστε και ο πιο άπειρος χρήστης να μπορούσε και να το καταλάβει αλλά και να το χρησιμοποιήσει έτσι ώστε να βρει αυτό που ψάχνει.

Ας ξεκινήσουμε με τα βασικά λοιπόν και πιο συγκεκριμένα με το κεντρικό μενού ή navigation, όπως το προτιμώ! Ο παλιός (web 1.0), κλασικός τρόπος κατηγοριοποίησης των άρθρων, post κτλ. είναι η χρήση κατηγοριών! Οι περισσότεροι χρήστες είναι ήδη μαθημένοι σε αυτόν τον τρόπο αλληλεπίδρασης μιας και είναι πολύ εύκολα κατανοητός, απλά κατηγοριοποιείς τα post ανάλογα με το θέμα τους! Οι περισσότεροι χρήστες ακόμα και εάν δεν έχουν καθόλου εμπειρία στο internet μπορούν πολύ εύκολα να καταλάβουν τι είναι οι κατηγορίες σε ένα navigation menu, μιας και είναι πολύ συνηθισμένος τρόπος αλληλεπίδρασης και στις off-line ασχολίες τους (όλο και κάποιον φάκελο με συγκεκριμένα έγγραφα θα έχουν κατηγοριοποιήσει, όλο και κάποια συλλογή με κατηγοριοποιημένους δίσκους ή γραμματόσημα θα έχουν φτιάξει, κοκ.). Καλό θα είναι λοιπόν να προσφέρουμε όλες τις κατηγορίες μας στον τελικό χρήστη στην προσπάθεια αναζήτησης κάποιας πληροφορίας. Στο blog μου πχ. οι κατηγορίες των post μου βρίσκονται στο κεντρικό μενού, κάτω στην επιλογή Categories. Καλό θα είναι το συγκεκριμένο μενού να είναι απλό στην χρήση (να μην λειτουργεί με περίπλοκα drug ‘n drop κτλ.), να περιέχει ξεκάθαρες επιλογές και να είναι άμεσα διαθέσιμο σε όλες τις σελίδες του blog! Με αυτόν τον τρόπο δίνουμε την δυνατότητα σε όλους τους χρήστες (και ιδιαίτερα τους πιο άπειρους) οπουδήποτε και να βρεθούν στο blog μας, να μπορέσουν να αλληλεπιδράσουν μαζί του, και να φτάσουν στην πληροφορία/post που αναζητούν.

Ο νέος και πιο μοντέρνος (web 2.0) τρόπος κατηγοριοποίησης είναι τα tags τα οποία κάνουν ότι και οι κατηγορίες περίπου, αλλά είναι πολύ πιο ευέλικτα και ακριβή. Με τα tags λοιπόν δεν χρειάζεται να καταχωρείς το post σε μία κατηγορία (ή περισσότερες), απλά τους κολλάς πολλές ετικέτες (tags) έτσι ώστε να το ξεχωρίζεις. Με τον καιρό αυτές τις ετικέτες θα αυξάνονται, αλλά και θα ξεχωρίσουν αυτές που χρησιμοποιήτε πιο πολύ στα post σας. Από εκεί και πέρα ένα tag cloud παρουσιάζει πολύ όμορφα αυτές τις ετικέτες, ενώ προσφέρει στον χρήστη και ένα πιο όμορφο αλλά και ακριβή τρόπο αλληλεπίδρασης. Έτσι εάν κάποιος χρήστης για παράδειγμα επιλέξει ένα tag με το όνομα wordpress, αποκλείεται να μεταφερθεί σε κάποιο post που να μην αναφέρει κάτι για το wordpress (εκτός και εάν το έχουμε κάνει εσκεμμένα, αλλά μιλάμε για normal καταστάσεις!). Και το tag cloud θα πρέπει να είναι διαθέσιμο παντού (σε όλες τις σελίδες) και μάλιστα σε ευδιάκριτο σημείο – δεν μ’ αρέσει να το βρίσκω σε footers ή σε άλλα περίεργα σημεία κάποιου blog.

Τέλος, το τελευταίο βασικό στοιχείο αλληλεπίδρασης που μαζί με τα δύο προηγούμενα θα ολοκληρώσουν τον κεντρικό interaction πυρήνα ενός blog, δεν είναι άλλο από την αναζήτηση/search! Και η αναζήτηση πρέπει να είναι διαθέσιμη σε όλες τις σελίδες σε εμφανές σημείο, ενώ καλό είναι να μην το παρακάνουμε μαζί της (όπως με πολλές advance δυνατότητες, επιλογές, κουμπιά, κτλ.) γιατί πιο πιθανό είναι να μπερδέψουμε τους χρήστες μας, παρά να τους βοηθήσουμε. Επίσης μία εγγενής μηχανή αναζήτησης (αυτή δηλαδή που ψάχνει κατευθείαν το περιεχόμενο του blog μας) είναι πολύ καλύτερη από την χρήση μιας τρίτης που να ψάχνει το blog μας (όπως πχ. Google), αφού έχει πολύ καλύτερα αποτελέσματα, μιας και η πρώτη έχει πάντα το πιο up-to-date υλικό, ενώ στην δεύτερη περίπτωση εξαρτώμαστε από τα bots της μηχανής στην ανανέωση των καταχωρίσεων, αλλά και εύρεση του υλικού μας.

Από εκεί και πέρα και εφόσον έχουμε λύσει το πρόβλημα του βασικού interaction, ο εκάστοτε blogger έχει την ελευθερία να δημιουργήσει όσους άλλους τρόπους αλληλεπίδρασης θέλει (αρκεί να μην το παρακάνει κι’ όλας και καταντήσει το blog του μία μάζα από links!). Προσωπικά χρησιμοποιώ δύο επιπλέον λίστες, τα δημοφιλέστερα post τα οποία είναι πάντα διαθέσιμα σε οποιαδήποτε σελίδα, και τα σχετικά posts τα οποία είναι διαθέσιμα μόνο στις σελίδες των post (λογικό νομίζω). Αυτοί είναι δύο πολύ εύκολοι αλλά και χρήσιμοι τρόποι διαφήμισης του περιεχομένου του blog μας, αφού όποιος βρεθεί σε αυτό (είτε από κάποια μηχανή αναζήτησης, είτε από κάποιο link στο blog μας, κτλ.) είναι πολύ πιθανό να μείνει στο blog μας βρίσκοντας γρήγορα κάποιο από δημοφιλέστερα posts μας ή απλά επιλέγοντας κάποιο σχετικό με αυτό που μόλις διάβασε/βρήκε. Επίσης καλό θα είναι τα post σας να δημοσιεύουν τα tags στα οποία ανήκουν, μιας και αυτά δίνουν την επιλογή στον χρήστη να συνεχίσει εύκολα το ψάξιμο κάποιας ταμπέλας/tag (μιας και τα σχετικά άρθρα δεν είναι πολλές φορές και τόσο σχετικά).

Φυσικά υπάρχουν και άλλοι δημοφιλής τρόποι interaction σε blog τους οποίους προσωπικά δεν χρησιμοποιώ, γιατί πολύ απλά δεν τους θεωρώ πολύ χρήσιμους ή ότι κρύβουν κάποια σοβαρή λογική από πίσω. Μερικοί είναι το calendar/ημερολόγιο όπου εμφανίζει τις μέρες που δημοσιεύσατε κάποιο post (ανούσιο), τα archives/αρχεία όπου εμφανίζουν σε χρονολογικά αρχεία (πχ. μήνες) το τι έχετε γράψει (επίσης ανούσιο), τα most commented post (έχει κάποια λογική αλλά, δεν το βρίσκω και εξαιρετικά ενδιαφέρον), κτλ. Τους παραπάνω τρόπους αλληλεπίδρασης τους βρίσκω πολύ άσκοπους και προσωπικά πιστεύω πως η χρήση τους υπερφορτώνει τις σελίδες μας με links χωρίς τελικά να προσφέρουν κάτι ουσιαστικό στο blog μας.

Τα παραπάνω tips εκτός του ότι θα διευκολύνουν τους χρήστες σας να εντοπίσουν τα posts που ψάχνουν, αλλά και να μείνουν επιπλέον ώρα στο blog σας διαβάζοντας αυτά που εντόπισαν στην πορεία, είναι και εύκολοι τρόποι έξυπνου SEO! Με έναν σμπάρο δυο τριγώνια, δηλαδή… Μείνετε συντονισμένοι και για επιπλέον blogging tips!