Ο full-stack σχεδιαστής χτίζει ο ίδιος – διδάγματα από τη Shopify

Στο επεισόδιο The New Full-Stack Designer της σειράς Design Review του Y Combinator τίθεται το ερώτημα πώς μοιάζει ο full-stack σχεδιαστής σε μια εποχή όπου το όριο ανάμεσα στο σχέδιο και στο λειτουργικό προϊόν έχει σχεδόν εξαφανιστεί. Καλεσμένος είναι ο Marvin Schwaibold, που διευθύνει το στούντιο σχεδιασμού προϊόντων της Shopify, και τη συζήτηση κάνει ο Aaron Epstein του YC.

Σύμφωνα με την περιγραφή του επεισοδίου από το YC, ο Schwaibold παρουσιάζει τη δική του σχεδιαστική διαδικασία και δείχνει την πρόσφατη ανανέωση του πίνακα διαχείρισης της Shopify από την ομάδα του, καθώς και τη δουλειά πάνω στον βοηθό Sidekick. Υπάρχει επίσης ένα πρότζεκτ Σαββατοκύριακου, στο οποίο αναδημιούργησε ένα πραγματικό γκαζόν ως shader, και ένα καρουζέλ που χρειάστηκε 91 προσπάθειες για να βγει σωστό. Στο δεύτερο μισό του επεισοδίου αξιολογούνται ιστότοποι που έστειλαν θεατές, με έμφαση στην κίνηση και τη διαδραστικότητα.

Ο σχεδιαστής που χτίζει

Στη λίστα κεφαλαίων του επεισοδίου επανέρχεται η ίδια ιδέα: η σχεδιαστική διαδικασία έχει αλλάξει και οι σχεδιαστές χτίζουν οι ίδιοι. Οι τίτλοι των κεφαλαίων αναφέρουν επίσης τη θέση του CEO της Shopify, Tobi Lütke, ότι το μέλλον πρέπει να σχεδιαστεί, καθώς και το πώς λειτουργεί το στούντιο μέσα στη Shopify.

Για τον μικροεπιχειρηματία αυτό είναι κάτι πολύ πρακτικό. Όταν μια οπτική ιδέα μπορεί να δοκιμαστεί αμέσως ως λειτουργικό πρωτότυπο, η ανατροφοδότηση έρχεται γρηγορότερα και οι λάθος κατευθύνσεις απορρίπτονται πριν ξοδευτούν χρήματα. Την ίδια λογική της γρήγορης μάθησης εξετάσαμε στο άρθρο για την κατανόηση του πελάτη ως ανταγωνιστικό πλεονέκτημα μιας startup.

91 προσπάθειες και ορατές μεταβλητές

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

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

Η καλή κίνηση γεννιέται από την επανάληψη, όχι από ένα πετυχημένο σκίτσο.

Έξι ιστότοποι υπό αξιολόγηση

Στο δεύτερο μισό του επεισοδίου αξιολογούνται οι ιστότοποι έξι startups. Οι τίτλοι των κεφαλαίων συνοψίζουν παρατηρήσεις με τις οποίες κάθε επιχειρηματίας μπορεί να συγκρίνει τις δικές του σελίδες:

• Ένας βασικός στόχος ανά σελίδα.
• Τα προβλήματα των καρτελών: το σημαντικό περιεχόμενο κρύβεται εύκολα.
• Εικονογραφήσεις από τεχνητή νοημοσύνη που δεν προσθέτουν τίποτα στη σελίδα.
• Δείξτε το ίδιο το προϊόν, όχι μόνο μικρογραφίες.
• Κοινωνική απόδειξη και περιπτώσεις όπου το λιγότερο είναι περισσότερο.
• Οι ενότητες της αρχικής σελίδας ως κεφάλαια που ξετυλίγονται σαν ιστορία.
• Αφήστε τον επισκέπτη να εξερευνήσει μόνος του τη δουλειά και σκεφτείτε καλά αν αξίζει να «κλέψετε» την κύλιση.

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

Τι αξίζει να κρατήσετε για τις δικές σας σελίδες;

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

▶

Δείτε το αρχικό επεισόδιο στο YouTube: Y Combinator.

Πηγές

• Y Combinator: The New Full-Stack Designer (Design Review, YouTube) — Πηγή είναι η περιγραφή του επεισοδίου και η λίστα κεφαλαίων με χρονοσημάνσεις που δημοσίευσε το YC, όχι ελεγμένη απομαγνητοφώνηση. Στο επεισόδιο μεταξύ άλλων: σχεδιαστές που χτίζουν (18:27), Dialkit (26:16) και αξιολογήσεις ιστότοπων από το 31:04. Οι πρακτικές προτάσεις είναι προσωπικές σκέψεις του συντάκτη.
• Marvin Schwaibold: grass-shader (GitHub) — Ο πηγαίος κώδικας του shader γκαζόν, με σύνδεσμο από την περιγραφή του επεισοδίου.