Reasonable Graph — Επανασχεδιασμός UI/UX

Τι κάναμε: τρία ολοκληρωμένα views (Είσοδος, Δημιουργία λογαριασμού, Επαναφορά κωδικού) με κοινό auth shell. Ορατά labels (ποτέ placeholder ως label), validation με μηνύματα στα ελληνικά, εμφάνιση/απόκρυψη κωδικού, έλεγχος ισχύος κωδικού, σαφή error & success states.

• Γραμμή αναζήτησης — απλή & σύνθετη (τελεστής ανά ομάδα), δέντρο συλλογών με πλήρη χειρισμό πληκτρολογίου. Έτοιμο
• Φίλτρα / facets — flat layout αριστερά, εφαρμογή ανά facet, removable chips, mobile drawer. Έτοιμο
• Αποτελέσματα — πλήρως σχεδιασμένα result cards σε δύο προβολές (λίστα / πλέγμα), toolbar διάταξης & ταξινόμησης, σελιδοποίηση, lightbox εικόνων. Έτοιμο

Δύο παραλλαγές προβολής λίστας (ίδιο view — διαφορά μόνο στα list items):

• Ενιαίο — εικόνα αριστερά, σταθερό μέγεθος/aspect, placeholder με τον τίτλο όταν λείπει εικόνα. Ιδανικό όταν η ομάδα επιμελείται αρκετές & σωστές εικόνες. search.html
• Εναλλακτικό — εικόνα δεξιά (κάτω από το tag) σε φυσικές αναλογίες (χωρίς crop) και χωρίς placeholder όταν λείπει. Ιδανικό όταν οι εικόνες είναι λίγες/ανομοιόμορφες — καλύτερη οπτικοποίηση χωρίς να «τραβάει» το κενό. search-alt.html

Τι σχεδιάσαμε στη σελίδα αποτελεσμάτων:

• Toolbar στην ίδια γραμμή με τα φίλτρα: εναλλαγή λίστα/πλέγμα (με επεξηγηματικά tooltips), ταξινόμηση (6 τρόποι), και σελιδοποίηση δεξιά — που επαναλαμβάνεται στο τέλος και κρύβεται όταν τα αποτελέσματα χωρούν σε μία σελίδα.
• Result card: εικόνα σταθερού μεγέθους/aspect με click → fullscreen lightbox· ουδέτερο tag τύπου· stretched-link (όλη η κάρτα clickable, ο τίτλος ουδέτερος, οι εσωτερικοί σύνδεσμοι μπλε)· μεταδεδομένα το ένα κάτω από το άλλο (2 στήλες σε desktop)· collapsible περιεχόμενο (ηχογραφήσεις/εκδόσεις).
• Πλέγμα: ισοϋψείς κάρτες με bare-minimum ύψος· «Περισσότερα» μόνο όταν το περιεχόμενο ξεπερνά το όριο· μία κλασική placeholder όπου λείπει εικόνα.
• Μπλε με φειδώ: ουδέτερα tags & breakdown pills· το μπλε μόνο σε ό,τι είναι πραγματικά actionable (σύνδεσμοι, «+N ακόμη», ενεργό view, τρέχουσα σελίδα). Χωρίς zebra-θόρυβο — μόνο πολύ απαλό zebra στη λίστα.
• Responsive: desktop / tablet / mobile. Σε mobile μόνο card view, full-width φίλτρα & ταξινόμηση, σελιδοποίηση πάνω & κάτω.

• Μπλοκ ταυτότητας — εικόνα αριστερά «πακεταρισμένη» με τα βασικά στοιχεία δεξιά· χωρίς εικόνα, τα στοιχεία απλώνουν σε όλο το πλάτος (demo switcher πάνω-πάνω). Τα αναλυτικά μεταδεδομένα ακολουθούν σε 2 στήλες, με εξωτερικές ταυτοποιήσεις (Wikidata, VIAF, Discogs, MusicBrainz) ως chips. Έτοιμο
• Sticky πλοήγηση ενοτήτων με scrollspy — Στοιχεία · Βιογραφικό · Ανάλυση · Αρχείο · Φωτογραφίες · Τόποι · Σχετικές εγγραφές · Ψηφιακά αρχεία. Σε μεγάλες εγγραφές ο χρήστης δεν χάνεται ποτέ. Έτοιμο
• Σχετικές εγγραφές σε tabs ανά ρόλο με counters (Τραγουδιστής 581 · Μουσικός 412 …), κάρτες με thumbnail, «Φόρτωση περισσότερων» αντί για λίστες 500+ εγγραφών, και κουμπί redirect στην πλήρη λίστα της αναζήτησης. Έτοιμο
• Ψηφιακά αρχεία — ενιαία λίστα με έναν κοινό viewer που εναλλάσσεται ανά αρχείο (PDF, ήχος, βίντεο, εικόνα) αντί για πολλαπλά ενσωματωμένα viewers· ανά αρχείο: Προβολή, Λήψη και σύνδεσμος στη σελίδα εγγραφής του αρχείου (επόμενο view). Έτοιμο
• Βιογραφικό με clamp/«Περισσότερα», διαγράμματα ακουστικής ανάλυσης σε κάρτες με λήψη δεδομένων, ραβδόγραμμα δισκογραφικής δραστηριότητας, δέντρο φακέλων με «Βρίσκεστε εδώ», coverflow καρουσέλ φωτογραφιών με lightbox (όπως στο υπάρχον RG), βίντεο YouTube με φόρτωση μετά από κλικ, χάρτης τόπων (OSM). Έτοιμο
• Πλοήγηση μεγάλης σελίδας: sticky bar που δείχνει και τον τίτλο της εγγραφής όταν φύγει η κεφαλίδα, ενεργό chip που ακολουθεί το scroll (αυτο-κύλιση στο chip bar), βελάκια κύλισης στα chips σε mobile, κουμπί επιστροφής στην κορυφή. Έτοιμο

Ο σχεδιασμός του OPAC ολοκληρώθηκε με την προσέγγιση specimen: το συνδυαστικό view περιέχει όλα τα components, ώστε κάθε τύπος εγγραφής (Ηχογράφηση, Πρόσωπο, Βιβλίο, Δίσκος, Φάκελος) να συντίθεται από το ίδιο kit — δεν απαιτούνται ξεχωριστά mockups ανά τύπο. Στις λίστες σχετικών εγγραφών με 8+ τεκμήρια εμφανίζεται πεδίο φιλτραρίσματος (ίδιο pattern με τα facets). Η εναλλαγή εγγραφή ↔ γράφος γίνεται με redirect μέσω της κοινής κεφαλίδας· τα αποτελέσματα της αναζήτησης οδηγούν στη σελίδα εγγραφής και η προβεβλημένη κάρτα φακέλου στη σελίδα συλλογής.

• Ξεχωριστή σελίδα αντί για tab — η μετάβαση εγγραφή ↔ γράφος γίνεται με redirect· κοινή κεφαλίδα εγγραφής (κανονικός τίτλος, tag τύπου κάτω από τον τίτλο, αναγνωριστικό & συλλογή) με ενέργεια «Πίσω στην εγγραφή», ίδια δομή και στις δύο σελίδες για συνέπεια layout. Έτοιμο
• Panels σε στυλ facets (flat, sticky, με icons): Υπόμνημα με χρώμα + icon + ελληνική ετικέτα + τεχνικό όνομα + πλήθος ανά τύπο· Πλοήγηση ως ιστορικό βημάτων· Πληροφορίες που ενημερώνονται με κλικ σε κόμβο (με «Μόνο ανάγνωση» & συνδεδεμένες εγγραφές)· Χειριστήρια (πάγωμα, προσαρμογή, πυκνότητα, inferred με διακεκομμένη γραμμή). Έτοιμο
• Help text που εξηγεί την αλληλεπίδραση: κλικ → πληροφορίες, διπλό κλικ → μετάβαση στον γράφο του κόμβου, ετικέτες κόμβων = αναγνωριστικά εγγραφών. Έτοιμο
• Προσβασιμότητα: χειρισμός κόμβων με πληκτρολόγιο (Enter/Space) & ορατό focus, aria-live στις Πληροφορίες, ποτέ μόνο χρώμα (icon + ετικέτα παντού), reduced-motion. Έτοιμο

Όριο SoW: στο Graph view ο επανασχεδιασμός περιορίζεται στα περιφερειακά components (κεφαλίδα, υπόμνημα, πλοήγηση, πληροφορίες, χειριστήρια). Η απόδοση και η φυσική του ίδιου του γράφου παρέχονται από την υπάρχουσα μηχανή του RG και είναι εκτός αντικειμένου — η σελίδα αποτελεί ενδεικτική πρόταση για το πώς μπορεί να διαμορφωθεί η σελίδα του γράφου.