Πώς σχεδιάσαμε τον τραπεζικό λογαριασμό μας - NuConta Part II

Στο Μέρος Ι, περπατήσαμε μέσα από τη διαδικασία κατανόησης και προσδιορισμού του προβλήματος που επιδίωξα να λύσουμε. Εδώ, πρόκειται να βουτήξουμε στον τρόπο με τον οποίο εκτελέσαμε το σχέδιο με βάση αυτό το όραμα.

Συν-σχεδιασμός

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

Αφήστε τις κακές ιδέες όλων

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

Δημιουργήστε περισσότερες ιδέες

Κάθε συνδιοργάνωση χρησιμοποιεί διαφορετική μεθοδολογία για την επίτευξη των στόχων της. Σε αυτή την περίπτωση, η στρατηγική μας να δημιουργήσουμε ένα πιο σταθερό σύνολο ιδεών ήταν να διαιρέσουμε τους συμμετέχοντες σε ομάδες και να τους αναθέσουμε ένα διαφορετικό Persona (το οποίο δημιουργήσαμε στο Μέρος Ι). Τα Personas βοήθησαν τους συμμετέχοντες να συνειδητοποιήσουν ένα διαφορετικό είδος προσώπου και τις ελπίδες, τις προκλήσεις και τις ευκαιρίες του, αντί να περιορίζονται στην εμπειρία και την προοπτική του καθενός.

Δημιουργήστε καλύτερες ερωτήσεις και περιορισμούς στην επιφάνεια.

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

Σχεδιασμός εξερεύνησης

Με βάση τις ιδέες που δημιουργήθηκαν από την ομάδα, ξεκινήσαμε τη βαθύτερη βουτιά που έκανα ποτέ στην εξερεύνηση του σχεδιασμού προϊόντων. Με πολλούς τρόπους, τόσο από τεχνική όσο και από προοπτική προϊόντος, το NuConta δεν ταιριάζει απόλυτα σε ένα "κουτί" ελέγχου, αποταμίευσης ή επενδύσεων, οπότε βρήκαμε μια πραγματική πρόκληση να ευθυγραμμιστεί η διεπαφή με τα προϋπάρχοντα διανοητικά μοντέλα ενός χρήστη σχετικά με διαχείριση χρημάτων. Ένα νέο παράδειγμα για το πώς τα χρήματα θα κρατηθούν και χρησιμοποιήθηκαν απαιτούσε πολλή σκληρή σκέψη για τη λογιστική και πώς να την εκπροσωπήσουν καλύτερα σε μια οθόνη. Δεδομένης αυτής της δυνητικής πολυπλοκότητας, περάσαμε το μεγαλύτερο μέρος αυτής της περιόδου συνεργασίας στο λευκό χαρτόνι χωρίς να αγγίζουμε ένα εργαλείο ψηφιακού σχεδιασμού.

Μόνο μετά από εκτεταμένες συζητήσεις και προβληματισμούς αισθανθήκαμε έτοιμοι να ξεκινήσουμε τα wireframes και τα pixel pushing: δοκιμάσαμε δεκάδες εκδόσεις του UI των ροών onboarding, κενές καταστάσεις, προσομοιωτές επενδύσεων, διαγράμματα (OMG τόσες πολλές χάρτες), οικονομικούς στόχους, επενδυτικές γραμμές. Επιτρέψαμε στον εαυτό μας να ξεγελάσουμε στην αρχή, παρακάμπτοντας πολλούς κανόνες του τρέχοντος συστήματος σχεδιασμού μας, και στη συνέχεια προσαρμόζουμε όσο πλησιάζουμε στο τελικό αποτέλεσμα.

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

Σχεδιασμός για διαφάνεια, με διαφάνεια

Ένα βασικό στοιχείο της ταχύτητας και της ποιότητας της ροής εργασίας μας σε αυτό το έργο ήταν να χρησιμοποιήσουμε το Figma στα αρχικά στάδια της διαδικασίας σχεδιασμού του UI, λόγω του υψηλού επιπέδου συνεργασίας και διαφάνειας που επιτρέπει. Ακριβώς όπως και οι δοκιμές μας για live streaming, το Figma καθιστά τον τραγουδιστή να παρακολουθεί, να συμμετέχει και να κερδίζει ενσυναίσθηση για τη διαδικασία σχεδιασμού σε πραγματικό χρόνο.

Σχόλια των συναδέλφων που χύνονται στο Figma

Χαρτογράφηση ολόκληρης της εμπειρίας

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

Το Figma, και πάλι, ευδοκιμεί για τα στοιχεία επικοινωνίας όπως αυτό με τέτοιο τρόπο ώστε ένα 15MB PDF ποτέ δεν μπορούσε. Όλοι μπήκαν με ερωτήσεις και ιδέες με βάση την τεχνογνωσία τους: copywriting, engineering, legal και UX.

Πρωτότυπα

Δημιουργήσαμε κάθε είδους πρωτότυπο που θα μπορούσατε να φανταστείτε όταν εξερευνείτε λύσεις για το NuConta. Κάναμε φθηνά πρωτότυπα χαρτιού για να δοκιμάσουμε την αντιγραφή και τη γενική αρχιτεκτονική των πληροφοριών. Πραγματοποιήσαμε γρήγορες κινήσεις Keynote για να δείξουμε στους μηχανικούς το όραμα για μια συγκεκριμένη αλληλεπίδραση. Κατασκευάσαμε οθόνες και ρέει στην Αρχή για να ελέγξουμε τις ροές εγγραφής και τις κενές καταστάσεις. Ορισμένα πρωτότυπα είχαν μάλιστα ψεύτικα μαρκαρίσματα και εικονογραφήματα, ώστε να μπορούμε να βγούμε έξω από το κτίριο και να τα παρουσιάζουμε σε κατάσταση μυστικότητας.

Hit print και δοκιμάστε τα σχέδιά σας

Ξεκινώντας με απλούστερα πρωτότυπα χαμηλότερης πιστότητας, επιτρεπόμαστε να κόβουμε τις ακατέργαστες άκρες της συνολικής ιδέας του προϊόντος, μέχρι να φτάσουμε τελικά σε ένα επίπεδο πολυπλοκότητας στις δοκιμές που απαιτούσαν ένα πιο πιστό, ευπροσάρμοστο πρωτότυπο. Έτσι αποφασίσαμε να επενδύσουμε σε ένα μήνα έργο για να δημιουργήσουμε ένα πλήρες φάσμα prototype Framer + Javascript που πέρασε τις μεταβλητές γύρω, αντέδρασε στα οικονομικά δεδομένα του χρήστη και τα άφησε να προσομοιώσουν τις καταθέσεις. Αυτό φυσικά δεν ήταν μόνο το έργο της ομάδας σχεδιασμού μας, αλλά μια συντονισμένη προσπάθεια με την τεχνική ομάδα που μας βοήθησε όχι μόνο στον προγραμματισμό του πρωτότυπου, αλλά και στον έλεγχο των χρηστών και την ερμηνεία των αποτελεσμάτων.

Ο Framer διαδραμάτισε πολύ σημαντικό ρόλο στη δημιουργία αξιόπιστων δοκιμών ευχρηστίας

Δεν είχαμε καταβάλει τόση προσπάθεια σε ένα πρωτότυπο όπως αυτό, γιατί μας αρέσουν τα νέα εργαλεία (τα οποία κάνουμε), αλλά εξαιτίας των προτύπων "dumber" είναι χρήσιμα σε πολλά πλαίσια, αλλά μάθαμε ότι κάνοντας προσομοιώσεις εξοικονόμησης με στατικά δεδομένα νιώθουν παράξενα και αποκρύπτουν τα αποτελέσματα των δοκιμών. Τα άτομα με χαμηλότερα εισοδήματα ενδέχεται να παγώσουν όταν εξετάζουν μηνιαίες καταθέσεις R $ 1.000 και τα άτομα με υψηλότερους μισθούς θα βρουν αυτούς τους αριθμούς υποτιμητικούς και ανόητους.

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

Βάζοντας τα πρωτότυπά μας στη δοκιμασία. Μπορείτε να διαβάσετε περισσότερα σχετικά με τον τρόπο εκτέλεσης των δοκιμών ευχρηστίας σε αυτή τη θέση.

Αλλά πρέπει οι σχεδιαστές ...

…κώδικας? Εξαρτάται. Στο Nubank κάποιοι από εμάς, μερικοί δεν το κάνουν. Στο έργο αυτό, ήταν λογικό οι σχεδιαστές να δώσουν ένα χέρι βοήθειας στην ομάδα ανάπτυξης. Ήμασταν πρόθυμοι να βουτήξουμε σε αυτή τη μαύρη μαγεία οι ίδιοι και είχαμε μια ομάδα προγραμματιστών πρόθυμη να μας στηρίξει. Βοηθά επίσης να αναπτύσσεται το NuConta στο React Native, το οποίο είναι μια λιγότερο απειλητική προσπάθεια για όσους από εμάς με εμπειρία frontend από λένε ένα εγγενές πρόγραμμα ανάπτυξης.

Ο Erick Mazer Yamashita είναι στην ευχάριστη θέση να έχει κωδικοποιήσει μια οθόνη που ανταποκρίνεται στις ανάγκες σας και λειτουργεί σε οποιαδήποτε συσκευήNubank μηχανικούς: πάντα εκεί για να βοηθήσει ❤

Αποτέλεσμα

Ο ορισμός του στόχου της NuConta, στο Μέρος Ι, πήρε πολλή δουλειά και είμαστε ευτυχείς που βλέπουμε ότι το αρχικό μας προϊόν ανταποκρίνεται σε αυτούς τους στόχους.

  • Βρίσκεται έξω από οποιαδήποτε κατηγορία λογαριασμού που γνώριζαν οι πελάτες, συγχωνεύοντας τα καλύτερα από τα τρέχοντα, εξοικονόμηση και επενδυτικά προϊόντα.
  • Πρόκειται για προϊόν που μπορεί να αποκτήσει κάποιος ηλικίας 18 ετών και άνω στη Βραζιλία με λίγες βρύσες, χωρίς ανάλυση πίστωσης ή άλλη γραφειοκρατία.
  • Είναι 100% απαλλαγμένη από φρασεολογία και ακρωνύμια.
  • Επενδύει αυτόματα όλα τα χρήματα του χρήστη σε περιουσιακά στοιχεία χαμηλού κινδύνου με καθημερινή ρευστότητα, χωρίς να απαιτεί πολύπλοκη επιβίβαση ή να μάθει πώς λειτουργεί αυτό το είδος επένδυσης.
  • Είναι 100% διαφανές για τα χρήματά σας και σας λέει σε πραγματικό χρόνο πόση αξία παίρνετε χρησιμοποιώντας το προϊόν.
  • Το UI εμφανίζει προοδευτικά πληροφορίες με τρόπο που είναι εκεί όταν το χρειάζεστε, αλλά μόνο όταν και αν το χρειάζεστε. Έχει πρόσβαση σε λιγότερο καταλαβαίνω χρήστες και είναι διαφανής σε άτομα που χρειάζονται περισσότερες πληροφορίες.

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

Ευχαριστώ για την ανάγνωση, ακολουθήστε τις τελευταίες ιστορίες σχεδίου μας!

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