ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΕΠΙΣΤΗΜΗΣ ΥΠΟΛΟΓΙΣΤΩΝ ΜΑΘΗΜΑ ΕΠΙΛΟΓΗΣ ΗΥ-464 ΑΛΛΗΛΕΠΙΔΡΑΣΗ ΑΝΘΡΩΠΟΥ - ΥΠΟΛΟΓΙΣΤΗ Διδάσκων: Κωνσταντίνος Στεφανίδης Διαφάνεια 1
Web Style Guide: Basic Design Principles for Creating Web Sites http://www.webstyleguide.com/index.html By: Patrick J. Lynch, Sarah Horton Publisher: Yale Univ Prn (March 2002) ISBN:0300088981 By: Patrick J. Lynch, Sarah Horton Publisher: Yale Univ Prn (January 2009) ISBN:0300137370 Διαφάνεια 2
Οι αρχικές σελίδες των διαδικτυακών τόπων οι οποίες απευθύνονται στους τυχαίους επισκέπτες που απλώς περιηγούνται, πρέπει να είναι ανάλογες με τα εξώφυλλα των περιοδικών Ο στόχος είναι να δελεάσουν τους τυχαίους επισκέπτες, με έντονα γραφικά και δηλώσεις περιεχόμενου Όλοι οι σύνδεσμοι στην αρχική ιστοσελίδα πρέπει να οδηγούν σε εσωτερικές σελίδες του συγκεκριμένου διαδικτυακού τόπου Θα πρέπει να παρέχετε μια σύντομη και περιεκτική δήλωση σχετικά με το τι περιέχεται στο διαδικτυακό τόπο που μπορεί να ενδιαφέρει τον χρήστη Διαφάνεια 4
Οι χρήστες αυτοί χρειάζονται ξεκάθαρες δομές και εύκολη πρόσβαση σε συνοπτικές παρουσιάσεις του τρόπου με τον οποίο είναι οργανωμένη η πληροφορία σε έναν διαδικτυακό τόπο Οι αρχάριοι έχουν την τάση να τρομάζουν από σύνθετα μενού επιλογών και μπορεί να διστάσουν να προχωρήσουν στα περιεχόμενα του διαδικτυακού τόπου αν η αρχική ιστοσελίδα δεν περιέχει ελκυστικά γραφικά και δεν έχει ξεκάθαρη δομή Σύμφωνα με τον Jakob Nielsen (Sun Microsystems), λιγότερο από το 10% των αναγνωστών του Παγκόσμιου Ιστού μεταβαίνουν (scroll) στα περιεχόμενα των ιστοσελίδων που δεν βρίσκονται στο επάνω μέρος τους Οι χρήστες που επισκέπτονται πιο αραιά ένα διαδικτυακό τόπο επωφελούνται από σελίδες που περιέχουν επισκόπηση των περιεχόμενων, ιεραρχικούς χάρτες, γραφικά και εικονίδια που βοηθούν στην ανάκληση της θέσης της πληροφορίας στο διαδικτυακό τόπο Ένα λεξικό τεχνικών όρων, ακρωνύμιων και συντομογραφιών αλλά και μια λίστα «συχνών ερωτήσεων» μπορεί να βοηθήσουν τους αρχάριους ή τους χρήστες που επισκέπτονται πιο αραιά ένα διαδικτυακό τόπο Διαφάνεια 5
Αυτοί οι χρήστες επισκέπτονται ένα διαδικτυακό τόπο με σκοπό να αντλήσουν πληροφορία γρήγορα και με ακρίβεια Οι έμπειροι χρήστες είναι ιδιαίτερα ανυπόμονοι με μη-περιεκτικά πολλαπλά γραφικά μενού, τα οποία προσφέρουν μόνο δύο με έξι επιλογές τη φορά Οι έμπειροι χρήστες επιθυμούν εκτενή μενού κείμενου που φορτώνονται γρήγορα. Η υπερβολική χρήση γραφικών τους ενοχλεί Γενικά, οι έμπειροι και συχνοί χρήστες έχουν πολύ συγκεκριμένους στόχους και εκτιμούν περισσότερο τα λεπτομερή μενού κείμενου, τις συνοπτικές αναπαραστάσεις της δομής του διαδικτυακού τόπου και τα ευρετήρια περιεχόμενων (index) που επιτρέπουν γρήγορη αναζήτηση και εύρεση Διαφάνεια 6
Όταν σχεδιάζει κανείς για τους αναγνώστες του Παγκόσμιου Ιστού, μπορεί εν τέλει να απευθύνεται στον άνθρωπο της διπλανής πόρτας αλλά και σε άτομα από την Αυστραλία ή την Πολωνία Για να προσελκύσετε το μέγιστο αριθμό χρηστών και από άλλες χώρες χρειάζεται να παρέχετε μεταφράσεις, τουλάχιστον των βασικών ιστοσελίδων του διαδικτυακού σας τόπου Πρέπει να αποφεύγεται η χρήση τοπικών ιδιωματισμών και δυσνόητων τεχνικών όρων και ακρωνύμιων στις εισαγωγικές ή επεξηγηματικές σελίδες Μην υποθέτετε ότι ο κάθε αναγνώστης ακολουθεί τις τοπικές σας συμβάσεις σχετικά με την ημερομηνία και την ώρα Για παράδειγμα, μη συντομεύετε τις ημερομηνίες στην ιστοσελίδα σας. Για έναν Αμερικάνο, η ημερομηνία της μορφής "3/4/97" σημαίνει «4 Μαρτίου 1997», αλλά για τους υπόλοιπους χρήστες σε πολλές άλλες χώρες σημαίνει «3 Απριλίου 1997» Διαφάνεια 7
Πλοήγηση και Προσανατολισμός (Wayfinding)
Οι σελίδες του Παγκόσμιου Ιστού διαφέρουν από τα βιβλία και τα άλλα έντυπα έγγραφα σε ένα λεπτό σημείο: οι σύνδεσμοι (hypertext links) επιτρέπουν στους χρήστες την άμεση μετάβαση σε μια μεμονωμένη ιστοσελίδα χωρίς κάποια προεισαγωγή. Κατά συνέπεια, οι ιστοσελίδες πρέπει να είναι πιο ανεξάρτητες από τις σελίδες ενός συμβατικού βιβλίου Αυτό συνήθως σημαίνει ότι οι επικεφαλίδες και τα υποσέλιδα των ιστοσελίδων είναι πιο επεξηγηματικά και λεπτομερή από ότι στις έντυπες σελίδες Θα ήταν παράλογο να επαναλαμβάνει κανείς τα πνευματικά δικαιώματα, το συγγραφέα και την ημερομηνία σε ένα βιβλίο στο κάτω μέρος κάθε σελίδας, αλλά οι μεμονωμένες ιστοσελίδες συχνά χρειάζονται αυτήν την πληροφορία διότι ενδέχεται μια ιστοσελίδα να είναι το μόνο μέρος ενός διαδικτυακού τόπου το οποίο θα επισκεφτεί κάποιος χρήστης Διαφάνεια 9
Δεδομένων αυτών των πιθανών δυσκολιών που παρουσιάζονται στη δημιουργία ιστοσελίδων, οι οποίες να είναι και εύχρηστες αλλά και σύνθετες στο περιεχόμενο, η καλύτερη στρατηγική σχεδίασης είναι η συνεπής εφαρμογή κάποιων βασικών αρχών της σχεδίασης εγγράφων σε κάθε ιστοσελίδα που δημιουργείται Τα βασικά στοιχεία ενός εγγράφου δεν είναι πολύπλοκα και δεν έχουν σχεδόν καμία σχέση με την τεχνολογία του Διαδικτύου. Ακολουθούν το κλασσικό δημοσιογραφικό πρότυπο: ποιος, τι, πότε και που Ποιος Ποιος μιλάει; Είτε πρόκειται για μια ιστοσελίδα ενός μεμονωμένου συγγραφέα, είτε κάποιου ιδρύματος, θα πρέπει πάντα να πληροφορείτε τον αναγνώστη ποιος την δημιούργησε Διαφάνεια 10
Τι Όλα τα έγγραφα χρειάζονται ξεκάθαρους τίτλους για να προσελκύσουν την προσοχή του αναγνώστη, αλλά για διάφορους λόγους ιδιαίτερα στον Παγκόσμιο Ιστό αυτό το βασικό στοιχείο σύνταξης είναι ιδιαίτερα κρίσιμο: Ο τίτλος ενός εγγράφου συχνά αποτελεί το πρώτο πράγμα που βλέπουν οι αναγνώστες καθώς φορτώνεται μια ιστοσελίδα. Σε σελίδες με πολλά γραφικά, ο τίτλος μπορεί να είναι το μόνο πράγμα που βλέπει ο χρήστης για μερικά δευτερόλεπτα καθώς φορτώνονται τα γραφικά στη σελίδα Επιπλέον, ο τίτλος της ιστοσελίδας θα αποτελέσει το κείμενο του «σελιδοδείκτη» ενός πλοηγού αν ο χρήστης επιλέξει να προσθέσει τη σελίδα στη λίστα του με τις διευθύνσεις Παγκόσμιου Ιστού. Ένας παραπλανητικός ή ασαφής τίτλος ή ένας τίτλος που περιέχει ενοχλητικούς τεχνικούς όρους, δε θα βοηθήσει το χρήστη να θυμάται γιατί την πρόσθεσε στα «Αγαπημένα» του Διαφάνεια 11
Διαφάνεια 12
Πότε Η δήλωση του χρόνου είναι ένα σημαντικό στοιχείο για την εκτίμηση της αξίας ενός εγγράφου. Έτσι, κάθε ιστοσελίδα θα πρέπει να φέρει ημερομηνία, η οποία να ανανεώνεται κάθε φορά που αλλάζει κάτι στη σελίδα Αυτό είναι ιδιαίτερα σημαντικό σε μεγάλα ή πολύπλοκα ηλεκτρονικά έγγραφα που ανανεώνονται τακτικά, αλλά δε δείχνουν αρκετά αλλαγμένα ώστε να φαίνονται οι αλλαγές των περιεχομένων τους στους περιστασιακούς χρήστες Που Θα πρέπει πάντα να πληροφορείτε τον αναγνώστη σχετικά με την προέλευσή σας καθώς και (αν είναι σχετικό) τον οργανισμό ή την επιχείρηση στην οποία ανήκετε Αν ο αναγνώστης αποθηκεύσει την ιστοσελίδα ή την εκτυπώσει, η σχέση αυτή μπορεί να χαθεί Διαφάνεια 13
Συνοψίζοντας Θα πρέπει, σε κάθε ιστοσελίδα, να δηλώνετε με συνέπεια: τον τίτλο, το συγγραφέα, την εταιρία, οργανισμό ή ίδρυμα στο οποίο υπάγεται ο συγγραφέας, την ημερομηνία της τελευταίας ενημέρωσης της σελίδας, και να παρέχετε τουλάχιστον ένα σύνδεσμο προς την αρχική σελίδα Θα πρέπει επίσης να εμφανίζεται η διεύθυνση (URL) της αρχικής ιστοσελίδας σε κάποιες βασικές σελίδες του διαδικτυακού τόπου Διαφάνεια 14
Οι αναγνώστες χρειάζονται μια αίσθηση του πλαισίου, δηλαδή πού βρίσκονται σε σχέση με την οργάνωση της πληροφορίας Στα έντυπα έγγραφα αυτή η αίσθηση του «πού βρίσκομαι;» είναι ένας συνδυασμός γραφικών και συντακτικών στοιχείων οργάνωσης, που παρέχονται από τη γραφική σχεδίαση του βιβλίου, την οργάνωση του κειμένου και τη φυσική αίσθηση του ίδιου του βιβλίου ως αντικείμενο Τα ηλεκτρονικά έγγραφα δεν παρέχουν κανένα από τα παραπάνω φυσικά στοιχεία τα οποία θεωρούμε δεδομένα στην εκτίμηση της πληροφορίας Διαφάνεια 15
Περιβαλλοντική ευαναγνωσιμότητα (Environmental legibility) Δηλαδή τα στοιχεία του κτιστού περιβάλλοντος που μας επιτρέπουν να πλοηγηθούμε επιτυχώς σε πολύπλοκους χώρους όπως είναι οι πόλεις Κατ αντιστοιχία, ο ιστός είναι ένας χώρος όπου πηγαίνουμε σε μέρη που ονομάζονται διαδικτυακοί τόποι (sites) 4 κεντρικά συστατικά: 1. Προσανατολισμός: Πού βρίσκομαι τώρα; 2. Αποφάσεις διαδρομής: Μπορώ να βρω τον δρόμο για να πάω εκεί που θέλω; 3. Νοητική χαρτογράφηση: Είναι οι εμπειρίες μου παρόμοιες και κατανοητές για να ξέρω που βρισκόμουν και να προβλέπω πού πρέπει να πάω μετά; 4. Περάτωση: Μπορώ να αναγνωρίσω ότι έφτασα στο σωστό μέρος; Διαφάνεια 16
1. Μονοπάτια: Οικείοι δρόμοι, μονοπάτια, διαδρομές μετρό, γραμμές λεωφορείων 2. Όρια: Τα φυσικά εμπόδια των τοίχων, φραχτών, ποταμιών ή ακτογραμμών 3. Περιοχές: Μέρη με ξεχωριστή ταυτότητα, όπως π.χ. η Νέα Υόρκη, η Chinatown, η Wall Street και το Greenwich Village 4. Κόμβοι: Σημαντικές διασταυρώσεις ή σημεία συνάντησης, όπως το ρολόι στον κεντρικό σταθμό της Νέας Υόρκης 5. Ορόσημα: Ψηλά, ορατά κτίρια που επιτρέπουν τον προσανατολισμό από μακριά Διαφάνεια 17
Στους διαδικτυακούς τόπους τα μονοπάτια είναι οι σταθεροί, προβλέψιμοι σύνδεσμοι πλοήγησης που εμφανίζονται με τον ίδιο τρόπο σε όλο το διαδικτυακό τόπο Τα μονοπάτια μπορούν να βρίσκονται εξολοκλήρου στο μυαλό του χρήστη, όπως και η συνηθισμένη περιήγηση στο διαδικτυακό τόπο μιας αγαπημένης εφημερίδας Τα μονοπάτια μπορούν επίσης να είναι συγκεκριμένα στοιχεία πλοήγησης του διαδικτυακού τόπου, όπως τα ίχνη της διαδρομής πλοήγησης (breadcrumb trails), τα οποία δείχνουν στο χρήστη πού βρίσκεται σε σχέση με το συνολικό διαδικτυακό τόπο Διαφάνεια 18
Η συνέπεια είναι ο χρυσός κανόνας της σχεδίασης διεπαφών και του προσανατολισμού, αλλά υπάρχει ένα παράδοξο στο επίκεντρο της συνέπειας: αν όλα δείχνουν ίδια, τότε δεν υπάρχουν όρια Πώς μπορεί να ξέρει ο χρήστης πού βρίσκεται ή πότε μετακινήθηκε από τον ένα χώρο στον άλλο; Ένα καλοσχεδιασμένο σύστημα πλοήγησης ενός διαδικτυακού τόπου κατασκευάζεται με συνεπή διάταξη των ιστοσελίδων, ορολογία και συνδέσμους πλοήγησης, αλλά περιλαμβάνει επίσης και οπτική ελαστικότητα, έτσι ώστε να δημιουργούνται αναγνωρίσιμες περιοχές και όρια μέσα στον ευρύτερο χώρο Σε ένα εταιρικό διαδικτυακό τόπο, αν ένας χρήστης μεταβεί από μία περιοχή σε άλλη π.χ. από το τμήμα προώθησης (marketing) στο τμήμα ανθρώπινου δυναμικού θα πρέπει να μπορεί να αντιληφθεί ότι πέρασε ένα σημαντικό όριο περιοχής Διαφάνεια 19
Στις Δυτικές κοινωνίες η ελευθερία εξισώνεται με ένα εύρος επιλογών. Ωστόσο το υπερβολικό εύρος επιλογών προκαλεί στρες, επιβραδύνει τη διαδικασία λήψης αποφάσεων, μας αφήνει γενικότερα λιγότερο ικανοποιημένους (έκανα την σωστή επιλογή από τις 89 διαθέσιμες;), αυξάνει την πιθανότητα να αποφύγουμε εντελώς να κάνουμε οποιαδήποτε επιλογή Δώστε επιλογές στον χρήστη είναι ένα σταθερό σλόγκαν στη σχεδίαση διεπαφών, όμως υπερβολικά πολλές επιλογές ταυτόχρονα διαθέσιμες μπερδεύουν τους περισσότερους χρήστες και είναι πιθανότερο να εγκαταλείψουν εντελώς την προσπάθεια Διαφάνεια 20
Οι ενδείξεις προσανατολισμού είναι ιδιαίτερα σημαντικές στις διαδικτυακές διεπαφές, καθώς οι χρήστες συχνά φτάνουν σε μια σελίδα χωρίς να έχουν ακολουθήσει εσκεμμένα και επανειλημμένα ένα μονοπάτι Για παράδειγμα, ένα στοιχείο προσανατολισμού στον Ιστό που διαφέρει πολύ από την πλοήγηση σε φυσικούς χώρους είναι η αναζήτηση παρακάμπτει όλα τα συνήθη όρια προσανατολισμού για να παρέχει εμφάνιση κάθε λέξης-κλειδί ή φράσης σε ένα διαδικτυακό τόπο Η αναζήτηση είναι παραπάνω από μια αυτοματοποιημένη συνάρτηση καταλόγου. Έχει τη δυνατότητα να μεταφέρει το χρήστη απευθείας από ένα σημείο του διαδικτυακού τόπου σε ένα άλλο Αυτή η άμεση σύνδεση κάνει τον χρήστη να εξαρτάται ακόμα περισσότερο από τα στοιχεία διεπαφής του τύπου «βρίσκεστε εδώ» σε ένα διαδικτυακό τόπο Διαφάνεια 21
Μονοπάτια: Φτιάξτε συνεπή, εμφανή μονοπάτια πλοήγησης Περιοχές: Φτιάξτε μια μοναδική αλλά συναφή ταυτότητα για κάθε περιοχή του διαδικτυακού τόπου Κόμβοι: Μην μπερδεύετε τον χρήστη με υπερβολικά πολλές επιλογές στην αρχική σελίδα και τις σελίδες των βασικών μενού Ορόσημα: Χρησιμοποιείτε συνεπή ορόσημα στην πλοήγηση του διαδικτυακού τόπου και στα γραφικά για να προσανατολίζεται ο χρήστης Διαφάνεια 22
Δεν υπάρχει αίσθηση της κλίμακας Πόσο μεγάλο είναι αυτό το site; Έχω δει όλα αυτά που με ενδιαφέρουν; Χρώμα των προσπελασμένων link Καμία αίσθηση κατεύθυνσης Τι είναι πάνω και κάτω, δεξιά και αριστερά; Οι διαδικτυακοί τόποι έχουν ιεραρχίες Καμία αίσθηση τοποθεσίας Στο φυσικό χώρο κινούμαστε και συγκεντρώνουμε γνώση για το μέρος. Την επόμενη φορά μπορεί να κόψουμε δρόμο Το Web έχει link που σχηματίζουν μονοπάτια, όχι φυσικά στοιχεία που υπενθυμίζουν το δρόμο πρέπει να θυμόμαστε την νοητική ιεραρχία που ακολουθήσαμε Δεν «πλοηγούμαστε» σε εμπορικά καταστήματα αλλά πλοηγούμαστε (από το σημείο Α στο Β και «πού βρίσκομαι;») σε ιστοσελίδες Διαφάνεια 23
Έρευνες δείχνουν ότι περίπου οι μισοί χρήστες του ιστού προτιμούν να περιηγούνται μέσω μενού με λίστες από συνδέσμους για να εντοπίσουν πληροφορία, ενώ οι άλλοι μισοί μεταβαίνουν απευθείας στην περιοχή αναζήτησης για να εισάγουν λέξεις κλειδιά προς αναζήτηση Όλοι οι χρήστες θα χρησιμοποιήσουν και την περιήγηση και τις υπηρεσίες αναζήτησης ενός διαδικτυακού τόπου κάποια στιγμή, επομένως η υποστήριξη και των δύο μέσων είναι σημαντική στη σχεδίαση διεπαφών Περισσότερα για την αναζήτηση στο Web Design II Διαφάνεια 24
Στους περισσότερους ισότοπους για παράδειγμα η επικεφαλίδα εμφανίζεται σε κάθε σελίδα Η επικεφαλίδα είναι αποτελεσματική (προσφέροντας πολλαπλές επιλογές σε μικρό χώρο) και προβλέψιμη (είναι πάντα εκεί, στην κορυφή της σελίδας) και παρέχει μια σταθερή ταυτότητα σε όλο τον ιστότοπο 5 βασικά στοιχεία: Site ID (logo), δρόμο για την αρχική σελίδα, ένα τρόπο για αναζήτηση, εργαλεία (utilities) και τα διάφορα τμήματα του ιστοτόπου (ή βασική πλοήγηση) Διαφάνεια 25
Οι επικεφαλίδες ιστοσελίδων δηλώνουν την ταυτότητα του διαδικτυακού τόπου, παρέχουν βασικούς συνδέσμους πλοήγησης και συχνά προσφέρουν μια περιοχή για αναζήτηση Στην επικεφαλίδα οι χρήστες περιμένουν να δουν μια συνεπή δήλωση της ταυτότητας του οργανισμού Τα γραφικά και το κείμενο της επικεφαλίδας είναι πιθανώς τα σημαντικότερα στοιχεία που δίνουν σε μια συλλογή από ιστοσελίδες την αίσθηση ότι είναι ένας συγκεκριμένος διαδικτυακός τόπος αντί για μια τυχαία συγκέντρωση αρχείων Έρευνες με χρήστες δείχνουν συντριπτικά ότι οι χρήστες περιμένουν ότι η πάνω αριστερά περιοχή της επικεφαλίδας της ιστοσελίδας θα περιέχει μια οπτική ένδειξη για το ποιοι είστε και ένα σύνδεσμο που οδηγεί στην αρχική σελίδα του διαδικτυακού τόπου Διαφάνεια 26
Η επικεφαλίδα παίζει σημαντικό ρόλο στην γενική πλοήγηση στο διαδικτυακό τόπο. Οι σημαντικοί σύνδεσμοι πλοήγησης συχνά κατανέμονται οριζόντια στην επικεφαλίδα Οι «καρτέλες» είναι ιδανικές όταν ένας διαδικτυακός τόπος έχει σχετικά λίγες (πέντε με εφτά) βασικές κατηγορίες πλοήγησης. Αν έχει περισσότερες από εφτά βασικές κατηγορίες, εξετάστε την πιθανότητα να μην χρησιμοποιήσετε τη μεταφορά της καρτέλας αλλά ένα καλά οργανωμένο σύνολο από συνδέσμους κειμένου (Opera). Όταν είναι προσεκτικά σχεδιασμένες οι καρτέλες της επικεφαλίδας μπορούν να αναλάβουν πολύπλοκη πλοήγηση (Netflix) Διαφάνεια 27
Κάθε ιστοσελίδα πρέπει να περιέχει τουλάχιστον ένα σύνδεσμο Οι σελίδες-αδιέξοδα, χωρίς συνδέσμους σε άλλες σελίδες του διαδικτυακού τόπου, δεν είναι απλά ενοχλητικές για τους χρήστες αλλά είναι συχνά μια χαμένη ευκαιρία για την μεταφορά του αναγνώστη σε άλλες σελίδες του τόπου σας Διαφάνεια 28
Οι χρήστες δεν ανέχονται μεγάλες καθυστερήσεις Έρευνες (human-factors research) έχουν δείξει ότι για τις περισσότερες εργασίες στον υπολογιστή το όριο ανοχής του χρήστη είναι γύρω στα 10 δευτερόλεπτα Αν μία ενέργεια χρειάζεται πολύ χρόνο για να ολοκληρωθεί, τότε ο χρήστης πρέπει να ενημερώνεται για τον χρόνο που απομένει Busy indicators Μπάρες προόδου (Progress bars) Κλπ. Διαφάνεια 29
Καθώς προχωράει η σχεδίαση, ο κάθε σχεδιαστής πρέπει να ελέγχει συνεχώς ότι όλοι οι σύνδεσμοι λειτουργούν κανονικά. (δηλ., να αποφευχθεί το linkrot) Τα πράγματα αλλάζουν γρήγορα στο Διαδίκτυο τόσο σε έναν διαδικτυακό τόπο όσο και σε όλους τους άλλους εξωτερικούς διαδικτυακούς τόπους Πρέπει να ελέγχεται περιοδικά η σωστή λειτουργία των συνδέσμων και η σχετικότητα του περιεχομένου που αυτοί παρέχουν. Διαφάνεια 30
Διαφάνεια 31