26 βήματα για τέλειο σχεδιασμό προϊόντων
Τα τελευταία τέσσερα χρόνια σχεδιάζω πίνακες εργαλείων και εφαρμογές και έχω μάθει πώς να ασχοληθώ με διαφορετικά τμήματα και να αξιοποιήσω τις γνώσεις τους για να βελτιώσω την απόδοση του προϊόντος.
Σήμερα, θα μοιραστώ όλα τα βήματα που έχω χτίσει στην καθημερινή μου ρουτίνα, που πιστεύω ότι με έκανε καλύτερος σχεδιαστής.
Προεργασία
1. Πάρτε όσο το δυνατόν περισσότερες πληροφορίες (ζητήστε τρία παραδείγματα)
Για μένα, τίποτα δεν παρέχει μεγαλύτερη σαφήνεια από το να δούμε ένα πραγματικό παράδειγμα εργασίας. Όταν εργάζομαι με έναν νέο πελάτη ή με μια ολοκαίνουργια σελίδα προορισμού για ένα προϊόν, θεωρώ ότι το πιο εύκολο σημείο εκκίνησης είναι να ζητήσετε από τον πελάτη να παρέχει τρεις ή τέσσερις εμπνευσμένες σελίδες, διότι αυτό βοηθά πραγματικά τα δύο μέρη. Η απόκτηση του πελάτη σας για να βάλει τις ιδέες στο τραπέζι σας δίνει την ευκαιρία να καταλάβετε εύκολα τι τους αρέσει και τι περιμένουν από τον τελικό σχεδιασμό.
Αν εργάζεστε με πολλές ομάδες, θα πρέπει να προσπαθήσετε να αφιερώσετε τόσο χρόνο με τους προγραμματιστές σε ένα προϊόν όσο και με τους συναδέλφους σχεδιαστές. Αυτό που έχω μάθει είναι ότι το κλειδί για την λήψη αποτελεσματικής απόφασης σχεδιασμού είναι να εξασφαλίσετε ότι μιλάτε με την ομάδα dev όσο μπορείτε. Στην περίπτωσή μου, υπήρξαν περιπτώσεις όπου βρέθηκε μια λύση σε ένα πρόβλημα, ότι δεν μπορούσα να βγάλω μόνος μου.
Ο στόχος είναι να εξαλείψετε όσο το δυνατόν περισσότερα ερωτήματα πριν προχωρήσετε στην ανάπτυξη.
2. Μάθετε για τα πρόσωπα
Καταρχάς, πρέπει να πω ότι είμαι σκεπτικός για τους ανθρώπους, αλλά τώρα όλα έχουν νόημα για μένα.
Έτσι, σε πλήρη αντίθεση με την παλαιότερη διαδικασία μου, μπορώ να δω πώς τα personas είναι εξαιρετικά σημαντικά ενώ εργάζεστε σε χαρακτηριστικά προϊόντος, ειδικά όταν η λύση έχει πολλές διαφορετικές περιπτώσεις. Σας βοηθά να καταλάβετε για ποιους σχεδιάζετε πραγματικά. Σκοπεύω να έχω περίπου τέσσερα έως πέντε άτομα.
3. Καθορίστε τους ακριβείς στόχους - τι ακριβώς πρέπει να ακολουθήσουμε;
Πιστεύω ότι οι περισσότεροι σχεδιαστές / πελάτες αγνοούν αυτό το βήμα, αλλά μια από τις πιο σημαντικές πτυχές του σχεδιασμού και για τα δύο μέρη είναι να κατανοήσουν τους στόχους του προϊόντος που σχεδιάζετε. Έχουμε την τάση να πετάμε ευθεία σε εικονοστοιχεία και γρήγορα να σαρώνουμε το UI του έργου. Εάν πρόκειται για έναν ολοκαίνουργιο ιστότοπο ή για ένα νέο χαρακτηριστικό, βεβαιωθείτε ότι έχετε θέσει σαφείς στόχους για το τι θέλετε να επιτύχετε πρώτα.
Δεδομένου ότι τα πάντα είναι trackable, μιλήστε για τα ακριβή σημεία που πρόκειται να παρακολουθήσετε. Για παράδειγμα, αυτά θα μπορούσαν να κυμανθούν από νέες εγγραφές, σε πολλούς πελάτες που χρησιμοποιούν Paypal έναντι αγορών με πιστωτικές κάρτες. Πάντα σιγουρευτείτε ότι γνωρίζετε πόσο ψηλά σκεπτόμαστε στην αρχή!
(Θα χρειαστείτε έτσι ούτως ή άλλως για τη δημιουργία διοχετεύσεων στο Mixpanel αργότερα σε αυτή τη διαδικασία.)
4. Ορίστε ένα φάκελο έργου και ξεκινήστε να δημιουργείτε ένα moodboard
Υπάρχουν πολλές τοποθεσίες για έμπνευση - Αποσπάστε , Behance , Pttrns κ.λπ. Είναι πολύ εύκολο να βρείτε παρόμοια έργα με εκείνα στα οποία εργάζεστε. Επιπλέον, μπορεί να υπάρχει ήδη μια λύση σε ένα πρόβλημα που αντιμετωπίζετε και προσπαθείτε να λύσετε.
Όταν ξεκινώ να δουλεύω σε ένα νέο έργο, πάντα ρυθμίζω ένα φάκελο με ονόματα φακέλων - Files Source , Screens & Export , Inspiration & Resources . Αποθηκεύω όλα όσα βρίσκω στο διαδίκτυο στο φάκελο Inspiration για να μπορέσω να τα χρησιμοποιήσω αργότερα για να δημιουργήσω βασικές κάρτες moodboards. Αυτός ο φάκελος θα μπορούσε να γεμίσει με οτιδήποτε από plugins, δείγματα ή ακόμα και από περιπτωσιολογικές μελέτες από την Behance.
Πάμε χαμηλή πιστότητα
5. Whiteboard
Αν θέλουμε να προσθέσουμε ένα νέο χαρακτηριστικό ή να επανασχεδιάσουμε μια διαδικασία, κάθεστε και όλοι στη συνάντηση αρχίζουν να σχεδιάζουν ιδέες σε ένα whiteboard, χαρτί ή ακόμα και ένα iPad. Αυτή η ενέργεια μας επιτρέπει να τοποθετούμε όλους στη ομάδα στη θέση του σχεδιαστή. Αργότερα καταλήγουμε με δύο επιλογές σχεδίασης για να δούμε ποια λειτουργεί καλύτερα.
Προσπαθούμε πάντα να περάσουμε από όλη την εμπειρία και να συζητήσουμε τα περισσότερα από τα περιθώρια κατά τη διάρκεια αυτού του μέρους της διαδικασίας. Είναι πολύ σημαντικό να τους αντιμετωπίσουμε τώρα σε αντίθεση με τη φάση σχεδιασμού, ή ακόμα χειρότερα, κατά τη διάρκεια του αναπτυξιακού μέρους. Τότε μπορεί να χάσετε πολύ χρόνο και ενέργεια.
6. Χαρτογραφήστε όλες τις οθόνες σας (ποια δεδομένα χρειάζεται να εισάγει ο χρήστης)
Αυτή είναι η στιγμή να ξεπεράσουμε τον πίνακα και να παρουσιάσουμε όλες τις εισόδους και τις ιστορίες του χρήστη. Καταγράψτε τι ακριβώς πρέπει να εισάγει ένας χρήστης σε μια συγκεκριμένη οθόνη και πώς ένας χρήστης μπορεί να επιτύχει τους επιθυμητούς στόχους του.
7. Καταγράψτε όλες τις πιθανές καταστάσεις
Επειδή όλες οι φόρμες του πίνακα ελέγχου, των εφαρμογών ή των ιστότοπων έχουν διαφορετικές καταστάσεις, αυτό είναι ένα άλλο σημαντικό βήμα που δεν πρέπει να ξεχάσετε.
Ενώ σχεδιάζουμε, πρέπει να είμαστε σίγουροι ότι θα τα αντιμετωπίσουμε όλα αυτά. Είναι ωραίο να έχουμε λαμπερά γραφήματα και δροσερές εικόνες προφίλ στα αρχεία Sketch ή στα PSD μας. Ωστόσο, οι χρήστες πιθανότατα θα δουν την αντίθετη πλευρά της εφαρμογής σας. Ειδικά όταν έρχονται στο προϊόν σας. Είναι απαραίτητο να προετοιμαστείς. Ακολουθεί ένα παράδειγμα του πώς αντιμετωπίζουμε τα κενά κράτη σε ένα από τα στοιχεία των δεδομένων μας.
8. Προετοιμάστε το πρώτο διάγραμμα
Όλα αυτά οδηγούν στο τελευταίο μέρος της χαμηλής πιστότητας. Χάρη στο αποτέλεσμα του έργου whiteboard γνωρίζουμε τώρα όλες τις πιθανές καταστάσεις, τις εισροές και τους στόχους του χρήστη. Για να συνοψίσω όλες τις αλληλεπιδράσεις δημιουργώ ένα διάγραμμα και για να είμαι ειλικρινής Έχω αλλάξει το στυλ της τοποθέτησης αυτό πολλές φορές: Πηγαίνοντας από τα αρχεία Sketch με rasterized διατάξεις σε απλά ορθογώνια που συμβολίζουν κάθε σελίδα με τα ονόματά τους παρακάτω. Τούτου λεχθέντος, η διαδικασία ήταν πάντα οδυνηρή, συνήθως καταλήγω σε μια κατάσταση όπου θέλουμε να αλλάξουμε ή να προσθέσουμε κάτι αργότερα στη διαδικασία. Με αυτές τις λύσεις συνήθως αναγκάζομαι να κάνω πολλά ακόμη βήματα. όπως η αλλαγή των θέσεων γραμμών, βέλη και εικόνων.
Πρόσφατα έχω χρησιμοποιήσει Camunda Modeler , το οποίο δεν είναι ακριβώς ένα εργαλείο σχεδιασμού. είναι μια απλή εφαρμογή για τη δημιουργία τεχνικών διαγραμμάτων. Αυτό που ακούγεται περίεργο, αλλά αυτή η εφαρμογή αναπτύσσεται για να σας βοηθήσει να χτίσετε βασικά διαγράμματα. Το πιο σημαντικό είναι ότι όλα που δημιουργούνται είναι πλήρως κλιμακούμενα. Μπορείτε εύκολα να σύρετε και να αποθέσετε οποιοδήποτε σημείο και θα δημιουργήσει αυτόματα γραμμές και βέλη για εσάς. Μπορείτε επίσης να επιλέξετε από διαφορετικούς τύπους σημείων που μπορούν να σας βοηθήσουν να επισημάνετε πότε, για παράδειγμα, ένας χρήστης λαμβάνει ένα μήνυμα ηλεκτρονικού ταχυδρομείου από την Intercom. Η Camunda εξάγει στο SVG το οποίο καθιστά εύκολο το χρωματισμό των trackable σημείων στο Sketch.
Εργασία / Σχεδιασμός
9. Moodboard
Είμαι σε θέση να ξεκινήσω με τη δημιουργία του board διάθεσης, καθώς συλλέγω όλες τις εικόνες στο φάκελο Inspiration μου. Χρησιμοποιώ πίνακες διάθεσης κυρίως για να συζητήσω τις σκέψεις μου με τους συναδέλφους και να περιγράψω μερικές από τις οπτικές ιδέες, προτού αρχίσω με τη διαδικασία pixel.
10. Πρώτο σχέδιο
Ο σχεδιασμός είναι πάντα μια συνεχής διαδικασία. Πρόκειται να επαναλάβετε πολλά στο δρόμο σας προς ένα μεγάλο αποτέλεσμα. Με το πρώτο σχέδιο είναι επίσης ένας τρόπος συλλογής ανατροφοδοτήσεων. Δεν χρειάζεται να έρχεστε σε pixel τέλειο σχεδιασμό για να αρχίσετε να λαμβάνετε ανατροφοδότηση από τους συμπαίκτες σας, τους πελάτες ή τους πιθανούς χρήστες. Για να πάρουν τις πρώτες σκέψεις τους και να ξεκινήσουν μια συζήτηση, συνήθως αναμειγνύω οθόνες από τα σημερινά μας σχέδια. Αυτό μας επιτρέπει να ξεκινήσουμε να παίζουμε με σχέδια που φαίνονται πραγματικά σε λιγότερο από μία ημέρα. Μπορείτε να κάνετε ένα πρώτο απλό πρωτότυπο για να ελέγξετε αν τα πράγματα συνδέονται καλά μαζί.
11. Γράψτε το αντίγραφό σας
Το αντίγραφο είναι μία από τις βασικές πτυχές των αποφάσεων των χρηστών και το θεωρώ κρίσιμο μέρος του σχεδιασμού. Δεν υπάρχει τίποτα χειρότερο από ένα ωραίο σχέδιο με μπερδεμένους διαλόγους όπου οι χρήστες προσπαθούν να βρουν το επόμενο βήμα.
12. Πρώτη εσωτερική εξέταση
Με το πρώτο σας σχέδιο μπορείτε γρήγορα να δημιουργήσετε ένα πρωτότυπο Θαύμα ή Invision . Αυτό είναι κάτι που άρχισα να κάνω πρόσφατα και αποδεικνύεται ότι είναι μια άλλη εκπληκτική πτυχή επικύρωσης. Με ένα πρωτότυπο μπορείτε τώρα να δημιουργήσετε μια κλήση με 3 ή 4 άτομα από την ομάδα σας και να μοιραστείτε τον πρωτότυπο σύνδεσμο μαζί τους και να προσπαθήσετε να ρωτήσετε μερικές ερωτήσεις ενώ δοκιμάζετε για συγκεκριμένες ροές / σενάρια.
Με αυτό τον τρόπο μπορείτε να δοκιμάσετε εύκολα τις δεξιότητές σας και προφανώς να δοκιμάσετε τις αποφάσεις σχεδιασμού σας σε πραγματικούς χρήστες χωρίς να ανησυχείτε για τους σπατάλη πόρων και χρόνου. Τείνω να επιλέγω ανθρώπους που δεν εμπλέκονται πολύ στην ανάπτυξη ταμπλό. Προσπαθήστε επίσης να αποφύγετε να παρακολουθείτε κάποιον που έχει ήδη την ευκαιρία να παίξει με το πρωτότυπο πριν.
13. Εθιμοτυπία
Όλοι γνωρίζουμε πόσο δύσκολο είναι να παραμείνουμε τακτοποιημένοι. Πώς να παραδώσετε ένα άλλο χαρακτηριστικό. Αυτό συνήθως οδηγεί σε ένα ακατάστατο αρχείο Sketch ή PSD. Έχω μάθει πολλά για τις διαφορές ανάμεσα στο να δουλεύω ως μοναδικός σχεδιαστής κατά την εκκίνηση, να εργάζομαι σε ομάδες ή να δουλεύω με τα δικά μου ψηφιακά προϊόντα.
Όταν εργάζεστε σε μια ομάδα, σκεφτείτε τα PSD σας, όπως τα δημιουργείτε για κάποιον άλλο. Χρησιμοποιώ τον κανόνα ότι αν έχετε περισσότερα από 8 επίπεδα σε ένα φάκελο, τότε θα πρέπει να δημιουργήσετε ένα νέο.
Βρήκα ένα μεγάλο plugin για το Sketch, το οποίο με έσωσε ώρες ενώ δούλευα στα κιτ UI μου: Μετονομάστε το .
Συμβουλή: Τοποθετήστε τα πάντα στον καμβά. Πάντα έχω αγωνιστεί με το σχεδιασμό ωραίων κεφαλίδων ενώ ο υπόλοιπος καμβάς ήταν λευκός. Κατά το σχεδιασμό έμαθα να βάλω πρώτα όλα τα περιεχόμενα - απλώς παίζουν με τη διάταξη και την τυπογραφία. Είναι πολύ πιο εύκολο να σχεδιάσετε ωραίες λεπτομέρειες και να παίξετε με όλη την έννοια με το περιεχόμενο στη θέση του.
14. Δημιουργήστε στοιχεία UI και αρχίστε να παίζετε με το Lego
Είμαι μάλλον αργά για το πάρτι και αυτό θα ακούγεται ήδη ξεπερασμένο ενώ το γράφω. Ο λόγος για τον οποίο δεν έχουμε πραγματοποιήσει κανένα φωτοπλαίσιο στο ταξίδι εδώ είναι απλό. Το Sketch 39 έρχεται με κάτι που έχω βρει απίστευτο και αυτό είναι "σχήματα με ιδιότητες αλλαγής μεγέθους". Αυτό είναι κάτι που κάνει το σχεδιασμό εύκολο για όλους στην ομάδα. Το αρχείο σκίτσων μας είναι καθαρό drag-and-drop τώρα. Μπορείτε εύκολα να δώσετε σε οποιονδήποτε από τους συμπαίκτες σας ένα κενό καμβά και μπορούν να δημιουργήσουν σχέδια σχεδόν υψηλής πιστότητας. Χάρη σε αυτό είμαστε σε θέση να παραλείψουμε όλα τα εργαλεία wireframing και να αρχίσουμε με σχεδόν πραγματική εμφάνιση pixels.
Αυτό επίσης συμβαδίζει με το γεγονός ότι είμαστε σε θέση να μετατρέψουμε τα wireframes σε πραγματικά σχέδια. Οποιοσδήποτε PM μπορεί να δημιουργήσει ένα wireframe και μετά μπορώ εύκολα να το αναλάβω και να μεταμορφώσω σε hi-fidelity.
Στοιχεία ενεργητικού και παράδοση
Όταν τελειώσετε με το σχεδιασμό και το iterating με βάση τα πρώτα σχόλια δεν έχετε κάνει ακόμη. Τώρα έρχεται η ώρα να παραδώσετε τα σχέδιά σας στους μηχανικούς / devs σας.
15. Προδιαγραφές
Ένας από τους κύριους στόχους μου είναι πάντα να μπορώ να επικοινωνήσω τις αποφάσεις μου με την ομάδα και να είμαι σε θέση να μειώσω τη δυσκολία των προγραμματιστών όσο μπορώ για να τους προσφέρω τους καλύτερους δυνατούς πόρους. Αυτό για μένα είναι σίγουρα το πιο σημαντικό μέρος της δουλειάς μου ως σχεδιαστής.
Δεδομένου ότι τεκμηριώσαμε όλη την αλληλεπίδραση και έχουμε τα πάντα έτοιμα από την αρχή της διαδικασίας μας, η δημιουργία specs είναι ένα κομμάτι κέικ. Έχω την τάση να γράφω προδιαγραφές στα Έγγραφα Google ή κάτω από τις οθόνες στα αρχεία Sketch. Είναι ωραίο να χειρίζεστε τα σχέδιά σας με εξηγήσεις όλων των χαρακτηριστικών, ώστε ο καθένας να μπορεί να αρπάξει το αρχείο σας στο μέλλον.
16. Διάγραμμα
Αυτή η τεχνική είναι ωραία για την εκτύπωση σχεδίων και τη συζήτησή τους με την ομάδα. Αλλά σήμερα πιστεύω ότι υπάρχουν καλύτερες επιλογές. Όπως έτοιμο το τελικό πρωτότυπο.
17. Τελικό πρωτότυπο
Ένα από τα βασικά πράγματα για μένα είναι να είμαι πάντα έτοιμος για κάθε αλληλεπίδραση στο πρωτότυπο. Συνήθως καταλήγω να έχουμε 3-5 πρωτότυπα στο δρόμο για τον τελικό για εκείνη την μικρή συνάντηση με τους συμπαίκτες ή για να δείξω κάποιες συγκεκριμένες ροές. Έχω την τάση να προετοιμάζω όλα τα κράτη στο Sketch σε ένα artboard και στη συνέχεια να αντιγράψω τους πίνακες τέχνης ώστε να έχει κάθε κράτος έτοιμο κατά την εξαγωγή.
Είναι υπέροχο να προσθέσετε σχόλια σε τμήματα των σχεδίων σας για να επεκτείνετε τις προδιαγραφές σας πολύ περισσότερο ώστε ακόμη και ένας copywriter να μπορεί εύκολα να μεταβεί και να ελέγχει σε πραγματικά pixel και ροές αν κάθε αντίγραφο και διάλογος λειτουργεί όπως απαιτείται.
18. Γρήγορο βίντεο> Σημειώσεις
Όταν δεν παρουσιάζω υλικό στο Hangout στην ομάδα ή σε έναν πελάτη στέλνω ένα βίντεο οθόνης από μένα που περνά μέσα από το πρωτότυπο και εξηγώ όλα όσα σχεδιάσαμε. Είναι ωραία επιβεβαίωση για μένα πριν από οποιαδήποτε παρουσίαση που γνωρίζω την απάντηση σε οποιαδήποτε ερώτηση και πιθανές φανταστικές αλληλεπιδράσεις που αποφάσισα να σχεδιάσω. Θα μπορούσε επίσης να χρησιμοποιηθεί ωραία όταν εργάζεστε σε απομακρυσμένες ομάδες. Ο καθένας έχει πρόσβαση για να αναπαράγει όλη την αλληλεπίδραση σκέψης ανά πάσα στιγμή.
19. Κινήστε
Ως ωραία τελική αφή μπορείτε να χρησιμοποιήσετε Συνέπειες ή Αρχή . Είναι καλό να εξηγήσετε πώς θέλετε να μετακινηθεί αυτό ή αυτό.
20. Οδηγός στυλ
Ένα άλλο κρίσιμο σημείο για τους μηχανικούς είναι να γνωρίζουν πώς θα αντιδρούν τα πράγματα σε διάφορα σενάρια. Σκεφτείτε τις καταστάσεις σφάλματος εισόδου ή πού να εμφανίζονται μηνύματα σφάλματος. Ομοίως, πώς θα εμφανιστεί η κατάσταση αναπηρίας ενός κουμπιού υποβολής, πού να τοποθετήσετε έναν κλώστη κ.λπ.
Είναι εξαιρετικά εύκολο για τους μηχανικούς να πάνε μόνο μέσα από τα συμβόλαια συμβουλών σας και τα στοιχεία στυλ ένα-ένα πριν ξεκινήσουν ακόμη και την κωδικοποίηση όλων των οθονών χάρη στο να έχετε ένα αρχείο σκίτσου ως μπλοκ Lego.
Τελική δοκιμή
Εφόσον τελειώσουμε με την παράδοση των σχεδίων μας σε μηχανικούς, είμαστε σε θέση να επικεντρωθούμε στο τελευταίο μέρος της διαδικασίας - ελέγχοντας τις αποφάσεις μας!
21. Επιθεώρηση / HotJar
Αφού τα σχέδια μετατραπούν σε κώδικα εργασίας μην ξεχάσετε να συμπεριλάβετε το δικό σας Έλεγχος ή HotJar Αποσπάσματα JS. Είμαι πάντα ενθουσιασμένος (ή απογοητευμένος) για να δω πώς οι χρήστες περιηγούνται στον πίνακα ελέγχου μας ή τι κάνουν στη σελίδα του χαρτοφυλακίου μου. Το Inspectlet είναι καταπληκτικό για τη λήψη όλων των χρηστών. Λειτουργεί επίσης για μεγάλα έργα.
Έρχεται με εύκολο φιλτράρισμα "/ σελίδας" το οποίο σας βοηθά να παρακολουθείτε περιόδους λειτουργίας ενός συγκεκριμένου χαρακτηριστικού ή ροής.
22. Mixpanel
Mixpanel λειτουργεί πολύ καλά για την επικύρωση των στόχων μας (εκείνους που ρυθμίζουμε στην αρχή της διαδικασίας μας). Το Mixpanel βοηθά να δείτε πόσοι χρήστες ολοκληρώνουν συγκεκριμένες ροές. Πόσοι χρήστες αποχώρησαν πριν από τη δημιουργία του λογαριασμού. Πόσοι άνθρωποι πήγαν από την κύρια σελίδα προορισμού για να αποθηκεύσουν και το πιο πολύτιμο προϊόν μας.
23. Google Analytics
Δεν είμαι σε θέση να κωδικοποιήσω μεγάλα πράγματα, αλλά τουλάχιστον είμαι σε θέση να δουλεύω με αρχεία CSS και με απλό κώδικα. Τον τελευταίο καιρό με ενδιέφερε να δούμε από πού κάνουν κλικ οι χρήστες και κοιτάζοντας τους χάρτες θερμότητας Hotjar, γι 'αυτό αποφάσισα να ορίσω τον βασικό εντοπιστή κλικ στο Google Analytics. Μπορείτε εύκολα να παρακολουθείτε όλα τα κλικ του χρήστη στον ιστότοπό σας.
Αυτό με βοηθά να καταγράψω εύκολα τη συμπεριφορά του χρήστη. Για παράδειγμα, ανακάλυψα ότι οι χρήστες χρησιμοποίησαν κορυφαία πλοήγηση στον ιστότοπό μου 5 φορές περισσότερο από τον επισημασμένο σύνδεσμο στο εισαγωγικό κείμενο. Δυστυχώς δεν μετράει τα κλικ από χρήστες με AdBlock.
24. Η ενδοεπικοινωνία
Όταν συμφωνήσαμε για τις αρχικές μας ροές, μιλούσαμε για μέρος των ροών όπου ο χρήστης λαμβάνει ένα μήνυμα ηλεκτρονικού ταχυδρομείου από Intercom . Η δική μας ευθύνη εδώ είναι να διασφαλίσουμε ότι όλα τα αντίγραφα και το ίδιο το μήνυμα έχουν νόημα και είναι πραγματικά χρήσιμα για τον επισκέπτη. Βεβαιωθείτε ότι τα μηνύματα ηλεκτρονικού ταχυδρομείου σας οδηγούν το χρήστη σας στο έντονο αποτέλεσμα και προσπαθείτε πάντα να παρέχετε συγκεκριμένα άρθρα υποστήριξης και πληροφορίες σχετικά με τον τρόπο συνέχισης της ροής.
Οι τελευταίες λέξεις
25. Αφήστε το Dribbble πίσω
Από ό, τι έμαθα και πώς ο σχεδιασμός μου έχει αλλάξει τα τελευταία 4 χρόνια, έχω φτάσει στο σημείο όπου το Dribbble δεν είναι απαραιτήτως ο τόπος στον οποίο θέλετε να δημιουργήσετε τα σχέδιά σας. Έχω πάντα ως στόχο να έχουν ωραία pixels με σέξι εικόνες προφίλ, αλλά αυτό δεν χρειάζονται και θα χρησιμοποιήσουν οι πραγματικοί χρήστες.
Ακολουθεί ένα παράδειγμα, στα αριστερά θα δείτε κάτι που σχεδίασα για το Dribbble. Δεξιά, θα δείτε κάτι που σχεδίασα μια φορά που περνούσα αρκετό χρόνο παρακολουθώντας τους ανθρώπους να επεξεργάζονται τα προφίλ τους και συνειδητοποίησα ότι το όραμά μου δεν ήταν αυτό που έπρεπε.
Μπορεί να λάβετε 500 ευχές για φωτεινό τρελό animation μιας πατάτας ή συρόμενη πίτσα, αλλά αυτό που είναι πραγματικά σημαντικό είναι ότι οι χρήστες σας θα βρουν πώς να διαχειρίζονται τη συχνότητα των εταιρικών μηνυμάτων ηλεκτρονικού ταχυδρομείου ή πώς να φιλτράρουν τα αναλυτικά στοιχεία απόδοσης.
[- Αυτή η ανάρτηση δημοσιεύτηκε αρχικά στο μέσο , αναδημοσιεύθηκε με την άδεια του συγγραφέα. -]