Οι 11 καλύτερες επεκτάσεις Chrome για σχεδιαστές
Κανείς δεν γνωρίζει καλύτερα από τους σχεδιαστές UX πώς οι φαινομενικά μικρές τροποποιήσεις στη χρηστικότητα και την αποτελεσματικότητα μπορούν, στην πραγματικότητα, να κάνουν τεράστια διαφορά στην εμπειρία ενός χρήστη.
Και όμως, ενώ λίγοι αφιερώνουν περισσότερο χρόνο περιήγησης στον Ιστό από τους Σχεδιαστές, ακόμη και οι πιο έξυπνοι από εμάς μπορεί να μην μεγιστοποιούν την ποιότητα αυτής της εμπειρίας.
Έχοντας αυτό υπόψη, συγκεντρώσαμε 11 από τις καλύτερες επεκτάσεις Chrome για σχεδιαστές.
Οι πιθανότητες είναι ότι ξοδεύετε αρκετά σημαντικό χρόνο προσπαθώντας να επικοινωνήσετε με άλλους συμπαίκτες σχετικά με ζητήματα που σχετίζονται με ροές χρηστών, ζητήματα σχεδιασμού ή άλλα σφάλματα. Ο αργαλειός μπορεί να κάνει τη ζωή σας πολύ πιο εύκολη.
Η επέκταση σάς επιτρέπει να εγγράψετε και να αφηγηθείτε ένα βίντεο με αυτό που βλέπετε στην οθόνη σας – καθώς και την κάμερα που βρίσκεται μπροστά – πριν το μοιραστείτε με έναν απλό σύνδεσμο.
Εάν πωλείστε στο Loom, σκεφτείτε την premium υπηρεσία επί πληρωμή, η οποία επιτρέπει βίντεο 4K, απεριόριστη αποθήκευση βίντεο, εργαλεία σχεδίασης, έμφαση στο κλικ του ποντικιού και μια σειρά επιλογών επεξεργασίας, συμπεριλαμβανομένων κουμπιών παρότρυνσης για δράση και προσαρμοσμένων μικρογραφιών.
Οι σχεδιαστές πρέπει να γνωρίζουν πώς θα βιώσουν όλοι τις προσφορές τους στον ιστό και μια διάταξη που φαίνεται όμορφη στην οθόνη σας – η οποία, ας το παραδεχτούμε, είναι πιθανότατα κορυφαία – μπορεί να αποτύχει σε ένα παλιό iPhone.
Το Window Resizer θα βοηθήσει στην επίλυση αυτού του τυφλού σημείου, αλλάζοντας το μέγεθος του παραθύρου του προγράμματος περιήγησης για την αναπαραγωγή μιας σειράς αναλύσεων οθόνης. Μπορείτε να προσαρμόσετε τη λίστα των αναλύσεών σας, μπορείτε να ασχοληθείτε με το μέγεθος και τη θέση του παραθύρου και για επιπλέον αποτελεσματικότητα, η επέκταση σάς επιτρέπει επίσης να δημιουργείτε καθολικές συντομεύσεις πλήκτρων.
Αν μπορούσατε να χρησιμοποιήσετε λίγη επιπλέον έμπνευση σχεδιασμού στην ημέρα σας – και ποιος δεν θα μπορούσε; – Το Muzli είναι για εσάς, που επιμελείται ελκυστικά οπτικά σχέδια από όλο τον ιστό για να μετακινηθείτε ενώ πίνετε τον πρωινό σας καφέ.
Με περισσότερες από 150 πηγές από όλο το Διαδίκτυο, συμπεριλαμβανομένων των Dribbble, Mashable και Product Hunt, το Muzli θα σας φέρνει τις πιο φρέσκες σχεδιαστικές ιδέες, έργα και νέα κάθε φορά που ανοίγετε μια νέα καρτέλα.
Βλέπεις κάτι που σε ενδιαφέρει; Κάντε κλικ και μάθετε περισσότερα σε ένα νέο παράθυρο του προγράμματος περιήγησης.
Οι σχεδιαστές UX τείνουν να εκτιμούν μια απλή αλλά αποτελεσματική ιδέα και αυτό συνοψίζει το Page Ruler.
Αντί να χάνετε χρόνο μετρώντας προσεκτικά το μέγεθος των αντικειμένων σε μια ιστοσελίδα χρησιμοποιώντας το εργαλείο στιγμιότυπου οθόνης, βάλτε το Page Ruler να σχεδιάζει γρήγορα έναν χάρακα και να αυξάνει τις διαστάσεις και τις τοποθεσίες των pixel καθώς και τυχόν στοιχεία σε μια σελίδα.
Είναι πιθανό να έχετε συχνά την ευκαιρία να μάθετε γρήγορα ποιο χρώμα χρησιμοποιείται σε μια ιστοσελίδα – και το ColorZilla μπορεί να σας βοηθήσει να φτάσετε εκεί πολύ πιο γρήγορα.
Μια από τις πιο δημοφιλείς επεκτάσεις του Firefox πριν έρθει τελικά στο Chrome, το ColorZilla διαθέτει ένα προηγμένο σταγονόμετρο για τον προσδιορισμό του χρώματος οποιουδήποτε pixel σε οποιαδήποτε σελίδα, μια γεννήτρια ντεγκραντέ CSS και έναν επιλογέα χρώματος.
Αν δείτε ένα χρώμα που σας αρέσει, το ColorZilla κάνει παιχνιδάκι να πάρει τις τιμές hex και RGB και να τις επικολλήσει στο πρόχειρό σας.
Είστε ο τύπος που ψάχνει στο Διαδίκτυο για νέες ιδέες γραμματοσειρών; Οι σχεδιαστές – και οι φανατικοί γραμματοσειρές γενικά – θα θελήσουν να εγκαταστήσουν αυτήν την κομψή επέκταση, η οποία σας επιτρέπει να αναγνωρίζετε τις γραμματοσειρές που χρησιμοποιούνται σε οποιονδήποτε ιστότοπο και να τις εισάγετε γρήγορα στο λογισμικό σχεδίασής σας.
Ο κινητήρας Fontface Ninja's Fonts DNA δεν εμφανίζει απλώς το όνομα CSS, αλλά το πραγματικό όνομα οποιασδήποτε γραμματοσειράς που εμφανίζεται και, στη συνέχεια, σας επιτρέπει να το δοκιμάσετε νόμιμα. Αν σας αρέσει, το Fontface Ninja παρέχει επίσης έναν σύνδεσμο για να αγοράσετε την κατάλληλη άδεια χρήσης.
Εκτιμάται ότι η έλλειψη χρωματικής όρασης - γνωστή και ως αχρωματοψία - επηρεάζει εκατομμύρια ανθρώπους σε όλο τον κόσμο. Για να διασφαλίσετε ότι αυτά τα άτομα έχουν μια θετική εμπειρία με τις ιστοσελίδες σας, δοκιμάστε το Spectrum, το οποίο ελέγχει γρήγορα τους ιστότοπους για να δει πώς εμφανίζονται σε άτομα με διαφορετικούς τύπους αχρωματοψίας.
Η επέκταση λέγεται ότι είναι ιδιαίτερα χρήσιμη για ιστότοπους με οπτικοποιήσεις δεδομένων, καθώς ορισμένα χρώματα στα γραφήματα ενδέχεται να μην διακρίνονται μεταξύ τους.
Η διασφάλιση ότι όλοι οι σύνδεσμοί σας λειτουργούν πραγματικά, ότι οι φόρμες σας είναι ασφαλείς και ότι ο ιστότοπός σας είναι γρήγορος και εύκολος στην πλοήγηση αποτελούν βασικά ζητήματα χρηστικότητας για έναν Σχεδιαστή UX. Το Checkbot θα έχει την πλάτη σας και θα ξεθάψει τυχόν προβλήματα που δεν έχετε παρατηρήσει.
Δοκιμάζοντας εκατοντάδες σελίδες ταυτόχρονα, το Checkbot μπορεί να ανακαλύψει κατεστραμμένους συνδέσμους, σφάλματα HTML/JavaScript/CSS, διπλότυπους τίτλους, ζητήματα ασφαλείας, αλυσίδες ανακατεύθυνσης και σφάλματα μικτού περιεχομένου.
Στην πραγματικότητα, το Checkbot ελέγχει τον ιστότοπό σας για περισσότερες από 50 βέλτιστες πρακτικές SEO, ταχύτητας και ασφάλειας.
Ανακαλύπτετε συχνά τον εαυτό σας να χρειάζεται να εντοπίσετε λογότυπα, εικονίδια, εικονογραφήσεις ή άλλα έργα τέχνης από άλλους ιστότοπους; Αν ναι, το SVG Grabber θα μπορούσε να σας εξοικονομήσει πολύ χρόνο και κούραση.
Είναι ένα εργαλείο που σας βοηθά να κάνετε γρήγορη προεπισκόπηση και να λαμβάνετε όλα τα στοιχεία SVG από έναν ιστότοπο. Με ένα μόνο κλικ, η επέκταση θα περιστρέφεται αυτόματα σε όλα τα SVG σε μια σελίδα προτού σας επιτρέψει να ψάξετε και να κατεβάσετε γρήγορα αυτά που χρειάζεστε.
Με απλά λόγια, το UX Check μετατρέπει τις ευρετικές αξιολογήσεις σε παιχνιδάκι.
Η επέκταση σάς επιτρέπει να σαρώσετε τον ιστότοπό σας για ζητήματα χρηστικότητας, ώστε να μπορείτε να δοκιμάσετε χωρίς πραγματικούς χρήστες. Το UX Check επισημαίνει όλες τις περιοχές του ιστότοπού σας που πρέπει να βελτιωθούν με βάση το Nielsen Norman Group 10 γενικές αρχές για το σχεδιασμό αλληλεπίδρασης – που περιλαμβάνουν ορατότητα της κατάστασης του συστήματος, πρόληψη σφαλμάτων και συνέπεια και πρότυπα – και αποθηκεύει ένα στιγμιότυπο οθόνης του ζητήματος.
Όταν τελειώσετε, μπορείτε να εξαγάγετε τα πάντα σε ένα αρχείο εγγράφου για να το μοιραστείτε εύκολα με τους συμπαίκτες σας.
Εάν δοκιμάζετε μια νέα σχεδίαση - ιδιαίτερα αυτή που είναι ιδιαίτερα βαριά με κείμενο - μπορεί να έχετε βαρεθεί τη συνηθισμένη πρώτη παράγραφο του Lorem Ipsum. Για όσους κουράζονται από τα Λατινικά ανάμεσά μας, το Corporate Ipsum είναι μια διασκεδαστική επέκταση που δημιουργεί τυχαία εταιρική διπλή ομιλία για χρήση ως συμπληρωματικό κείμενο.
Αντί για αυτή τη μεγάλη αλυσίδα ψευδών κειμένων που έχετε συνηθίσει να βλέπετε, μπορεί να σας υποδεχτεί – για παράδειγμα – η εταιρική ορολογία όπως αυτή: αξιοποιήστε αποτελεσματικά τα ενσωματωμένα vortals με εγκατεστημένες βασικές μεθοδολογίες.
Το να έχετε απλώς αγγλικές λέξεις αντί για λατινικά θα κάνει το σχέδιο να φαίνεται πολύ πιο φυσικό και το γεγονός ότι το τυχαία συναρμολογημένο κείμενο συχνά δεν έχει κανένα νόημα είναι απλώς μέρος της γοητείας της επέκτασης.
Μάθετε περισσότερα για το BrainStation's Μαθήματα UX Design .
