12 δωρεάν πράγματα που μπορείτε να κάνετε για να ξεκινήσετε την καριέρα σας στο UX Design

Εντάξει, πρώτα πρώτα. Για ποιον είναι αυτός ο οδηγός;

  • Σχεδιαστές ιστοσελίδων, εικαστικοί σχεδιαστές, σχεδιαστές γραφικών και φοιτητές που θέλουν να σπάσουν το σχεδιασμό της εμπειρίας των χρηστών (UXD).
  • Οι άνθρωποι που είναι ήδη εξοικειωμένοι με τις έξι αρχές σχεδιασμού (δεν θα πάω σε οπτικό σχεδιασμό εδώ).
  • Άτομα που γνωρίζουν ήδη εργαλεία σχεδίασης όπως το Photoshop ή το Sketch.

Τώρα μην ανησυχείτε - υπάρχουν κάποιες πρακτικές συμβουλές που το άρθρο αυτό δεν περιέχει:

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

Ορίστε.

Το Thing # 1: Μάθετε να κωδικοποιείτε

Απλά κάνε το. Θα είσαι μια χαρά. Μάθετε HTML / CSS και όσο περισσότερο JavaScript μπορείτε να χειριστείτε.

Τώρα πρίν παίρνετε όλα τα hyped up, ακούστε τι δεν λέω.

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

Γιατί; Αυτό θα σας δώσει μια βαθύτερη κατανόηση των κανόνων του web design. Αφού γνωρίσετε αυτούς τους κανόνες, θα μάθετε πώς να τα σπάσετε. Επιπλέον, θα μάθετε τι είναι δυνατό και τι δεν είναι. Αυτό θα σας δώσει άμεση πίστη με την ομάδα dev, και να σώσει εσάς και την εταιρεία σας ένα ολόκληρο φορτίο heartache.

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

Thing # 2: Εκτυπώστε έναν ολόκληρο ιστότοπο ή μια εφαρμογή

Εάν εργάζεστε σε μια εταιρεία, εκτυπώστε ολόκληρη την ιστοσελίδα / εφαρμογή. Ναι, το όλο θέμα. Κάποτε πήρα ένα ολόκληρο δωμάτιο για το σκοπό αυτό. Τότε κοιτάξτε το. Ψάξτε για ασυνέπεια σε αυτές τις εκτυπώσεις. Από αυτό, δημιουργήστε έναν οδηγό στυλ. Άμεση πίστωση ως UXer.

Αν είστε freelancer, ρίξτε έναν οδηγό στυλ δωρεάν για τον επόμενο πελάτη σας. Βεβαιωθείτε ότι βάζετε αυτό το κομμάτι χρυσού στο χαρτοφυλάκιό σας. Περισσότερα για τους οδηγούς στυλ εδώ. (Μην ανησυχείτε, δεν χρειάζεται να κάνετε ένα διαδραστικό. Αυτό θα ήταν ωραίο, αλλά μπορεί να είναι μόνο ένα PDF).

Thing # 3: Κάντε ένα χάρτη ροής χρήστη

Τώρα που ολόκληρη η ιστοσελίδα σας βρίσκεται σε έναν τοίχο. Είναι καιρός να το εξετάσουμε κριτικά και να δημιουργήσουμε ένα διάγραμμα ροής χρηστών.

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

Θα ανακαλύψετε ότι το προϊόν είναι η κορυφαία σελίδα μιας ιστοσελίδας ηλεκτρονικού εμπορίου. Οι περισσότερες ευκαιρίες για αύξηση της μετατροπής θα βρίσκονται εκεί.

Εάν δεν είστε ακόμα μέλος μιας εταιρείας, ανατρέξτε στο Thing # 4 παρακάτω.

Πράγμα # 4. Reverse Engineer μια ιστοσελίδα ή μια εφαρμογή

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

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

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

Thing # 5: Σκίτσο, Σκίτσο, Σκίτσο

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

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

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

Πράγμα # 6: Ξεκινήστε το πρωτότυπο

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

Ο σκοπός των πρωτοτύπων είναι να δείξουν στους ενδιαφερόμενους την αλληλεπίδραση που εσείς και οι προγραμματιστές σας μπορείτε να φανταστείτε, αλλά δεν μπορούν. Μην το σκεφτείτε περισσότερο από αυτό. Δεν είναι μαγικό.

Η Invision έχει μια μικρή καμπύλη εκμάθησης και παίζει όμορφα με το Sketch και το Photoshop. Τα πρώτα 3 έργα είναι δωρεάν! Είναι μακράν το απλούστερο από όλα τα εργαλεία πρωτοτυποποίησης που βασίζονται στο σύννεφο. Επιπλέον, η λειτουργία συνεργασίας είναι πολύ γλυκιά. Εδώ είναι ο σύνδεσμος.

Thing # 7: Μεταβείτε στο Google Analytics

Βάλτε το σενάριο στην κεφαλίδα του ιστοτόπου σας και, στη συνέχεια, ξεκινήστε την παρακολούθηση. Αναζήτηση ευκαιριών. Εάν η επιχείρησή σας διαθέτει το Google Analytics, ζητήστε άδεια πρόσβασης σε αυτό.

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

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

Τώρα, πηγαίνετε στις σελίδες που προσδιορίσατε και κάντε τα εξής:

  1. Εκτελέστε μια Heatmap
  2. Συγκέντρωση σχολίων χρηστών
  3. Διεξαγωγή δοκιμών χρηστών

Το μόνο που χρειάζεστε για αυτές τις τρεις τακτικές είναι ένα εργαλείο που ονομάζεται Hotjar

Το Hotjar είναι απίστευτο. Είναι πολύ φθηνό και εξαιρετικά χρήσιμο. Είναι πραγματικά δωρεάν για τις πρώτες 3 ιστοσελίδες σας. Έχει όλα, ναι, όλα τα εργαλεία UX που χρειάζεστε για να δημιουργήσετε τις έμπειρες εμπειρίες του χρήστη. Περιλαμβάνει, χάρτες θερμότητας, ανατροφοδότηση πελατών και δοκιμές χρηστών, οτιδήποτε άλλο είναι meh. Εδώ είναι ο σύνδεσμος.

Thing # 8: Εκτελέστε χάρτες θερμότητας

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

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

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

Εάν επιθυμείτε να σχεδιάσετε ένα ενδιαφέρον άρθρο, αυτό που θέλετε είναι ζεστά χρώματα σε όλη τη διαδρομή και κόκκινο στα CTAs. Αν αυτό δεν συμβαίνει: ΕΥΚΑΙΡΙΑ!

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

Πράγμα # 9: Χρησιμοποιήστε μια φόρμα σχολίων πελατών

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

Κατά την ανάλυση της ανατροφοδότησης των πελατών αναζητήστε μοτίβα. Εάν έχετε ένα Τμήμα Εξυπηρέτησης Πελατών, μιλήστε σε αυτούς και σημειώστε τα σχέδια σε αυτό που λένε. Εάν έχετε ένα συμβάν εταιρίας, αναζητήστε τους αντιπροσώπους και ακούστε τι έχουν να πουν, το πλεονέκτημα είναι το ανεπίσημο περιβάλλον. Με την ευκαιρία, το CS REPS LOVE VENTING, θα σας αγαπήσει!

Συλλέξτε όλα αυτά τα σχόλια και τώρα θα φτάσετε σε:

Thing # 10: Διεξαγωγή δοκιμών χρηστών

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

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

Με αυτά τα τρία σημεία δεδομένων

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

Πράγμα # 11: Μην φοβάστε τη δοκιμή A / B

Ο καλύτερος τρόπος για να αποδείξετε την αξία σας ως UXer είναι να δοκιμάσετε τα σχέδιά σας μέσω δοκιμών A / B.

Τώρα, δεν υπάρχουν πολλά δωρεάν εκεί έξω, αλλά ευτυχώς μπορείτε να το κάνετε αυτό με το Google Analytics, με τα πειράματα περιεχομένου τους. Έχει όμως μια απότομη καμπύλη μάθησης.

Τα αποτελέσματα δοκιμών Α / Β που φαίνονται στα πειράματα, οι αυξήσεις του ρυθμού μετατροπής είναι οι σημαντικότερες. Ευγενική προσφορά του getablogger.com

Εναλλακτικά, ο γρήγορος τρόπος είναι να κάνετε ένα σημάδι των στόχων σας στο Google Analytics (μετατροπή / μέση τιμή παραγγελίας / μέσος χρόνος που αφιερώνεται στη σελίδα) και στη συνέχεια να δημοσιεύσετε τις αλλαγές σας. Μετά από περίπου 4 εβδομάδες (ανάλογα με την κυκλοφορία σας), κάντε ένα νέο σημάδι και συγκρίνετε. Εάν κάνατε την εργασία σας, θα πρέπει να βλέπετε τα αποτελέσματα που θέλετε.

Αν βρίσκεστε σε μια επιχείρηση και έχετε τον προϋπολογισμό, προσπαθήστε να υποστηρίξετε έναν τρίτο προμηθευτή. Το συνιστώ Qubit. Επιπλέον, έχουν φοβερή εξυπηρέτηση πελατών.

Το Thing # 12: Μάθετε την τέχνη της επικοινωνίας

Θα πρέπει να μάθετε πώς να πείσετε τους ανθρώπους για τα σχέδιά σας. Δεν είμαι gonna ζάχαρη παλτό αυτό, είναι δύσκολο. Είναι - στην ουσία - πωλούν.

Εντάξει, πώς επιτυγχάνετε αυτό;

Ακούστε, Ακούστε, Ακούστε και, στη συνέχεια, ακούστε λίγο περισσότερο

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

Παράδειγμα σημειώσεων που ελήφθησαν κατά τη διάρκεια συνάντησης πελάτη

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

Θέλουν τους ανθρώπους να αγοράσουν περισσότερα; Προτείνετε να φτιάξετε το CTA μεγαλύτερο και σε ένα χρώμα προφοράς, Μπορείτε επίσης να μιλήσετε για τα αριστοκρατικά πράγματα που χρησιμοποιούν ένα ζεστό χρώμα σε ένα δροσερό φόντο για να το κάνει "ποπ" (Ναι, το είπα αυτό.)

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

Οι πελάτες δεν κατανοούν το προϊόν; Συστήστε το σχεδιασμό διαγραμμάτων για το τμήμα πληροφοριών ή την επισήμανση των συχνών ερωτήσεων.

Θέλουν περισσότερη επωνυμία; Βάζετε το λογότυπο παντού: σκεφτείτε στο εικονίδιο συνομιλίας, αποθηκεύστε τα εικονίδια χάρτη εντοπισμού, στο υποσέλιδο, δημιουργήστε μια βιβλιοθήκη προσαρμοσμένων εικονιδίων!

Αλλά σοβαρά,

Πρέπει πάντα να σκέφτεστε τρόπους σχεδιασμού, να λύσετε επιχειρηματικά προβλήματα.

Η ουσία της ύπαρξης UXer είναι η επίλυση προβλημάτων. Εάν ο πελάτης δυσκολεύεται να ελέγξει έξω, μπορείτε να το διορθώσετε. (Λοιπόν, όχι εάν πρόκειται για θέματα διακομιστή.) Αν ο πελάτης σας δεν καταλαβαίνει τι κάνει ο ιστότοπός σας, μπορείτε να το λύσετε. Εάν ο Διευθύνων Σύμβουλος θέλει να μειώσει το ποσοστό εγκατάλειψης, τότε βρίσκεστε εκεί.

Είστε ένας επίλυση προβλημάτων, όχι ένας ωθητής πίξελ.

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

Τερματίζω με την έκδοση μου για ένα διάγραμμα UX Venn, όπως όλοι αγαπάμε αυτά.

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

Μπορείτε επίσης να με βρείτε εδώ:

  • Instagram: https://www.instagram.com/misaac85/
  • Twitter: https://twitter.com/MiriamIsaacDsgn
  • LinkedIn: https://www.linkedin.com/in/miriam-isaac-1b4bb531/