Πως να κάνετε το 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!

Το WebKit είναι η πρώτη rendering engine που υποστιρίζει client-side database αποθήκευση!

Πραγματικά δεν μπορώ να καταλάβω γιατί αυτή η είδηση δεν πήρε τις διαστάσεις που θα έπρεπε, μιας και την θεωρώ εξαιρετικά σημαντική, τόσο για την εξέλιξη του internet όσο και των εφαρμογών του! Το WebKit λοιπόν, η μηχανή rendering που κρύβεται πίσω από πολλούς browsers, όπως Safari και Konqueror, είναι πρώτη μηχανή rendering που θα υποστηρίξει HTML5 client-side database αποθήκευση. Αυτό με πολύ απλά λόγια σημαίνει πως οι browsers που βασίζονται στο WebKit, θα έχουν την δυνατότητα database αποθήκευσης στην client-side (browser) μεριά! Το συγκεκριμένο feature θα δώσει άπειρες επιπλέον δυνατότητες και προοπτικές στους developers οι οποίοι θα έχουν στην διάθεση τους ένα ακόμη χαρακτηριστικό, που μέχρι τώρα δεν υπήρχε και φυσικά περιόριζε πολύ το web σαν πλατφόρμα εφαρμογών. Όπως όλα δείχνουν οι browser θα εξελιχθούν στην μία και μοναδική εφαρμογή που θα χρειάζεται ο μέσος χρήστης, μιας και σιγά-σιγά μετατρέπονται σε υπέρ-API για όλες τις κατηγορίες εφαρμογών.

Είμαι περίεργος να δω την απάντηση της Mozilla με την Gecko rendering engine, καθώς και της Opera στο εν λόγω θέμα (η Microsoft προβλέπω να αργεί πολύ ακόμα). Το μόνο που εύχομαι είναι να ακολουθήσουν όλοι τα επίσημα standards έτσι ώστε να μην έχουμε browser-wars 2!

Ελληνικά και ξένα Podcast που ακούω

Η λίστα με τα ελληνικά και ξένα podcast που ακούω. Τα αγγλικά είναι ειδικής θεματολογίας (web design και development related) παρολαυτά όποιος ενδιαφέρεται ας τους ρίξει μια ματιά…

Ελληνικά

  • vrypan|net|radio : To podcast του έλληνα podfather! Ο Παναγιώτης Βρυώνης πάντα έχει κάτι ενδιαφέρον να πει…
  • Weekendgeeks : Που εδώ και καιρό είναι στην ουσία Weekend-geek (αν και κάτι πάει να γίνει τώρα τελευταία με την loli). Ο Πάρις Αποστολόπουλος σχολιάζει την τεχνολογία με τον δικό του τρόπο.
  • metablogging : Από τα (σχετικά) καινούργια και αγαπημένα μου podcast, κυρίως επειδή δίνει έμφαση σε internet νέα και τεχνολογίες. Τα συγχαρητήρια μου.
  • vtsib Pods : Η πρώτη προσπάθεια του πολύ καλού μου φίλου Βαγγέλη Τσιμπινού είναι στον αέρα (στο internet για την ακρίβεια)! Του εύχομαι καλή συνέχεια 😉 .
  • Νυστέρι Podcast : Ο Σπύρος “Flareman” Σμπαρούνης από το Νυστέρι κάνει το επαγγελματικότερο ελληνικό podcast που έχω ακούσει, ενώ άξιο αναφοράς είναι και οι ιατρικές συμβουλές που δίνει στο τέλος του κάθε επεισοδίου! Δηλώνω και επίσημα οπαδός του “νυστεριού”!

Αγγλικά

  • Boagworld : Το podcast για όσους “σχεδιάζουν (design), κατασκευάζουν (developing) και διαχειρίζονται (and running) web sites”! O Paul Boag σχολιάζει κάθε εβδομάδα τα νέα γύρω από το internet και προσφέρει χρήσιμες συμβουλές σε όσους βρίσκονται στον χώρο του web design και development γενικότερα.
  • .net magazine podcast : Το επίσημο podcast του αγγλικού περιοδικού .net. Και σε αυτό το podcast παρουσιαστής είναι ο Paul Boag, ωστόσο έχει πάντα καλεσμένους κορυφαίους developers και designers οι οποίοι σχολιάζουν τα γεγονότα και προσφέρουν απλόχερα συμβουλές και τεχνικές που χρησιμοποιούν!
  • Web Axe : Το πρακτικό web accessibility podcast, που δίνει έμφαση και συμβουλές στο πως να κάνουμε το internet και τα site μας πιο accessible.

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

Πολλοί φίλοι και γνωστοί με ρωτάνε να τους πω την άποψη μου για το design του blog τους, καθώς και συμβουλές για το πως μπορούν να το βελτιώσουν αισθητικά. Καταρχάς και πριν συνεχίσω με τις συμβουλές που τους δίνω, πρέπει να ξεκαθαρίσω πως αυτό που κάνει πραγματικά την διαφορά σε ένα blog, είναι το περιεχόμενο του, και τίποτα άλλο! Το design υπάρχει περίπτωση να μην το βλέπει και κανείς, όπως οι χρήστες που χρησιμοποιούν feed readers -λίγο ακραίο βέβαια το να μην το βλέπει κανείς, απλά θέλω πραγματικά να τονίσω πως το περιεχόμενο και η ποιότητα των post σας είναι αυτό που μετράει περισσότερο από όλα! Σαφέστατα όλα τα παρελκόμενα του blog, όπως το design για παράδειγμα, μπορούν να βοηθήσουν ένα ήδη καλό σε περιεχόμενο blog να πάει ακόμα καλύτερα, απλά ο γενικός κανόνας είναι ο εξής : Content is the king! Μετά από αυτήν την σημαντικότατη εισαγωγή για να αποφευχθούν οι παρεξηγήσεις, περνάμε λοιπόν και στο κυρίως θέμα του post.

Το πρώτο πράγμα που πρέπει να κάνει κάποιος είναι να επιλέξει το κατάλληλο theme για το blog του, το οποίο δυστυχώς δεν είναι εύκολη υπόθεση. Παρά την πληθώρα επιλογών που υπάρχει στο internet, ο blogger πρέπει να σκεφτεί καλά τι εκφράζει αυτόν αλλά και το blog του ως προς το ύφος, το θέμα του και την γλώσσα που θα χρησιμοποιήσει στο blog. Για παράδειγμα εάν το blog θα ασχοληθεί με κάποιο σοβαρό θέμα, θα πρέπει να πάμε σε πιο ουδέτερα χρώματα και συμβατικά σχέδια, ενώ εάν το στυλ γραφής και το θέμα είναι πιο ελεύθερο, μπορούμε να πάμε σε πιο artistic themes. Μόλις αποφασιστούν όλες αυτές οι πολύ σημαντικές λεπτομέρειες, μπορούμε να αρχίσουμε το ψάξιμο του κατάλληλου theme. Η συμβουλή μου πάντα σε αυτό το σημείο είναι απλή και σύντομη : Απλά διαλέξτε ένα όμορφο, απλό και ευκολο-προσάρμοστο (easy to cusomize) theme, και αποφύγετε εκείνα με τα πολλά γραφικά που “πνίγουν” το περιεχόμενο (εκτός και εάν έχετε σκοπό να δημιουργήσετε κάτι πολύ εξεζητημένο ή αρτίστικο). Αποφύγετε επίσης, και μην εντυπωσιάζεστε εύκολα με με τα fancy και trendy themes, τα οποία φορτώνουν το blog σας με πολλά γραφικά και χίλια-δυο άχρηστα πράγματα, που πολλές φορές δεν τα χρειάζεστε ή απλά δεν έχετε ιδέα τι κάνουν! Γενικότερα κοιτάξτε την ουσία και αγνοείστε τα υπόλοιπα!

Μιλώντας για ουσία, τα πράγματα που πρέπει να κοιτάξει κάποιος είναι τα εξής :

  • να είναι web standard valid
  • να αφήνει το περιεχόμενο να “αναπνέει”
  • να είναι γρήγορο στο downloading (είναι αρκετά σημαντικό, ιδιαίτερα για τα blog που στοχεύουν το ελληνικό κοινό)
  • να είναι ευανάγνωστο και να έχει όμορφο typography και ταιριαστές γραμματοσειρές
  • να έχει σωστά επιλεγμένα χρώματα και συνδυασμούς (έχω στραβωθεί άπειρες φορές από απαίσιους συνδυασμούς χρωμάτων!)
  • να είναι εύκολο στην χρήση (δεν χρειάζονται περίεργα navigation menus και επιλογές)
  • να μην χρησιμοποιεί ήχους, flash και άλλα αντίστοιχα ενοχλητικά plug in
  • να είναι καλογραμμένο (στον κώδικα εννοώ), τεσταρισμένο και εύκολο στο customize
  • να δουλεύει σε όλους τους mainstream browsers, αναλύσεις και λειτουργικά συστήματα
  • να είναι όσο πιο accessible γίνεται (σε screen readers, text browsers και κατ’ επέκταση σε search engine bots κτλ.)

Από εκεί και πέρα οι πιο έμπειροι χρήστες που θα πειράξουν και περαιτέρω το design τους έτσι ώστε να το φέρουν ακόμα πιο πολύ στα μέτρα τους (το customization που λέγαμε), καλό θα είναι να προσέξουν να μείνει web standard valid και να μην το παρακάνουν με τα plug-ins, banners, κουμπάκια, κτλ. γιατί τις περισσότερες φορές όλα αυτά περισσότερο μπερδεύουν παρά βοηθάνε τους τελικούς χρήστες. Τέλος προσπαθήστε να κρατήσετε κάποια ομοιογένεια σε όλο το blog (δεν χρειάζεται να αλλάζουν πολλά χρώματα, navigation bars, κτλ. από σελίδα σε σελίδα χωρίς ιδιαίτερο λόγο). Αυτά τα λίγα για το design και το theme του blog σας. Όποιος έχει να προσθέσει κάτι ας αφήσει ένα comment.

Το συγκεκριμένο post είναι μέρος ενός μεγαλύτερου άρθρου το οποίο σκοπεύω να τελειώσω σε πολλά μέρη (προς το παρόν έχω σκεφτεί 3, αλλά μπορεί να βγουν και περισσότερα). Σε κάθε post θα αναλύω-περιγράφω και μια διαφορετική πτυχή ενός blog και θα προτείνω συμβουλές για το πως αυτή μπορεί να βελτιωθεί έτσι ώστε το blog σας να ξεχωρίσει από την μάζα!

Νέα προηγούμενων εβδομάδων

Παρακάτω μπορείτε να διαβάσετε πάρα πολύ περιληπτικά (στην κυριολεξία) τα νέα των προηγούμενων εβδομάδων!

  • Gran Paradiso Alpha 8 : Η νεότερη alpha version του Gran Paradiso (ή αλλιώς Firefox 3). Δεν την δοκίμασα αλλά άκουσα πολύ καλά λόγια (ιδιαίτερα από χρήστες Mac).
  • e-Bay Desktop (beta) : Ένας browser από το γνωστό site αγοροπωλησιών και πλειστηριασμών, που φυσικά θα κάνει ευκολότερη (και ασφαλέστερη σύμφωνα με το site) την ζωή των χρηστών του.
  • FatFreecart : Άλλη μία πολύ καλή ιδέα και υλοποίηση! Με το FatFreecart μπορείτε πανεύκολα και μέσα σε δευτερόλεπτα να δημιουργήσετε το δικό σας mini e-comerce site έτσι ώστε να πουλάτε πανεύκολα τα T-shirt και CD σας. Οι υπηρεσίες συναλλαγής που υποστηρίζει είναι το PayPal και το Google checkout.
  • Microsoft Office live (beta) : Η λύση της Microsoft στον γρήγορο και εύκολο σχεδιασμό web site. Η δωρεάν υπηρεσία προσφέρει 500MB storage και 25 custom e-mail.
  • Joost (beta) : Το Joost, ή αλλιώς η on-line δωρεάν τηλεόραση (όπως αυτοδιαφημίζεται), βγαίνει επιτέλους από την κλειστή beta, και πλέον ο καθένας μπορεί να χρησιμοποιήσει δωρεάν την πρώτη public beta (τώρα πως το κατάφεραν αυτό -να πηγαίνουν από beta σε beta – είναι άλλο θέμα)! Η υπηρεσία είναι αρκετά εντυπωσιακή και αξίζει να της ρίξετε μια ματιά, ιδιαίτερα εάν έχετε γρήγορη σύνδεση.
  • Δωρεάν βιβλίο Ruby on Rails από το Sitepoint.com : To Sitepoint.com δωρίζει την PDF έκδοση του βιβλίου της “Build your own Ruby on Rails web applications”! Προλάβετε γιατί η προσφορά ισχύει για 48 μέρες ακόμα! Πολύ καλή κίνηση από το Sitepoint.com (και είχα πληρώσει αρκετά δολάρια για το ίδιο βιβλίο πριν από 2 μήνες)!!!
  • Filespot : Μια πολύ ενδιαφέρουσα και με πολλές προοπτηκές online υπηρεσία διαχείρισης αρχείων. Το interface του αντιγράφει αρκετά τον Windows Explorer των Vista! Όποιος το έχει δοκιμάσει ας κάνει ένα comment.
  • 2007 Web Awards : Όλες οι κατηγορίες και υποψιφιότητες των Web Awards για το έτος 2007!
  • Σεμηνάρια από το Πολυτεχνείο : Σεμινάρια (επί πληρωμής δυστυχώς) του Εθνικού Μετσόβιου Πολυτεχνείου για διάφορους τεχνολογικούς κλάδους! Με χαρά είδα πως και το web design και το web development περιλαμβάνονται!