01 – Η ιστορία
Ξεκίνα σε μία συσκευή. Τελείωσε σε άλλη.
Κανείς δεν ακούει μόνο σε μία συσκευή. Στη διαδρομή ακούς από το κινητό, το απόγευμα από το laptop, το βράδυ από ό,τι είναι πιο κοντά. Οι περισσότερες εφαρμογές podcast ζουν σε μία από αυτές, και σε όλες τις άλλες ξεκινάς από την αρχή: ψάχνεις την εκπομπή και σέρνεις την μπάρα για να βρεις πού είχες μείνει.
Το podnod είναι ένα player για όλα: web, macOS, Windows, Linux και Android, με το iOS καθ’ οδόν. Είναι χτισμένο από ένα design system και ένα codebase, για να φαίνεται και να συμπεριφέρεται ίδια παντού. Κάνε σύνδεση και όλα σε ακολουθούν: οι εκπομπές σου, η ουρά σου, πού βρίσκεσαι σε κάθε επεισόδιο, τι έχεις τελειώσει, ακόμα και οι ρυθμίσεις σου. Δουλεύει και χωρίς λογαριασμό· η σύνδεση χρειάζεται μόνο για τον συγχρονισμό.
Κάθε συσκευή. Μία ουρά. Το ίδιο δευτερόλεπτο.
02 – Σκυτάλη
Δώσε τη σκυτάλη στη μέση της φράσης.

Κάθε συσκευή όπου έχεις συνδεθεί δείχνει τι παίζουν οι άλλες. Ένα πάτημα και συνεχίζεις από το ίδιο ακριβώς δευτερόλεπτο: το laptop σωπαίνει, το κινητό συνεχίζει και ποτέ δεν ακούς την ίδια φράση δύο φορές ούτε χάνεις καμία.
Τρεις μπάρες που κινούνται σημαίνουν ότι παίζει αυτή τη στιγμή· μια ακίνητη τελεία σημαίνει ότι το άφησες σε παύση. Η διαφορά μετράει: αν συνεχίσεις μια ενεργή συνεδρία, σταματάει η άλλη συσκευή, ενώ αν συνεχίσεις μια σε παύση, δεν σταματάει τίποτα. Η γραμμή εμφανίζεται μόνο όταν υπάρχει κάτι που αξίζει να συνεχίσεις: μια συνεδρία σε παύση εξαφανίζεται μετά από πέντε λεπτά και ένα επεισόδιο που τελείωσε δεν προτείνεται ποτέ.
03 – Μετράει για τελειωμένο
Οι διαφημίσεις στο τέλος δεν μετράνε.
Πολλά επεισόδια κλείνουν με λίγα λεπτά διαφημίσεων και τίτλων τέλους και σχεδόν κανείς δεν κάθεται να τα ακούσει. Στις περισσότερες εφαρμογές αυτό αφήνει το επεισόδιο μισοπαιγμένο για πάντα, να φράζει την ουρά και τη λίστα με τα νέα. Το podnod το σημειώνει ως ακουσμένο όταν σταματάς αρκετά κοντά στο τέλος, οπότε φεύγει μόνο του από τα «Νέα» και την ουρά, και σε όλες τις συσκευές ταυτόχρονα.
Πόσο κοντά, το ορίζεις εσύ: μόνο στο απόλυτο τέλος ή όταν μένουν 10 δευτερόλεπτα, 30 δευτερόλεπτα, ένα λεπτό, δύο ή πέντε. Δεν κόβει ποτέ την αναπαραγωγή νωρίτερα· αν συνεχίσεις να ακούς, παίζει μέχρι το πραγματικό τέλος. Για εκπομπές με μεγάλο intro ή outro μπορείς να παραλείπεις και ένα σταθερό κομμάτι, και το περιθώριο μετριέται από εκεί και πέρα, ώστε να μη μετριέται ποτέ δύο φορές.

04 – Η ιδέα
Καθόλου χρώμα brand.
Το podnod είναι μονόχρωμο επίτηδες: μαύρο, λευκό και λίγα γκρι, και ούτε μία απόχρωση brand. Το λογότυπο βάζει το pod πάνω από το nod, με τη δεύτερη λέξη ελαφρώς γερτή, σαν κεφάλι που γνέφει στον ρυθμό. Το όνομα γράφεται με πεζά παντού, ακόμα και στην αρχή πρότασης, και ένας έλεγχος στο build αποτυγχάνει με οποιαδήποτε άλλη γραφή.
Από κάτω, το σύστημα είναι soft-brutalist. Το βάθος είναι μια κλίμακα τεσσάρων επιπέδων, το καθένα ένα σκαλί πιο ανοιχτό από το προηγούμενο, ποτέ σκιά. Δεν υπάρχει blur πουθενά στο προϊόν και ένα test σπάει το build αν τρυπώσει κάποια θολή επιφάνεια. Κάθε στοιχείο ελέγχου έχει σχήμα χαπιού. Η Inter κουβαλάει κάθε λέξη, με σφιχτό tracking, και τα εξώφυλλα φέρνουν όλο το χρώμα.


Καμβάς
#0B0B0B
Χαρτί
#F1F1F1
Απαλό ροζ
#F3CCCB
Απαλό βερικοκί
#F5D5B4
Απαλό ουρανί
#C4DCF2
05 – Το μοναδικό χρώμα
Το διαλέγεις εσύ. Ή διαλέγεται μόνο του.
Το μόνο χρώμα που αφήνει να μπει το podnod είναι αυτό που διαλέγει ο ακροατής: το χρώμα έμφασης που γεμίζει το κουμπί αναπαραγωγής, τη γραμμή προόδου και την τελεία των μη ακουσμένων. Υπάρχουν επτά αποχρώσεις, όλες απαλές επίτηδες. Το χρώμα έμφασης είναι κυρίως γέμισμα με σχεδόν μαύρα γράμματα πάνω του, και μια πιο σκούρα απόχρωση δεν θα ξεχώριζε πια ως το ένα φωτεινό σχήμα σε μαύρη οθόνη.
Η προεπιλογή είναι το «mix», που διαλέγει νέα απόχρωση κάθε φορά που ανοίγει το podnod και ποτέ δεν πέφτει στο σκέτο Χαρτί, που θα έμοιαζε σαν να χάλασε η λειτουργία. Η αντίθεση κάθε απόχρωσης μετριέται απέναντι σε κάθε επιφάνεια όπου μπαίνει, στα tests και όχι με το μάτι.

06 – Η γραμμή μενού
Ένα μικρό, περίεργο φιλαράκι.
Στο desktop, το podnod μένει στη γραμμή μενού σαν ένα μικροσκοπικό χαρακτηράκι: ο κύκλος του λογότυπου με δύο ψηλά μάτια. Παρακολουθεί τον κέρσορά σου όσο δουλεύεις. Ρίχνει μόνο ματιές, ποτέ δεν σε καρφώνει. Όταν δεν παίζει τίποτα, περιμένει σαν περίγραμμα. Πάτα play και γεμίζει και κουνάει το κεφάλι στον ρυθμό του επεισοδίου σου.
Είναι ζωγραφισμένο, όχι φορτωμένο. Κάθε καρέ σχεδιάζεται σε Rust από κύκλους και κάψουλες, δεκαπέντε φορές το δευτερόλεπτο όσο κουνάει το κεφάλι, και περνάει στο macOS ως template. Έτσι δείχνει σωστά σε φωτεινή γραμμή μενού, σε σκούρα και κάτω από την επισήμανση του μενού. Το Linux παίρνει και τις δύο διαθέσεις χωρίς την κίνηση: το tray του γράφει κάθε καρέ στον δίσκο, και ένα κούνημα θα σήμαινε δεκαπέντε εγγραφές αρχείου το δευτερόλεπτο για όλη τη διάρκεια ενός επεισοδίου. Ζήτα από τον υπολογιστή σου λιγότερη κίνηση και το φιλαράκι κάθεται ακίνητο και κοιτάζει ευθεία μπροστά. Γεμάτο σημαίνει και πάλι ότι παίζει.

07 – Η φούσκα
Τράβα τον player από τη γραμμή μενού.
Κάνε κλικ στο προσωπάκι και από κάτω κρέμεται ένας μικρός player: το εξώφυλλο, το σημείο όπου βρίσκεσαι και τρία κουμπιά. Πιάσ’ τον και τράβα. Στην αρχή αντιστέκεται. Ο player απομακρύνεται από το εικονίδιο, ενώ το βελάκι του μένει καρφωμένο εκεί και τεντώνεται και γέρνει όσο τον τραβάς. Μετά τα 34 pixels ξεκολλάει και γίνεται ένα μικρό παράθυρο που αιωρείται πάνω από όλα τα άλλα, για όσο θέλεις να μείνει εκεί.
Φέρ’ τον πίσω και πρώτα σε ρωτάει. Όταν φτάσει σε απόσταση 110 pixels από τη θέση του, ένα βελάκι αρχίζει να φουσκώνει από την άκρη του προς το εικονίδιο, αργά και μετά απότομα, ώστε να μοιάζει με έλξη κι όχι με κούμπωμα. Άφησέ τον και πετάει πίσω στη θέση του, ενώ το βελάκι μεγαλώνει ξανά. Ο player, το βελάκι του και το περίγραμμά του είναι ένα σχήμα. Το ξανακόλλημα στο εικονίδιο είναι ένας μόνο αριθμός που πάει από το ένα στο μηδέν, και τον ακολουθούν το περίγραμμα, το περιεχόμενο και το κουμπί. Γι’ αυτό δεν υπάρχει ποτέ καρέ με δύο σχήματα στην οθόνη.
Ό,τι λείπει, λείπει επίτηδες: ούτε ταχύτητα, ούτε χρονοδιακόπτης ύπνου, ούτε μετακίνηση στη γραμμή χρόνου. Είναι μια ματιά και τρία πατήματα, και τα κουμπιά παράλειψης δείχνουν τα δικά σου διαστήματα παράλειψης.

08 – Κίνηση
Το εξώφυλλο ταξιδεύει. Τα υπόλοιπα μένουν.
Χωρίς σκιές και blur, η κίνηση είναι ο μόνος τρόπος που μένει για να δείξεις ότι αυτό που πάτησες έγινε αυτό εδώ. Γι’ αυτό τη χρησιμοποιούμε με φειδώ. Άνοιξε τον player και ένα εξώφυλλο ταξιδεύει από τον mini player στο μεγάλο κάδρο, ενώ όλα τα άλλα μένουν ακίνητα. Κλείσ’ τον και το εξώφυλλο γυρίζει από εκεί που ήρθε, από όποιο σημείο κι αν είχε φτάσει. Η εναλλαγή καρτελών, αυτό που κάνει ο κόσμος πιο συχνά, δεν έχει καθόλου animation.
Πάτα play και το βλέπεις να δουλεύει: ένας δακτύλιος εκεί που ήταν το εικονίδιο του play και «buffering · from 12:04» εκεί που ήταν ο χρόνος. Το κουμπί μένει ενεργό, οπότε ένα δεύτερο πάτημα ακυρώνει την εκκίνηση αντί να βάλει άλλη μία στην ουρά. Η γραμμή που ακούς γράφει «Playing» με τρεις μικρές μπάρες και κρατάει τη διάρκειά της. Ένα επεισόδιο που τελείωσε δείχνει για ένα δευτερόλεπτο ότι ακούστηκε, πριν η γραμμή του διπλώσει και φύγει. Έτσι η αποχώρηση μοιάζει με συνέπεια κι όχι με glitch.
Η μειωμένη κίνηση έχει διαβαθμίσεις, δεν είναι απλώς off: η διακόσμηση εξαφανίζεται, το ταξίδι γίνεται cross-fade και ό,τι μεταφέρει πληροφορία αλλάζει το loop του με ένα στατικό σήμα που λέει το ίδιο πράγμα.

09 – Μία εικόνα τη μέρα
Η αυριανή πρώτη σελίδα σχεδιάζεται απόψε.
Η αρχική σελίδα ανοίγει με μία προτεινόμενη εκπομπή. Κάθε πρωί στις 05:40 επιλέγεται μια καινούργια, και καμία εκπομπή δεν ξαναβγαίνει πριν περάσουν 90 ημέρες. Μέσα στη νύχτα, το podnod της φτιάχνει μια εικόνα. Το gpt-image-2 της OpenAI παίρνει το ίδιο το εξώφυλλο της εκπομπής, την κατηγορία και την περιγραφή της, και του ζητάμε μια πανοραμική σκηνή με την παλέτα, τις υφές και τα μοτίβα του εξωφύλλου: χωρίς γράμματα, και με το αριστερό τρίτο λιτό, για να χωράει ο τίτλος.
Μετά το Seedance 2.0 mini της ByteDance δίνει κίνηση στην εικόνα, με ένα brief που ζητά αργή, απαλή κίνηση: «δεν πρέπει να μπορείς να καταλάβεις ποιο δευτερόλεπτο του κλιπ βλέπεις». Το μοντέλο διαβάζει το πρώτο και το τελευταίο καρέ ως δύο διαφορετικές στιγμές, οπότε παίρνει την εικόνα μία φορά και το podnod κλείνει μόνο του τη λούπα, σβήνοντας σταδιακά την αρχή του κλιπ πάνω στο τέλος του. Μια εκπομπή ανεβαίνει μόνο όταν υπάρχει η εικόνα της. Αν μια νύχτα κάτι αποτύχει, μένει η χθεσινή επιλογή και η σελίδα κατεβαίνει σκαλί σκαλί: από τη λούπα στη στατική εικόνα, μετά στο θολωμένο εξώφυλλο της εκπομπής, μετά σε σκέτο μαύρο. Ποτέ σε σπασμένη εικόνα.
Ο ένας απαράβατος κανόνας: καθόλου άνθρωποι. Τα μοντέλα βίντεο αρνούνται να κινήσουν ένα καρέ που διαβάζουν ως πραγματικό πρόσωπο, και κάποια δεν το λένε καν, απλώς δεν επιστρέφουν βίντεο, οπότε μια εικόνα γεμάτη παρουσιαστές απλώς δεν θα κουνιόταν ποτέ. Και η ειλικρίνεια είναι μέρος του σχεδιασμού: η ετικέτα «εικόνα που δημιουργήθηκε για τη σημερινή επιλογή» εμφανίζεται μόνο όταν η εικόνα είναι όντως παραγόμενη, ώστε το εξώφυλλο ενός εκδότη να μην περνιέται ποτέ για φτιαγμένο από μηχανή.

10 – Εξώφυλλα που ανασαίνουν
Οι άνθρωποι μένουν ακίνητοι. Τα υπόλοιπα, ελεύθερα.
Το εξώφυλλο της προτεινόμενης εκπομπής περνάει την ίδια επεξεργασία, ως cinemagraph: «μια φωτογραφία όπου κινούνται λίγα επιλεγμένα πράγματα και κάθε άνθρωπος μέσα της μένει εντελώς ακίνητος». Οι άνθρωποι και τα γράμματα ενός εξωφύλλου αντιμετωπίζονται σαν τυπωμένο μελάνι, οπότε οι παρουσιαστές δεν ανοιγοκλείνουν ποτέ τα μάτια και οι τίτλοι δεν λιώνουν ποτέ. Το κλιπ γίνεται animated WebP με οκτώ καρέ το δευτερόλεπτο, και όταν μια λούπα δεν κλείνει μόνη της, το πρώτο μισό δευτερόλεπτο σβήνει σταδιακά πάνω στο τέλος της.
Είναι καθαρά κάτι παραπάνω. Μπαίνει πάνω από τη στατική εικόνα μόνο αφού φορτώσει εκείνη, δεν κατεβαίνει καν για όποιον έχει ζητήσει λιγότερη κίνηση και δεν χρησιμοποιείται ποτέ εκεί όπου μια κινούμενη εικόνα θα χαλούσε κάτι: ειδοποιήσεις, κάρτες κοινοποίησης, οθόνη κλειδώματος. Όταν ένας εκδότης αλλάζει την εικόνα του, η κίνηση αποσύρεται αμέσως.
11 – Ακροατές
Χωρίς φωτογραφίες, χωρίς πρόσωπα, χωρίς λάθος πορτρέτα.
Στο podnod δεν ανεβαίνουν πουθενά εικόνες, οπότε κάθε λογαριασμός παίρνει ένα από 24 σχεδιασμένα αντικείμενα στούντιο, μια κασέτα, ένα μικρόφωνο, μια μπομπίνα, μια ντουντούκα, τυχαία και για πάντα. Το καθένα είναι μία απόχρωση σε τρεις τόνους: ένας σκούρος κύκλος, ένα απαλό αντικείμενο και ένας μεσαίος τόνος για τις λεπτομέρειες, με τα κοψίματα να διαπερνούν τον κύκλο, ώστε η σιλουέτα και μόνο να ξεχωρίζει δύο ανθρώπους στα 24 pixels.
Δεν υπάρχει σώμα για να του δοθεί φύλο ούτε δέρμα για να βγει λάθος, και τίποτα δεν μαντεύεται από το όνομά σου. Όπως και τα εξώφυλλα, είναι εικόνες και όχι μπογιά, και μόνο γι’ αυτό το μονόχρωμο σύστημα αφήνει να μπει το χρώμα τους.

12 – Πώς φτιάχτηκε
Ένα design system, παντού.
Κινητό, desktop και web μοιράζονται ένα layout και μία ουρά, και η εφαρμογή είναι σκούρα επίτηδες, για να μιλάνε τα εξώφυλλα.

Το φύλλο
Κάθε νέο επεισόδιο από κάθε εκπομπή που ακολουθείς, σε μία σελίδα. Οι εφαρμογές podcast συνήθως βάζουν τα επεισόδια κάτω από τις εκπομπές τους. Το podnod ξεκινά αντίθετα από τη μέρα, γιατί «τι νέο βγήκε;» είναι η ερώτηση με την οποία το ανοίγει ο κόσμος.

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

Βιβλιοθήκη
Συνδρομές, λήψεις και η ουρά, ακριβώς εκεί που τα άφησες. Η πιο βαρετή οθόνη για να σχεδιάσεις και αυτή με την οποία κρίνεται μια εφαρμογή: χάσε μία φορά το σημείο όπου είχε μείνει κάποιος και τίποτε άλλο δεν συγχωρείται.

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

Ειδοποιήσεις
Ένα ping τη στιγμή που μια εκπομπή που σε νοιάζει βγάζει κάτι καινούργιο. Είναι ο μόνος καλός λόγος που έχει μια εφαρμογή podcast να διακόψει κάποιον.

Νέα, κάθε πρωί
Τα επεισόδια της ημέρας από όλους όσους ακολουθείς, με τη σειρά που έφτασαν. Χωρίς κατάταξη και χωρίς «για σένα»: η σειρά άφιξης είναι ο μόνος αλγόριθμος που καταλαβαίνουν ήδη όλοι.
Στο web το ίδιο φύλλο ανοίγει σε όλο το πλάτος: μια προτεινόμενη εκπομπή στην κορυφή, ολόκληρος ο κατάλογος από κάτω και charts που ανανεώνονται κάθε εβδομάδα.



Η αρχική σελίδα κλείνει με μία ενότητα: έξι κουμπιά και ένα πάνελ εικόνας που φέρνει από κάτω τους, συρόμενο, το banner κάθε πλατφόρμας.
Τα banners συμπιέζονται στα 13 έως 25 KB το καθένα, 105 KB και τα έξι μαζί, οπότε φορτώνουν όλα από την αρχή και κανένα κουμπί δεν ανοίγει ποτέ σε άδειο πάνελ. Μισό δευτερόλεπτο κενό αρκεί για να διαβαστεί το «σε κάθε συσκευή» ως υπόσχεση και όχι ως γεγονός.
13 – Τι έμεινε
Κάθε εκπομπή, κάθε συσκευή, μία ουρά.
Πέντε πλατφόρμες στον αέρα και το iOS έρχεται, μία ουρά και ένα σημείο σε κάθε επεισόδιο που σε ακολουθούν σε όλες, και πάνω από 113.000 εκπομπές για να διαλέξεις.
Το brand δεν έχει δικό του χρώμα και αφήνει τα εξώφυλλα να φέρουν τα υπόλοιπα. Αυτό που πουλάει το podnod είναι η στιγμή που μια πρόταση συνεχίζει στο laptop ακριβώς από το δευτερόλεπτο που σταμάτησε στο κινητό. Όταν το προϊόν κάνει το κόλπο, η δουλειά του brand είναι να μην του μπαίνει στη μέση.
