Σχεδιασμός Χιούμορ

50 αποχρώσεις του #FAFAFA

Μια μέτρια ανάρμοστη ματιά στα ανόητα πράγματα οι σχεδιαστές κάνουν και δεν κάνουν

Οι σχεδιαστές μας παίρνουν το έργο μας πολύ σοβαρά. Αυτό το άρθρο δεν ισχύει.

1. Χρησιμοποιήστε ένα περιβάλλον UI. Ξέρω ότι θέλετε να κάνετε αυτό το σχέδιο δικό σας. Σας λέω τι, καταλήξαμε σε ένα σύστημα σχεδιασμού, ακόμη και 10%, τόσο όμορφο και επεκτάσιμο όσο το υλικό σχεδιασμού και στη συνέχεια θα μιλήσουμε. Τα Devs μπορούν να χτίσουν πιο γρήγορα, μπορείτε να εξοικονομήσετε χρόνο και οι χρήστες σας δεν θα έχουν τόσα πολλά πράγματα να υπολογίζουν τις νέες συμβάσεις χρήσης.

2. Σταματήστε να δημιουργείτε τους δικούς σας κανόνες τυπογραφίας. Ξέρω ότι οι φανταχτοί οδηγοί στυλ φαίνονται πανέμορφοι στο Dribbble. Αλλά το έχετε πραγματικά μέσα σας για να εξηγήσετε τις αποχρώσεις των κανόνων σας για την εξάπλωση στην ανάπτυξη για τους επόμενους 6 μήνες;

3. Επιλέξτε 5 χρώματα (δείτε το # 2 σε αυτόν τον σύνδεσμο). Κάντο να δουλέψει. Ξέρω ότι μπορείς να το κάνεις! Ω dang, το coolors.co σας δίνει 5 νέα χρώματα κάθε φορά που πατάτε το πλήκτρο διαστήματος. Λουκάνικο!

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

Αυτή είναι μια αφίσα κινήτρων που μόνο εγώ μπορώ να διαβάσω.

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

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

Εδώ είναι ένα UI που έκανα χρησιμοποιώντας το Lato Thin.

7. Ο σχεδιασμός σας δεν είναι κομμάτι τέχνης. Κοίτα, ξέρω ότι είσαι μοναδικό λουλούδι. Αλλά ο σχεδιασμός σας είναι ένα εργαλείο που κάποιος χρησιμοποιεί για να ολοκληρώσει μια εργασία. Δεν είναι κανένας να εξορθολογεί τη ροή εργασίας του ψηφιακού μάρκετινγκ με έναν Rembrandt ή τον Jackson Pollock. Αυτό δεν σημαίνει ότι δεν μπορεί να είναι όμορφη! Θα έπρεπε να είναι! Απλά μην πιάσετε τον εαυτό σας στα ζιζάνια των εικονοστοιχείων και καταλήξετε να μην δείτε την τελική αξία του προϊόντος. Κάντε το οπτικό, αλλά κρατήστε το πολύτιμο.

8. Οι οθόνες γίνονται τεράστιες, αλλά δεν χρειάζεται να χρησιμοποιήσετε όλο αυτό το χώρο. Έτσι αρχίζει η αποθήκευσή του.

9. Επίσης, το κενό δεν μπορεί να «σπαταληθεί». Ας αναπνεύσει! Τώρα αναπνέετε.

10. Ω και επίσης, (ΠΟΛΥ!), Το "fold" δεν είναι κάτι που υπάρχει σε εφαρμογές. Την επόμενη φορά που ο ΡΜ σας ζητά να "χτυπήσετε κάποια από αυτά τα γραφήματα πάνω από την πτυχή και να σταματήσετε να χάνετε τα κενά", ... απλά ... δεν έχω καμία συμβουλή. Ενημερώστε με αν έχετε καλύτερη ανταπόκριση από ότι "οι χρήστες έχουν trackpads και ποντίκια που μετακινούνται", επειδή μερικές φορές μειώνονται.

11. Σταματήστε να δίνετε στους χάρτες σας σκιές. Ή τα κάνει να επιπλέουν εκτός οθόνης. Ή πραγματικά ξοδεύετε καθόλου χρόνο σε αυτά. Υπάρχουν τρία εσκεμμένα βήματα που πρέπει να λάβετε κατά τη δημιουργία χαρτών για τα σχέδια προϊόντων σας: 1) Επιλέξτε τον σωστό τύπο γραφήματος, 2) Σχεδιάστε το για να είναι εύκολα κατανοητό και 3) Συμπληρώστε το με συναρπαστικά δεδομένα. Σημείωση: Δεν υπάρχει 4) Ζωντανέψτε τα στοιχεία δεδομένων σας με το μελωδία του "Teach Me How to Dougie".

12. Dribbble "αρέσει" δεν πληρώνουν τους λογαριασμούς. Ναι, σας κάνουν να αισθάνεστε υπέροχα για τον εαυτό σας, αλλά απλά να θυμάστε αν το σχέδιό σας δεν μπορεί να κατασκευαστεί, τότε το έθιμο Mid-Century Modern σπίτι σας σε ένα βράχο δεν μπορεί να κατασκευαστεί ούτε.

13. Καινοτομία στον πίνακα, όχι στην [εφαρμογή σχεδιασμού]. Η ιδέα σας θα πρέπει να είναι σταθερή πριν να καθίσετε στον υπολογιστή σας. Δεν πρόκειται να εμφανιστεί μαγικά από τον αιθέρα και να εκδηλωθεί σε λαμπερά pixels.

14. Χρησιμοποιήστε ένα σύνολο εικονιδίων f_cking! Δεν υπάρχει ντροπή σε αυτό το παιχνίδι. Δοκιμάστε Nucleo, ή Nova. Είναι υπέροχα και συνήθως αρκετά ευπροσάρμοστα. Και αν σκεφτόσαστε ακόμη να προσθέσετε σχόλια για να πείτε: "Λοιπόν εργάζομαι πραγματικά με έναν φανταστικό σχεδιαστή ο οποίος είναι καταπληκτικός σε εικόνες", τότε απλά κρατήστε αυτό για τον εαυτό σας, εσείς τυχερός μπάσταρδος.

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

16. Ο σχεδιασμός σας πρέπει να έχει ρίζες στην αξία, όχι στην τέχνη. Έχουμε ήδη διαπιστώσει ότι δεν είστε Rembrandt ή Pollock. Αλλά πέρα ​​από αυτό, ο τρόπος με τον οποίο παρουσιάζετε την εργασία σας, είτε στο Dribbble είτε σε έναν πελάτη, είτε οι PM και οι προγραμματιστές σας πρέπει πάντα να αντικατοπτρίζουν πάντα την αξία των επιχειρήσεων και των χρηστών. Ξέρω ότι οι σχεδιαστές της UX δεν παίρνουν πάντοτε όλα τα δροσερά πράγματα. Αλλά παίρνουμε paiiiiid, έτσι; Νομίζω ότι αυτό είναι σημαντικό. Ω, και ο χρήστης. Ναι, ο χρήστης.

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

18. Κάθε άσχημο εικονοστοιχείο είναι σαν ένα τυπογραφικό λάθος σε ένα μυθιστόρημα. Να υπερηφανεύεται για την παρουσίαση και τη διάταξη. Κάθε pixel θα εξεταστεί περισσότερο από τη συνομιλία του τουριστικού λεωφορείου.

Ήταν ο καλύτερος χρόνος, ήταν ο ήρωας των εποχών.

19. Ξέρετε ότι μια οθόνη που έχει μια ετικέτα κουμπιού έχει κακή ευθυγράμμιση; Αυτός που επεσήμανε η ομάδα σχεδιασμού σας αμέσως στην ανασκόπηση του σχεδιασμού σας; Ναι ... αυτό. Αυτό είναι το μάρκετινγκ που θα τοποθετηθεί στην ιστοσελίδα

20. Ονομάστε τα στρώματα σας. "Τομ." "Μπάτμαν." Οποιοδήποτε. Απλά τους δώστε ένα όνομα.

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

22. Ξέρεις πώς ο Dev θα "πάρει" τι εννοείς; Δεν θα το κάνουν. Πες τους. Όχι σε ένα μήνυμα ηλεκτρονικού ταχυδρομείου. Δεν είναι χαλαρή. Πες τους με τα λόγια σου να φεύγουν από τη φωνή σου. Στα πρόσωπά τους. Αν εξακολουθούν να μην το πάρουν μετά από αυτό, απλά ρίξτε τα χέρια σας επάνω exasperated και mutter κάτι σαν "Jony Ive δεν χρειάζεται να τακτοποιήσετε με αυτό το σκατά."

23. Ο Mila Kunis δεν χρησιμοποιεί την εφαρμογή μάρκετινγκ. Ούτε ο Obama, ο Charlie Sheen, ο Taylor Swift ή το The Weeknd. Χρησιμοποιήστε εικόνες από ανθρώπους που θα δείτε να περπατάτε στο δρόμο ή ατενίζοντάς σας κοιτάζοντας ενώ γράφετε αυτό το μεσαίο άρθρο σε περίπτερο στο Denny's.

24. Μην προσπαθήσετε να κάνετε το επόμενο UI "Brutalist". Σας υπόσχομαι, δεν ξέρεις πραγματικά τι σημαίνει αυτό. Σίγουρα δεν το έχω διαβάσει και ΔΥΟ ολόκληρα άρθρα γι 'αυτό. Υπάρχει ακόμη μια γκαλερί βρεταλιστικών ιστότοπων και δεν βοηθά πραγματικά. Απλά ... όχι;

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

25. Ίσως ο πρωθυπουργός σας δεν "παίρνει" τη μεγαλοφυία σας. Ή ίσως δεν είστε ιδιοφυΐα και θα πρέπει να πάρετε τις συμβουλές τους. Ένα μεγάλο PM είναι αυτός που παίρνει το προϊόν που αποστέλλεται, αλλά είναι επίσης είδος πόνου στον κώλο. Αυτό συμβαίνει επειδή λένε πράγματα που πραγματικά θέλουν δεν θα έλεγαν (επειδή είναι συνήθως σωστά), και τότε παίρνετε αμυντικό για να αποφύγετε τον καθορισμό του σχεδιασμού σας .

26. Περικοπή του χρόνου που αφιερώσατε στο animation του σχεδιασμού του UI, μη κινούμενος με το σχεδιασμό του UI. Ναι. Σε ακούω. Πραγματικά σκέφτεστε ότι ο σχεδιασμός κίνησης είναι οι πιτζάμες γάτες. Απλά καταλάβετε ποιο χαρακτηριστικό θέλετε να αποκόψετε από το προϊόν σας για να συμβεί αυτό. Και έπειτα γράψτε ένα μεσαίο άρθρο σχετικά με τον τρόπο με τον οποίο η εκκίνηση σας είδε την ανάπτυξη του χόκεϊ-stick, επειδή έχετε διαβάσει ένα άρθρο σχετικά με τη χρήση των αρχών animation της Disney στο σχεδιασμό UI.

Μόλις πείσετε τον διευθύνοντα σύμβουλο ότι το dropdown σας πρέπει να πετάξει από τη δεξιά πλευρά της οθόνης σε μια καμήλα σε ένα ιπτάμενο χαλί, τότε φροντίστε να στείλετε ένα ωραίο animated .gif στους πελάτες σας εξηγώντας γιατί αυτό το ιπτάμενο χαλί ήταν καλύτερο από το χαρακτηριστικό γνώρισμα (PS: Μην ξεχάσετε να τους στείλετε το σύνδεσμο Dribbble και πιθανότατα θα σας δώσουν περισσότερα αρέσα, τα οποία θα πληρώσουν σίγουρα τους μισθούς των υπαλλήλων σας.

(Η PS Animation είναι φανταστική όταν χρησιμοποιείται σωστά, απλά μην το παρακάνετε.) Οι περισσότεροι χρήστες δεν θα νοιάζονται.

27-α. Εάν δεν μπορείτε να σκεφτείτε έναν λόγο για τον οποίο κάνατε κάτι όταν παρουσιάζετε, κάνετε κάτι επάνω. Όπως "oh, αυτό είναι ακριβώς κάτι που πειραματίζομαι με." Ή "Το αρχείο μου Invision δεν συγχρονίζεται".

27-β. Και αν ο πελάτης παρατηρήσει ότι το αρχείο InVision είναι στην πραγματικότητα πλήρως συγχρονισμένο, απλά πείτε του ότι απλά δεν βλέπουν τη μεγάλη εικόνα.

28. Το αστακό είναι το νέο Comic Sans. Εκεί, το είπα. Μπορεί να διαφωνείτε, αλλά δεν μπορείτε να δείτε το μήνυμα αυτό και θα σας στοιχειώσει την επόμενη φορά που θα προσπαθήσετε να το χρησιμοποιήσετε.

Έχω κατεβάσει αυτή τη γραμματοσειρά μόνο για να φτιάξω αυτή την εικόνα. Ορκίζομαι.

29. Αν ο Proxima Nova ήταν ένας αστερισμός, θα ήταν το Big Dipper. Όλοι μπορούν να το δουν, αλλά κανείς δεν ενδιαφέρεται πραγματικά. Εντάξει, έχω τελειώσει να γράφω γραμματοσειρές για τώρα. Το Proxima Nova είναι υπέροχο, αλλά είναι σαν το παντελόνι jogger. Τώρα που όλοι τους φοράνε, είσαι πραγματικά τόσο μοντέρνος πια;

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

"Θα πρέπει να δείτε τι πραγματικά ήθελα να κάνω πριν [PM / dev / ο πελάτης] μου είπε να το αλλάξω. Ήταν το επόμενο επίπεδο και απλά δεν το πήραν! "

Δεν έχω κερδίσει ποτέ αυτό το παιχνίδι, γι 'αυτό βοηθήστε με αν έχετε συμβουλές.

31. Ρυθμίστε τα πλήκτρα καυτών. Δεν θέλω να σταθεί πίσω σας και να σας παρακολουθώ σιγά-σιγά χειροποίητα το βιοτεχνικό περιβάλλον σας σαν το σαπούνι Quaker του 1800. Χρησιμοποιήστε τα εργαλεία σας για το πλήρες δυναμικό τους. Εάν δεν ξέρετε από πού να ξεκινήσετε, γράψαμε ένα χρήσιμο άρθρο σχετικά με αυτό που σχετικά κανείς δεν διαβάζει .

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

33. Ξέρετε ότι η φρικτή αίσθηση πανικού που παίρνετε όταν συνειδητοποιείτε ότι ο σχεδιασμός σας μπορεί να μην είναι υπέροχος; Ούτε εγώ!

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

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

36. Μιλώντας για αυτό, θυμηθείτε τα μενού για χάμπουργκερ; Ήταν ένας περίεργος χρόνος. Δεν το χρησιμοποιείτε ακόμα στις εργονομικές εφαρμογές για κινητά;

Όλοι μας το πειραματιστήκαμε όταν ήμασταν νεότεροι. Είναι δροσερό. #ΖΕΙΣ ΜΟΝΟ ΜΙΑ ΦΟΡΑ. Σημείωση: Είναι ακόμα μια κατάλληλη λύση για ανταποκρινόμενες ιστοσελίδες.

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

38. Σκέφτεστε να δοκιμάσετε μια δροσερή κλίση; Πρόσεχε! Είναι σαν πακέτο. Είναι δύσκολο να τραβηχτεί. Και ακόμα κι αν το κάνετε, πιθανότατα θα αναρωτιέστε αν πραγματικά χρειάζεστε καθόλου. Τούτου λεχθέντος, δύο τόνισε εικόνες και κλίσεις είναι dope.

39. Είσαστε ένας "σχεδιαστής πλήρους στοίβας"; Είμαι ένας ημιτελής σχεδιαστής. Και ο συνεργάτης μου είναι ένας προγραμματιστής τεσσάρων σταδίων. Και εμείς και οι δύο σαν στοίβες τηγανίτες.

40. Ας αφήσουμε τον κωδικό στους εμπειρογνώμονες. Γεια σου, όλοι έχουμε κωδικοποιήσει λίγο. Ένα μικρό CSS. Ένα μικρό "στοιχείο ελέγχου" εδώ και εκεί. Η κόλαση, μάλιστα πήρα λίγο περίεργο με το React.js μία φορά μετά από ένα πάρτι. Αλλά το γεγονός είναι, υπάρχουν άνθρωποι εκπαιδευμένοι σε αυτό, και είναι πολύ πιο γρήγορα. Περάστε το χρόνο με την τελειοποίηση και την τελειοποίηση των βασικών δεξιοτήτων σας. Συνεχίστε να μαθαίνετε, αλλά αναγνωρίζετε τις καλύτερες ικανότητές σας

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

Όταν δεν βγάζω το Medium, δουλεύω σε εργαλεία Σκίτσο σε UX Power Tools για να σας κάνει έναν καλύτερο, γρηγορότερο και ισχυρότερο σχεδιαστή. Ακολουθήστε μας στο Twitter @uxpowertools. Ακολουθήστε και εμένα, αν σας διασκεδάσει!