Professional Documents
Culture Documents
Βασίλης Λαμπρόπουλος
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ
ΚΟΙΝΩΝΙΚΕΣ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΕΠΙΣΤΗΜΕΣ
ΠΑΝΤΕΙΟ
ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ
ΠΑΝΕΠΙΣΤΗΜΙΟ
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ
ΚΟΙΝΩΝΙΚΕΣ ΚΑΙ ΠΟΛΙΤΚΕΣ ΕΠΙΣΤΗΜΕΣ
ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ
ΕΡΓΑΣΙΑ
ΚΑΘΗΓΗΤΕΣ
Σ. Συρμακέσης – Μ. Ρήγου
IIΙ ΕΞΑΜΗΝΟ
Βασίλης Λαμπρόπουλος
Α.Μ.: 6308Μ008
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
ΠΕΡΙΕΧΟΜΕΝΑ
ΕΙΣΑΓΩΓΙΚΑ
BREADCRUMBS
ΤΥΠΟΙ BREADCRUMBS
Συμπερασματικά
Αντι Επιλόγου
Βιβλιογραφία
2
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Εισαγωγικά
Απο την έκρηξη του φαινομένου του διαδικτύου ως σήμερα οι καινοτομίες που
έχουν λάβει μέρος στην ζωή μας είναι άπειρες. Απο απλά interfaces
ανταλλαγής πληροφοριών της εποχής του CERN και του Tim Berners-Lee,
στην εξέλιξη των μεγάλων multimedia enabled sites. Το να έχεις πλεόν σελίδα
στο διαδίκτυο είναι κάτι το προαπαιτούμενο πλέον εφόσον, όλο και
περισσότερο, ο άνθρωπος βυθίζεται στην αγκαλία της τεχνολογίας.
Όπως λοιπόν έχουμε την διαφορά μεταξύ της στατικής οργάνωσης που δίνει
ένα κέιμενο και της δυναμικής δυνατότητας οργάνωσης που δίνεται με το
υπερκέιμενο, έτσι αντίστοιχα έχουμε τη δυνατότητα μιας στατικής ιστοσελίδας
και μιας δυναμικής.
Μια στατική ιστοσελίδα είναι ένα απλό «ηλεκτρονικό έγγραφο» που βρίσκεται
αποθηκευμένο σε ένα σύστημα φακέλων σε εναν web server και είναι
διαθέσιμο μέσω του Πρωτοκόλλου Mεταφοράς Yπερκειμένου γνωστό ως
HTTP. Η ιστοσελίδα τέτοιου τύπου αποδίδεται στον χρήστη ακριβώς όπως
βρίσκεται αποθηκευμένη. Κατα συνέπεια κάθε χρήστης λαμβάνει την ίδια
3
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
ακριβώς πληροφορία απο όλες τις πλευρές στην ευχέρεια των δυνατοτήτων
των μοντέρνων web server να αποδώσουν διαφορετικές μορφές του
περιεχομένου ή της γλώσσας του αρχείου, όπου ο server είναι
προγραμματισμένος να κάνει κατι τέτοιο και υπάρχουν τέτοιες εκδόσεις του
αρχείου. Είναι κατάλληλες κυρίως για την δημιουργία "μόνιμων/στατικών
παρουσιάσεων", όπου δεν υπάρχει συχνά η ανάγκη να τροποποιείται το
περιεχόμενό τους. Δηλαδή, θα μπορούσε να χρησιμοποιηθεί μια στατική
ιστοσελίδα για την γενική παρουσίαση μιας επιχείρησης και των προϊόντων ή
υπηρεσιών της. Δεν χρειάζεται ιδιαίτερες προγραμματιστικές ικανότητες για να
δημιουργηθεί, μένει αποθηκευμένο για οποιονδήποτε, δεν χρειάζεται servers
υψηλών απαιτήσεων για να φιλοξενήσουν τέτοια αρχεία και μπορεί να
παρουσιαστεί απευθείας απο έναν φυλλομετρητή χωρίς την χρήση
προγράμματος που λειτουργεί ως web server (μπορούμε να έχουμε τα αρχεία
στον υπολογιστή μας και να τα δούμε οποιαδήποτε στιγμή). Αντιθέτως η
συσώρευση πολλών τέτοιων αρχείων γίνεται δύσκολη στην διαχείριση χωρίς
κάποιον αυτοματισμό.
4
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Breadcrumbs
5
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Αποφεύγουμε συνήθως τα site ενός επιπέδου που δεν έχουν λογική ιεραρχία
ή οργάνωση. Μια πολύ καλή λύση στο δίλημμα αν θα πρέπει να
χρησιμοποιήσουμε breadcrumbs ή όχι στην ιστοσελίδα μας, είναι να
κατασκευάσουμε έναν χάρτη του ιστότοπου (sitemap) ή ένα διάγραμμα που
να αναπαριστά την αρχιτεκτονική της πλοήγησης του site και κατα συνέπεια
να διαπιστώσουμε μετα απο εξέταση του αν τα breadcrumbs θα
εξυπηρετούσαν την ευχέρεια πλοήγησης του χρήστη στις , και μέσα απο τις
κατηγορίες μας. Τα Breadcrumbs θα πρέπει να θεωρηθούν σαν μια
δευτερεύουσα λειτουργία και δεν θα έπρεπε επ’ ουδενί να αντικαταστήσουν
την πρωταρχική λειτουργία πλόηγησης. Είναι μια απλή διευκόλυνση που
παρέχεται στον χρήστη για να εδραιώσει την τοποθεσία του κι ένας
εναλλακτικός τρόπος να μετακινηθεί στο site.
Τύποι breadcrumbs
6
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Σχόλια:
7
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Δεν καλύπτει μεγάλη έκταση, ούτε «πνίγει» το περιεχόμενο: λόγω της τυπικής
οριζόντιας και απλής τους διάταξης δεν καταλμβάνουν πολύ χώρο στην
σελίδα. Το όφελος είναι οτι «φορτώνουν» ελάχιστα ως καθόλουτην σελίδα και
αν χρησιμοποιηθούν σωστά υπερτερούν οποιασδήποτε αρνητικής πλευράς.
Η χρήση των breadcrumbs είναι μια σχετικά ξεκάθαρη υπόθεση και δεν
χρειάζεται πολλές αποσαφηνίσεις ή όρους για την χρήση τους σε ενα site.
Πάραυτα, κάποιοι γενικοί κανόνες χρήσης τους είναι:
8
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
στην καρτέλα «LISTEN» κάτι που και λειτουργικά είναι άχρηστο αλλά και μας
κάνει να πιστεύουμε πως η πρώτη καρτέλα είναι πιο ψηλά σε επίπεδο απο τις
άλλες δυο («SEARCH» και «ARTISTS HALL OF FAME»)
9
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Στο παράδειγμα αυτό η mefeedia δεν παρέχει μια πρωαρχική πλοήγηση σαν
μενού για την παρακολούθηση video. Παρότι υπάρχει ένα κείμενο με
συνδέσμους στο footer, δεν υπάρχει πρωταρχική πλοήγηση στο σώμα της
ιστοσελίδας, δυσκολεύοντας την πλοήγηση σε άλλες πλευρές του site.
10
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
11
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
3. Θα πρέπει να βρίσκονται στο πάνω μέρος της σελίδας όπου και έχουν
αξία και συνοχή οπτικά.
12
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
13
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Το κομμάτι των Breadcrumbs στα ελληνικά site είναι σίγουρα σχετικά τυπικό
όσο και η σχέση των ελλήνων σχεδιαστών με αυτά. Για τις ανάγκες της
έρευνας έπρεπε να τεθεί ένα standard για την μελέτη τους και γιαυτό και η
απόφαση ήταν να μελέτηθούν κατα κόρο τα breadcrumbs ανάμεσα στα 100
κορυφάια ελληνικά ή με ελληνική έκδοση (βάσει alexa.com) sites. Συνεπώς
απορρίφθηκαν αρκετά ξένα site που βρίσκονταν στην λίστα και αρκετά απο τα
site που δεν είχαν breadcrumb πλοήγηση είτε λόγω νοοτροπίας του site (π.χ.
το zoo.gr), είτε λόγω απόφασης να μην υπάρχει (όπως το site της
ελευθεροτυπίας). Στην κριτική που ακολουθεί λοπόν αναφέρονται τα λάθη, οι
ελλείψεις ή ακόμα και η χρηστικότητα των ελληνικών ιστότοπων. Η σειρά
παρουσιάσης είναι τυχαία καθότι στο διαρκώς μεταβαλλόμενο τοπίο του
διαδικτύου η βαθμολογία είναι πάντα σχετική.
Pixmania.com
14
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Το site της γαλλικής εταιρείας Pixmania έχει μετάφραση και στα ελληνικά για
τους έλληνες χρήστες του. Ουσιαστικά πρόκειται για ένα τελείως διαφορετικό
site για την Ελλάδα βασισμένο στο template του αρχικού της site (ένα για
κάθε χώρα στην οποία βρίσκαται το site). Τα breadcrumbs εδώ είναι
διακριτικά τοποθετημένα, δεν τραβάνε το μάτι, ενώ το τελευταίο μονοπάτι του
trail έχει τοποθετηθεί ίσως άκαιρα, πάνω απο το μονοπάτι. Κατα τ’αλλα
υπόκειται στους κανόνες σχεδίασης των breadcrumbs, είναι βασισμένο στις
ιδιότητες και είναι αρκετά χρηστικό παραμένοντας ενεργό σε όλες τις σελίδες
δίνοντας την ιδιότητα στον χρήστη να περιήγηθεί στην σελίδα και να περάσει
και σε άλλες επιλογές με ευκολία. Τυπικό παράδειγμα e-commerce site,
στοχεύει και λογικά πετυχαίνει το στόχο του να κρατήσει τον χρήστη αρκετή
ώρα κοιτώντας απο την μια κατηγορία στην άλλη. Σχεδιαστικά δεν παρέχει
κάτι το όμορφο αλλά πιο πολύ κάτι το λειτουργικό.
Plaisio.gr
15
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Ακόμα ένα site στον τομέα του e-commerce της ελληνικής εταρείας πλαίσιο,
έχει ένα εύχρηστο breadcrumb βασισμένο στις ιδιότητες, δίνει την δυνατότητα
να περιηγηθεί κάποιος σε άλλα σημεία του site χωρίς να μπερδευτεί,
βρίσκεται στην κορυφή της σελίδας διακριτικά με στοιχείο το «μεγαλύτερο
απο» και το τελευταιο κομμάτι του μονοπατιού άτονο για να υποδεικνύει την
τρέχουσα σελίδα. Λειτουργικό, αλλά χωρίς καμμια ιδιάιτερη σχεδιάση με
στόχο καθαρά και μόνο στο χρηστικό κομμάτι.
16
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
e-shop.gr
17
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
In.gr
18
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
19
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Tanea.gr
Στο site της εφημερίδας τα νέα δίνει μια περίεργη διάσταση στα breadcrumbs.
Αρχικά όπως και στο in.gr, δεν δίνει την τελευταία καταχώρηση θεωρώντας
οτι την βλέπουμε ήδη. Βασισμένο όπως και το προηγούμενο στην τοποθεσία
20
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Pathfinder.gr
21
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Στο site pathfinder.gr περιμένει κανείς να είναι σχετικά πιστό στο κομματι του
«μονοπατιού» κι ευτυχώς είναι. Ξεκάθαρο breadcrumb με ένα διακριτικό bold
για να υποδείξει την τρέχουσα σελίδα. Ίσως να χρειάζονταν ένα διαφορετικό
χρώμα ή πάχος για να διαχωρίζεται και πιο ξεκάθαρα, αλλά και πάλι καλύπτει
το κομμάτι της ξεκάθαρης λειτουργικότητας. Στο μέρος όπου είναι διακριτικό
σαν breadcrumb δεν είναι σίγουρο καθότι επισκιάζει αρκετά την κεντρική
μπαρα περιήγησης γενοωός που έει όμως να κάνει με τον σχεδιασμό της
πρωταρχικής μπαρας περιήγησης κι οχι με το breadcrumb. Βασιμένο στην
τοποθεσία και ακολουθώντας το «μονοπάτι».
22
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Ethnos.gr
23
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
άλλως αδιάφορη σχεδιαστικά σελίδα του έθνους. Προσωπική άποψη είναι οτι
και σε αυτό όπως και στα προηγούμενα site, η συνύπαρξη βασικής
πλοήγησης, υποκατηγορίας βασικής πλοήγησης και breadcrumb είναι
υπερβολική πληροφορία για τα μάτια του χρήστη.
Gazzetta.gr
24
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Kathimerini.gr
25
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Στο site της καθημερινής η λογική είναι αραβική. Καθώς είναι γνωστό, η
λογική της στοίχισης των πραγμάτων απο την αριστερή προς την δεξιά μεριά,
δεν είναι μόνο γιατί οι συντεταγμένες που δέχεται ο υπολογιστής στην οθόνη
(για το που βρίσκονται τα αντικέιμενα) έρχεται απο αριστερά όπως κοιτάμε
την οθόνη, αλλά κυρίως γιατί στον δυτικό πολιτσμό η φορά τόσο της γραφής,
όσο και της ανάγνωσης είναι απο τα αριστερά πρός τα δεξιά. Πέραν λοιπόν
απο την πολύ γενική κατάληξη που σε επιστρέφει μόνο στην αρχική σελίδα
κάθε κατηγορίας και το γεγονός οτι και εδώ δεν υπάρχει το τελευταίο κομμάτι
του trail, τα breadcrumbs είναι και στην ανάποδη μεριά τελείως.
Σημασιολογικά δηλώνει είτε οτι απευθύνεται στο αραβόφωνο κομμάτι του
πλυθησμού, είτε οτι σχεδιαστικά θέλει να δηλώσει κάτι που δεν είναι εντέλει
κατανοητό, είτε οτι δεν δίνει καμμία αξία στα breadcrumbs καθότι χάνονται
μεέσα στους υπόλοιπους σχετικούς συνδέσμους άρθρων. Η καινοτομία της
τοποθέτησης λοιπόν δεν είναι πετυχημένη θε έλεγε κανείς.
26
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Naftemporiki.gr
27
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Protothema.gr
28
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Το site της εφημερίδας του Θέμου Αναστασιάδη, έχει ένα σχετικά κομψο
breadcrumb trail. Στα χρώματα της όλης ιστοσελίδας, φεύγει απο το κλασσικό
μπλέ των συνδέσμων αλλά ενώ χώρος υπάρχει για να μας δείξει την ακριβή
μας θέση, περιορίζεται όπως και τα υπόλοιπα στην τυπική αναφορά της
γενικής κατηγορίας. Ίσως και γενικά να μην χρειάζεται να αναφέρεται ο τίτλος
του άρθρου όταν ήδη τον βλέπουμε μπροστά μας, αλλά ίσως πάλι και να
δημιουργεί μια σύγχυση για το αν βλέπουμε ένα άρθρο ή κάποια
προεπισκόπηση του χωρίς να χρειαστεί να κατεβούμε πιο κα΄τω στην σελίδα
ψάχνοντας το τέλος του άρθρου για να το διαπιστώσουμε.
Xe.gr
29
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Στην Χρυσή ευκαρία, ένα site που χρησιμοποιείται αρκετά και περιλαμβάνει
μεγάλο όγκο πληροφοριών με συνδέσμους, παρότι τα πράγματα μπορεί να
γίνουν δύσκολα, η διακριτική παρουσία των βασισμένων στην τοποθεσία
breadcrumbs βοηθά αρκετά στην περιήγηση καθώς το trail οδηγεί μέχρι και
στην αρχική σελίδα, ενώ ενεργοποιείται σύντομα με την αλλαγή επιπέδων στο
site σε αντίθεση με αρκετά ειδησεογραφικά site που είδαμε που έπρεπε να
φτάσει κανείς στο ίδιο το άρθρο για να ενεργοποιήθεί το trail. Σύμβολο το
βέλος για τον διαχωρισμό, χρώματα απο το χρωματολόγιο του site και σωστή
τοποθέτηση είναι βασικά του στοιχεία.
30
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Insomnia.gr
31
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Eurobank.gr
32
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Skroutz.gr
33
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
34
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Uoa.gr
35
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
αυστηρό στήσιμο του site. Τελευταίο link ανενεργό και χωρίς υπογράμμιση το
breadcrumb του uoa.gr, είναι τυπικό, αξιόπιστο και σφιχτά ακαδημαϊκό.
Hol.gr
36
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
37
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Συμπερασματικά
Ένα άλλο θλιβερό συμπέρασμα ήταν οτι κανείς δεν επένδυε σοβαρά στον
σωστο, λειτουργικό αλλά και κομψό σχεδιασμό του site. Ήταν αρκετά
δύσκολη και η αναζήτηση για τέτοια site πέραν απο την κλασσική εκατοντάδα.
Εντέλει μια μικρή βόλτα στα site του εξωτερικού μας έδειξε την όμορφη χρήση
αλλά και τις δυνα΄τοτητες που υπάρχουν για καινοτόμες λύσεις μέσω των
breadcrumbs. Παρατίθενται κάποια απο τα site του εξωτερικού για σύγκριση
και παράθεση.
38
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Apple.com
Το site της apple μια εταρειάς γνωστής για το υπέροχα μινιμαλιστικό της
ύφος, δεν θα μπορούσε να είναι εξίσου όμορφο αλλά και να έχει προσοχή
στην λεπτομέρεια και χρηστικότητα ταυτόχρονα. Διαχωρισμός του
breadcrumb με σύμβολα «μεγαλύτερο απο», έξυπνα τοποθετημένα ώστε να
αποτελούν κομμάτι του κουτιού στο οποίο είναι τοποθετημένα. Διακριτικό
αλλά ταυτόχρονα σωστά τοποθετημένο, χωρίς να αποσπά την προσοχή αλλά
ταυτόχρονα και με αισθητή παρουσία. Ενεργό απο νωρίς στα επίπεδα
καθοδηγεί άνετα τον χρήστη μέχρι και την αρχική σελίδα.
39
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Delicious.com
Η καινοτομία δεν έχει όριο στα breadcrumbs της Delicious! Χωρισμένα μεταξύ
τους με μικρά ατομικά κουτιά που έχουν κατάληξη σε «>», δίνουν την
δυνατότητα στον χρήστη να ακολουθήσει ανάποδη πορεία πρός την
κατηγορία που θέλει αντί να φύγει απλά απο αυτή προς ψηλότερα επίπεδα
του site. Μια ενσωματωμένη μηχανή αναζήτησης στο τελευταίο trail, παρέχει
την δυνατότητα αναζήτησης κατηγορίας ή ιδιότητας! Το βάρος που έχουν είναι
ιδιάιτερο χωρίς πάραυτα να ακυρώνουν την βασική πλοήγηση. Κομψα και
40
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Coverstock.com
Εδώ στο κλασσικό μοτίβο των breadcrumbs έχουμε την δυνατότητα επιλογής-
αποεπιλογής των τελευταίων κατηγοριών για να μπορούμε να φιλτράρουμε τις
κατηγορίες που μας δίνουν αποτελέσματα. Απλό, λιτό και λειτουργικό.
Ideo.com
41
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Profoto.com
42
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Αντι Επιλόγου
43
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ:
ΠΜΣ ΔΥΝΗΤΙΚΕΣ ΚΟΙΝΟΤΗΤΕΣ ΚΟΙΝΩΝΙΟΨΥΧΟΛΟΓΙΚΕΣ ΠΡΟΣΕΓΓΙΣΕΙΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΕΣ ΕΦΑΡΜΟΓΕΣ
ΑΛΛΗΛΕΠΔΡΑΣΗ ΑΝΘΡΩΠΟΥ ΜΗΧΑΝΗΣ&ΗΛΕΚΤΡΟΝΙΚΕΣ ΜΑΘΗΣΙΑΚΕΣ ΚΟΙΝΟΤΗΤΕΣ
“BREADCRUMB NAVIGATION ΣΤΑ 100 ΚΟΡΥΦΑΙΑ ΕΛΛΗΝΙΚΑ SITE”
Βιβλιογραφία
• Alexa.com http://www.alexa.com/topsites/countries;4/GR
U U
• Hongkiat.com http://www.hongkiat.com/blog/breadcrumb-navigation-
U
examined-best-practices-%20%20examples/ U
• Webdesign.about.com
http://webdesign.about.com/od/webdesignbasics/g/bldefbreadcrumb.ht
U
m U
• W3schools.com http://www.w3schools.com
U U
• Web Design Garage –online book- Marc Campbell, Prentice Hall, Jan
21, 2005, ch. 7 http://my.safaribooksonline.com/0131481991/ch07
• Webdesignparctices.com
http://www.webdesignpractices.com/navigation/breadcrumb.html
• Davechaffey.com http://www.davechaffey.com/E-marketing-
Glossary/Breadcrumbs-in-web-design.htm
• Linkdup.com http://www.linkdup.com/
44
ΠΑΝΤΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ
ΚΟΙΝΩΝΙΚΕΣ ΚΑΙ ΠΟΛΙΤΙΚΕΣ ΕΠΙΣΤΗΜΕΣ
ΠΑΝΤΕΙΟ
ΤΜΗΜΑ ΨΥΧΟΛΟΓΙΑΣ
ΠΑΝΕΠΙΣΤΗΜΙΟ