Πιο Ευκολοδιάβαστες Δημοσιεύσεις - Πώς;

Posted by Χρίστος Ευαγγέλου Fri, 24 Sep 2004 03:32:55 EEST

Η αναγνωσιμότητα των δημοσιεύσεων αυξάνεται όταν διατηρούμε το μέγεθος των γραμμών μας μικρό. Αυτό είναι γνωστό γεγονός στον κόσμο της Αλληλεπίδρασης Ανθρώπου-Υπολογιστή. Από εδώ και μπρός, θα προσπαθήσω να το εφαρμόσω στις δημοσιεύσεις μου. Για την ακρίβεια, νομίζω ότι θα κάνω refactoring την δημοσιεύση που ανάρτησα για το Refactoring (βλ. δημοσιεύση αμέσως κάτω την υφιστάμενη) για να ακολουθεί αυτή τη συγκεκριμένη τεχνική. Ο τρόπος με τον οποίο βρήκα ότι μπορώ να το κάνω αυτό στο Phigita, είναι χρησιμοποιώντας το ' %% ', και "σπάζωντας" το κείμενο μου δια χειρός ώστε οι γραμμές να έχουν μικρό μέγεθος. Όπως βλέπετε όμως, η συγκεκριμένη τεχνική έχει μειονεκτήματα επειδή δεν μπορώ να χρησιμοποιήσω εντολές μορφοποίησης κειμένου.

Ένας εναλλακτικός τρόπος είναι αυτός - δηλαδή
χρησιμοποιώντας τα :: αντί τα %%.

Όπως βλέπετε, έτσι διατηρείται η _μορφοποίηση_.
Μόνο που έτσι χάνεις την δυνατότητα να
χρησιμοποιήσεις κείμενο με διαφορετικό φόντο
(επειδή αναγκάζεσαι να το χρησιμοποιήσεις
για όλη την δημοσίευση).

Μήπως υπάρχει κάποιος καλύτερος τρόπος;

6 comments

    Reader's Comments

  1. Χρίστο, περνάς κακές συνήθειες στον κόσμο :)

    Υπάρχει λόγος που δεν γίνεται η αλλαγή γραμμής στο κανονικό κείμενο —να μορφοποιείται με βάση το μέγεθος του παραθύρου του χρήστη κι όχι όπως θέλεις εσύ. Οι δυνατότητες που αναφέρεις υπάρχουν κι αυτές για εξειδικευμένους λόγους. Τα %% για να γράφεις κώδικα και τα :: για προ-διαμορφωμένο κείμενο όπως ποιήματα, τραγούδια, αποσπάσματα κτλ.

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

    -- Νεόφυτος Δημητρίου ~k2pts, September 23, 2004

  2. Έχετε δίκαιο και οι δύο. Όντως οι έρευνες δείχνουν ξεκάθαρα ότι οι χρήστες διαβάζουν πολύ πιο άνετα όταν οι γραμμές είναι περιορισμένου μήκους. Ταυτόχρονα όμως υπάρχουν και οι έρευνες που δείχνουν ότι ο μέσος χρήστης συνήθως δεν διαβάζει πάνω από μια σελίδα. Με λίγα λόγια πρέπει ο σχεδιαστής να βρίσκει μια ισορροπία μεταξύ μήκους γραμμής και ύψους σελίδας ώστε και άνετο διάβασμα να προκύπτει, αλλά να αποφεύγεται και μια σελίδα με πολύ scrolling.

    Στην προκειμένη περίπτωση νομίζω πρέπει να εισακουστεί ο Νεόφυτος για λόγους καλού και καθαρού σχεδιασμού της σελίδας. Κατά το σχεδιασμό ιστοσελίδων δεν πρέπει το layout να συνδέεται οργανικά με το περιεχόμενο. Δηλαδή αν θέλουμε το περιεχόμενο να εμφανίζεται σε πιο λεπτό κουτί πρέπει να μικράνουμε το κουτί, και όχι να εισάξουμε line breaks στο περιεχόμενο. Σκεφτείτε τι γίνεται όταν ο χρήστης αλλάζει το μέγεθος του φυλλομετρητή και υπάρχουν ήδη σπασμένες γραμμές.

    -- Γιώργος Στρατής ~stratis, September 24, 2004

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

    Αυτή η καινούρια στήλη σίγουρα θα μειώσει το χώρο ανάγνωσης. Δεν χρειάζεται να γίνεται κατάχρηση των %% και των :: για να επιτευχθεί κάτι τέτοιο. Έχω δει την αλλαγή που έκανες στο άρθρο για το refactoring και δεν νομίζω ότι είναι πιο ευανάγνωστο από πριν, αντίθετα, νομίζω!.. Απλά, η ταπεινή μου άποψη.

    -- Νεόφυτος Δημητρίου ~k2pts, September 24, 2004

  4. Συμφωνώ μαζί μας ότι ο τρόπος που ανάφερα δεν είναι ο καλύτερος (δηλαδή το να σπάζεις τις γραμμές όπου θέλεις εσύ). Για αυτό ρωτούσα αν υπάρχει καλύτερος τρόπος.

    Προσωπικά, νομίζω αν καθοριζόταν ένα μέγιστο μέγεθος γραμμών στο οποίο η γραμμή να "σπάζει", θα ήταν η καλύτερη λύση. Και να μπορεί ο κάθε χρήστης να το αλλάξει, και να το αποθηκεύσει στις ρυθμίσεις του λογαριασμού του.

    Αν χρησιμοποιούσες PHP θα μπορούσες να το κάνεις πάρα πολύ εύκολα με την εντολή wordwrap (http://www.php.net/manual/en/function.wordwrap.php).

    -- Χρίστος Ευαγγέλου ~christose, September 24, 2004

  5. Α να κάνω και ένα άλλο σχόλιο πάνω σε αυτό:

    […] να μορφοποιείται με βάση το μέγεθος του παραθύρου του χρήστη κι όχι όπως θέλεις εσύ.

    Ήμουν και είμαι υπέρμαχος του άνωθεν. Καθώς όμως περνά ο καιρός , αρχίζω να πείθομαι για το αντίθετο όσον αφορά κείμενο. Για γραφικά, frames, πίνακες κλπ συμφωνώ ότι θα πρέπει να προσαρμόζονται με βάση το μέγεθος παραθύρου. Όμως, για το κείμενο δεν συμφωνώ, για τον λόγο που είπα πριν: καταλήγεις να έχεις πολύ μεγάλες γραμμές κειμένου που δυσχερένουν την ανάγνωση.

    Είχα κάποιες σκέψεις και προσπαθούσα να διορθώσω το πρόβλημα αυτό σε ένα website όπου εργάζομαι, σπάζωντας το κείμενο σε στήλες - όπως στην εφημερίδα. Αυτό όμως δημιουργεί άλλα προβλήματα. Για παράδειγμα, ποιός είναι ο κατάλληλος αριθμός στηλών; Εξαρτάται φυσικά από την ανάλυση της οθόνης του χρήστη. Υποθέτω μπορείς να κάνεις χημείες και να πάρεις την ανάλυση μέσω Javascript, αλλά τι γίνεται με φυλλομετρητές που δεν υποστηρίζουν τις συγκεκριμένες λειτουργίες;

    -- Χρίστος Ευαγγέλου ~christose, September 24, 2004

  6. Ναι, αλλά και πάλι δεν υπάρχει λόγος να σπάζει η γραμμή "τεχνητά" όπως αναφέρει κι ο Γιώργος στην απάντηση του. Το wrapping των γραμμών γίνεται αυτόματα όταν τεθεί το μέγεθος του "κουτιού" που το περιέχει. Όπως αναφέρω και πιο πάνω, σκοπεύω να προσθέσω δεύτερη στήλη η οποία θα συμπεριλαμβάνει φωτογραφίες από την φώτο-γκαλερί του χρήστη, επιλεγμένους σελιδοδείκτες και βιβλία από τις βιβλιογραφίες/βιβλιοπαρουσιάσεις του χρήστη.

    Μπορείς βέβαια να συνεχίσεις να γράφεις έτσι όπως επαναδιαμόρφωσες το άρθρο του refactoring αλλά είμαι σίγουρος θα καταλήξεις το συμπέρασμα ότι καλύτερα να το άφηνες κι αυτό όπως ήταν προηγουμένως!.. Επιπρόσθετα, από την μια έχει καταγραφεί η εισήγηση σου αλλά από την άλλη δεν πρέπει να ανησυχείς γι αυτό το πράγμα. Όπως βλέπεις το σύστημα εξελίσσεται σιγά-σιγά και θα φροντίσω εγώ γι αυτό —δηλαδή, για την ευχρηστία. Μην προσπαθείς να ξεπεράσεις τα "ελαττώματα" του συστήματος αλλάζοντας το περιεχόμενο των καταχωρήσεων σου —πρέπει μόνο να χρησιμοποιείς τη μορφοποίηση όπου και όταν χρειάζεται για τους σκοπούς του κειμένου σου.

    %% και ::, κυρίως το πρώτο που είναι για κώδικα, και να βρεθείς προ εκπλήξεως. Δεν μπορώ να εγγυηθώ τίποτα αυτή τη στιγμή. Προσπάθησε να είσαι λιτός με την μορφοποίηση και να την χρησιμοποιείς όπου και όταν χρειάζεται μέσα στο κείμενο σου (αυτό που γράφεις) κι όχι για να αλλάξεις τον τρόπο που εμφανίζεται.

    -- Νεόφυτος Δημητρίου ~k2pts, September 24, 2004