Ξεκινώντας με το σχέδιο UX στο σκίτσο

Ένα αστάρι για τους νέους σχεδιαστές και σχεδιαστές του UX

Έχουμε γράψει πολλά για τις συμβουλές Sketch στο UX Power Tools τα τελευταία δύο χρόνια και θέλησα να τα οργανώσω με τρόπο που θα βοηθούσε τους σχεδιαστές που μόλις αρχίζουν να μπαίνουν στο UX.

Θα ήθελα επίσης να αναφέρω ότι δεν πρόκειται να συζητήσω ποιο εργαλείο είναι καλύτερο - θα υποθέσω απλώς ότι έχετε ήδη συνειδητοποιήσει ότι το Sketch είναι το καλύτερο (για τώρα) και θέλετε να μάθετε πώς να το χρησιμοποιήσετε ως UX Designer

Έχω ξεπεράσει τα άρθρα μας σε 5 ενότητες που δείχνουν πώς σκέφτομαι ότι οι νέοι σχεδιαστές προχωρούν από τους αρχάριους στην κυριότητα:

  • Αποσύνδεση ιδεών
  • Ξεκινώντας
  • Γρήγορα
  • Να γίνουν πιο έξυπνοι
  • Λήψη του Visual

Λάβετε ιδέες έξω

Ο σχεδιασμός του UX ξεκινά προτού φτάσετε στα εργαλεία - αρχίζει από το σημείο να αποκτάτε ιδέες από το κεφάλι σας (... αρχίζει πραγματικά πριν από αυτό με την έρευνα, αλλά ας κρατήσουμε αυτό το άρθρο κάτω από 20 λεπτά).

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

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

Το δεύτερο εργαλείο που διευκολύνει αυτή τη φάση του σχεδιασμού είναι ένα σύνολο βιβλιοθηκών υψηλής ποιότητας για το Sketch που ονομάζεται Flowkit από τον Matt D. Smith. Αξίζει καλά την τιμή των 29 δολαρίων.

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

Ξεκινώντας

Μακριά και η μεγαλύτερη δύναμη του Sketch για το UX Design είναι η έμφαση που δίνει στο να γίνουν τα πράγματα επαναλαμβανόμενα και γρήγορα.

Είναι ακόμα αρκετά ανησυχητικό να βλέπετε πόσοι σχεδιαστές σκίτσων δεν χρησιμοποιούν τα πράγματα τόσο απλά όσο και ισχυρά όπως τα Shared Styles ή πιο πρόσφατες εξελίξεις όπως τα Inested Symbols. Υποθέτω ότι είναι επειδή οι σχεδιαστές είναι ανυπόμονοι και απλά θέλουν να βγάλουν τα πράγματα. Το καταλαβαίνω τελείως.

Αλλά ο εξαιρετικός σχεδιασμός είναι τόσο καλός όσο ο σχεδιασμός είναι οργανωμένος. Μας αρέσει η μεταφορά του μαγειρέματος:

Και θέλουμε επίσης να επεκτείνουμε την έννοια των Stylesheets από κώδικα σε σχεδίαση (από τότε που γράψαμε αυτά, τα συστήματα σχεδιασμού έχουν πραγματικά εξερράγη στη σκηνή, αλλά οι περισσότερες από αυτές τις τεχνικές εξακολουθούν να ισχύουν σήμερα):

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

Με ένα άρθρο μπόνους για τον τρόπο με τον οποίο μπορείτε να ρυθμίσετε τις διατάξεις στο Σκίτσο:

Γρήγορα

Εντάξει, τώρα που έχετε κατανοήσει πώς να ξεκινήσετε αποτελεσματικά ένα έργο Sketch, ήρθε η ώρα να αρχίσετε να γίνεστε πιο γρήγορα με το εργαλείο. Προσωπικά, θεωρώ ότι είναι προσβλητικό να βλέπεις έναν σχεδιαστή που δεν χρησιμοποιεί συντομεύσεις κατά το σχεδιασμό - εννοώ, βλάπτει πραγματικά την ψυχή μου. Μην είσαι αυτός ο τύπος / gal:

Περίπου ένα εκατομμύριο και ενάμισι νέα εργαλεία και plugins έχουν βγει από τότε που γράψαμε αυτό το άρθρο, αλλά ειλικρινά, οι καλύτεροι σύντροφοι για το Sketch δεν έχουν αλλάξει πραγματικά κατά τη γνώμη μου (το Nudg.it υποστηρίζεται τώρα στο Sketch, Anima εξακολουθεί να είναι χρήσιμη, παρόλο που μερικά από αυτά έχουν ψηθεί στη λειτουργική διάταξη διάταξης του Sketch):

Συμβουλές και κόλπα

Ο Τζον Μουρ έχει μεταδώσει τη σοφία του με τη δύναμη-χρήστη σε μερικά άρθρα που θα πνίξουν το μυαλό σας με την απλότητα και τη δύναμή τους:

Να γίνουν πιο έξυπνοι

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

Όπως είπα νωρίτερα, το Sketch είναι τέλειο για το σχεδιασμό του UX, διότι κάνει την επανάληψη, τη συνέπεια και την αρθρωτότητα εύκολη. Εδώ είναι μερικά παραδείγματα για το πώς να χρησιμοποιήσετε το Sketch για να δημιουργήσετε έξυπνα στοιχεία UI (και όλα έρχονται με freebies ):

Χειρίζεται αποτελεσματικά τα εικονίδια και τα γραφικά

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

Τα ενσωματωμένα σύμβολα μπορούν στην πραγματικότητα να αυτοματοποιήσουν αρκετά:

Τέλος, θα ήθελα να είμαι remiss εάν δεν επισημάνω τη μεγαλύτερη πρόοδο του Sketch κατά τους τελευταίους 12 μήνες - Βιβλιοθήκες:

Λήψη του Visual

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

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

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

Καλύψαμε το περασμένο έτος και δημιουργήσαμε συνδέσεις με μερικά κοινά προϊόντα που δημιουργήθηκαν ξανά στο Sketch (αν και κάποια από αυτά έχουν ξανασχεδιαστεί από τότε):

Από εκεί μπορείτε πραγματικά να αρχίσετε να χρησιμοποιείτε μερικές μικρές τεχνικές για να προσθέσετε λίγο κομμάτι στο σχεδιασμό σας:

Αλλά μην ξεχνάτε ότι τα ακριβή δεδομένα δείγματος είναι εξίσου κρίσιμα για το οπτικό σχέδιο με τα ίδια τα γραφικά:

* δεν γράψαμε ποτέ μέρος 2

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

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

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

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

Ακολουθήστε το UX Power Tools στο Twitter
Ακολούθησέ με στο τουίτερ