Τι είναι η ψηφιακή σχεδίαση και γιατί έχει σημασία; Επεξήγηση εργασιών UX + UI + Web Designer

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

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

Θέλω να μεταφέρω αυτά που έχω μάθει.

Ελπίζω ότι οι εμπειρίες μου μπορούν να σας βοηθήσουν να κατανοήσετε καλύτερα πώς λειτουργεί ο ψηφιακός σχεδιασμός και ο ρόλος του σχεδιαστή στη σύλληψη προϊόντων.

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

Τι είναι η ψηφιακή σχεδίαση και γιατί έχει σημασία;

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

Δεν χρειάζεται να είναι.

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

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

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

Για να εφαρμόσετε ψηφιακά σχέδια θα πρέπει να προσδιορίσετε ευκαιρίες και να γνωρίζετε τις επιθυμίες των καταναλωτών σας.

Ψηφιακός σχεδιασμός και ο πραγματικός κόσμος

Ο ψηφιακός σχεδιασμός εστιάζει στους χρήστες.

Η εμμονή των πελατών ξεκινά με τον χρήστη και λειτουργεί προς τα πίσω.

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

Τι πρόβλημα λύνεις;

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

Ο ψηφιακός σχεδιασμός που έχει γίνει καλά μπορεί να έχει σημαντικό αντίκτυπο στους χρήστες.

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

Ένας φίλος μου εργάστηκε για να βοηθήσει στη δημιουργία της εμπειρίας ανάγνωσης του iPad. Μια ιστορία που μοιράστηκε μαζί μου είναι πώς οι ψηφιακοί σχεδιαστές το κατέστησαν εύκολο να «γυρίσουν τις σελίδες» των ψηφιακών βιβλίων.

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

Την επόμενη φορά που θα σύρετε μια σελίδα στο iPad σας, σκεφτείτε γιατί η εμπειρία είναι εντελώς φυσική και απλή. Ο ψηφιακός σχεδιασμός, που γίνεται καλά, είναι μαγικός.

Καινοτομία και απλοποίηση

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

Όταν σχεδιάζετε ιστότοπους, για παράδειγμα, είναι σημαντικό να κάνετε μερικά πράγματα πραγματικά, πολύ καλά. Το έμαθα αυτό κατά τη δημιουργία και τη βελτιστοποίηση της πρόσφατης δημιουργίας μου, Work From Home Adviser, που βοηθά τους απομακρυσμένους εργαζόμενους να εργάζονται από το σπίτι.

Είχα έναν μέντορα που συμβούλεψε:

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

Σημειώστε ότι αυτή η συμβουλή είναι συγκεκριμένη (δηλ. Σχεδιασμός για ταχύτητα) αλλά επίσης ευρεία (βελτιώστε τις εμπειρίες του χρήστη σας με τον καλύτερο τρόπο που μπορείτε).

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

Ο πειραματισμός είναι το κλειδί

Τρίτον, πείραμα.

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

Το λογισμικό είναι ρυθμιζόμενο.

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

Εδώ είναι ένα πνευματικό πείραμα που μου αρέσει να παίζω με τους φίλους μου.

Σκεφτείτε την τελευταία φορά που αγοράσατε ένα εισιτήριο αεροπορικής εταιρείας στο διαδίκτυο. Πόσα βήματα έκανε για να πλοηγηθείτε από τη σελίδα προορισμού στην επιβεβαίωση της σελίδας πληρωμής;

Γιατί πιστεύετε ότι οι αεροπορικές εταιρείες κάνουν τους χρήστες να περάσουν από αυτήν τη ροή αναχώρησης; Πώς θα βελτιώσετε και θα απλοποιήσετε τη διαδικασία;

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

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

Εάν είστε νέοι στον τομέα της ψηφιακής σχεδίασης, αυτό θα σας ενθουσιάσει.

Παραδείγματα ψηφιακού σχεδιασμού Έγινε καλά και πώς βοηθά τους χρήστες

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

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

Παράδειγμα # 1

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

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

Επίσης, παρατηρήστε πώς τα γραμμάρια - μια κοινή μονάδα μέτρησης - αντικαθίστανται με χιλιοστόγραμμα. Αυτό κάνει τον χρήστη να αισθάνεται ότι υπάρχει περισσότερη ζάχαρη (29.000 mg ζάχαρης μοιάζει πολύ).

Παράδειγμα # 2

Το Woven είναι μια διασκεδαστική εφαρμογή ημερολογίου που διευκολύνει την ομαδική ψηφοφορία. Έχω χρησιμοποιήσει μια ποικιλία εργαλείων λογισμικού για να συντονίσω ομάδες και είναι πάντα λίγο ακατάστατο.

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

Μου αρέσουν τα προϊόντα που συνδυάζουν συναρπαστικό σχεδιασμό, UX, UI και είναι απίστευτα εύκολο στην πλοήγηση.

Παράδειγμα # 3

Για όσους θέλουν ένα παράδειγμα από τον κόσμο του ψηφιακού και φυσικού σχεδιασμού, ένα ιδιαίτερο αγαπημένο μου είναι τα LFA Machines.

Το σετ προϊόντων τους είναι περίπλοκο: προσφέρουν τόσο ημι-αυτόματες όσο και πλήρως αυτόματες μηχανές πλήρωσης καψουλών. Για πολλούς ανθρώπους, αυτή η τεχνολογία είναι αφηρημένη καθώς δεν έχουν δει αυτές τις μηχανές αυτοπροσώπως.

Τι κάνει λοιπόν ο ιστότοπος; Προσφέρει ένα βίντεο που αναπαράγεται αυτόματα κατά την επίσκεψή σας, ώστε να μπορείτε να δείτε πώς λειτουργεί η συσκευή και ποια οφέλη παρέχει. Αυτός ο ψηφιακός σχεδιασμός συνδυάζει την απλότητα, τη σαφήνεια και την εμμονή των πελατών όλα σε ένα.

Παράδειγμα # 4

Εδώ είναι ένα τελευταίο παράδειγμα.

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

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

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