Σχεδιαστές 15 εργαλεία UX & UI για αύξηση της παραγωγικότητάς σας
Αν βρείτε τον εαυτό σας ξοδεύοντας πολύ χρόνο για να προτυποποιήσετε το επόμενο μεγάλο σχέδιο, ίσως χρειαστεί να κάνετε ένα βήμα πίσω και Αξιολογήστε τα εργαλεία και τους πόρους που διαθέτετε. Δεν υπάρχει κανένας λόγος να παραμείνετε στο ίδιο εργαλείο κατασκευής πλαισίων ή πρωτοτύπων όταν προστίθενται νέες και βελτιωμένα εργαλεία UX και πόροι UI που χρησιμοποιούνται τόσο συχνά στον ιστό. Εργαστείτε ταχύτερα, καλύτερα και πιέστε με πιο ισχυρά εργαλεία και φρέσκα κιτ UI.
Για να σας βοηθήσουμε με αυτό, έχουμε εδώ 15 εργαλεία UX και UI που είναι ιδανικά για πρωτότυπα. Μερικοί από αυτούς φέρνουν drag-and-drop λειτουργίες και λειτουργίες ισχυρά χαρακτηριστικά συνεργασίας ομάδας, ενώ άλλοι περιέχουν μεγάλους πόρους για τη δοκιμή της χρηστικότητας του σχεδίου σας στο στάδιο της ανάπτυξης και σε ορισμένες περιπτώσεις σε πραγματικό χρόνο.
Περισσότερα για το Hongkiat:
- 20 πανέμορφα χαρτοφυλάκια σχεδιαστή UI & UX
- (Περισσότερα) χρήσιμα εργαλεία δοκιμής ευχρηστίας στο Web
- Τι πρέπει να ξέρετε για τον έλεγχο της χρηστικότητας
- Αποτελέσματα δοκιμών A / B και μελέτες περιπτώσεων για σχεδιασμό εμπειρίας χρήστη
- 20 σχήματα σχεδίασης UI εναντίον έτοιμων σχεδίων που πρέπει να δείτε
Proto.io
Μπορείτε να δημιουργήσετε τα πρωτότυπά σας στο πρόγραμμα περιήγησης μέσω drag-and-drop και μηδενικού κώδικα με το πρωτόκολλο Proto.io και πάνω από αυτό να ισχύουν πολλαπλά γεγονότα αφής και ποντικιού σε οποιοδήποτε στοιχείο UI. Το Proto.io φέρνει επίσης μία από τις πιο ρεαλιστικές και χρήσιμες αλληλεπιδραστικές βιβλιοθήκες UI που θα βρείτε σε οποιοδήποτε εργαλείο δημιουργίας πρωτοτύπων. Δοκιμάστε το πρωτότυπο σας σε μια πραγματική συσκευή και συζητήστε τις σχετικές με το σχεδιασμό πληροφορίες σας με τα μέλη της ομάδας με το εργαλείο συνεργασίας.
Pidoco
Δημιουργήστε γρήγορα και εύκολα καλώδια κειμένου που μπορείτε να κάνετε με τη λειτουργία drag-and-drop του Picodo και στη συνέχεια δημιουργήστε, επεξεργαστείτε και μοιραστείτε έναν απεριόριστο αριθμό μοντέλων wireframe ή πρωτότυπα με τα μέλη της ομάδας και τους πελάτες σας σε πραγματικό χρόνο. Η ισχυρή της ανατροφοδότηση και οι λειτουργίες συζήτησης καθιστούν μια μεγάλη και εύκολη συνεργασία. Αποθηκεύστε τα προσαρμοσμένα πρότυπα για επαναχρησιμοποίηση αργότερα και δοκιμάστε τα πρωτότυπά σας στις αγαπημένες σας κινητές συσκευές.
Κιτ UI Κινητού Σχεδιασμού Υλικού Vonn
Το UI Kit σχεδίασης υλικών Vonn από την οπτική ιεραρχία διαθέτει 100 όμορφα πρότυπα UI drag-and-drop σε 8 κατηγορίες, όλα τέλεια για τη δημιουργία εφαρμογών Android. Τα πρότυπα έχουν σχεδιαστεί στα 1920 × 1080 pixels για την τέλεια εφαρμογή σε μια κινητή συσκευή. Δεν απαιτείται κωδικοποίηση. Το Vonn UI Kit είναι πλήρως συμβατό με τις οδηγίες σχεδίασης υλικών της Google για το στυλ και τη διάταξη.
AppCooker
Με τις προηγμένες λειτουργίες που προσφέρει το AppCooker στο τραπέζι, θα εξοικονομήσετε χρόνο, χρήματα και εντυπωσιάζετε τους πελάτες σας, ενώ σχεδιάζετε και μοιράζεστε όμορφες μακέτες iPhone και iPad μέσω της χρήσης εγγενών γραφικών iOS. Δεν έχετε το χρόνο να δημιουργήσετε ένα mockup από το μηδέν; Στη συνέχεια, το AppCooker είναι η εφαρμογή για εσάς.
πυγολαμπίδα
Το Firefly είναι ένα πολύ πρακτικό εργαλείο ανάπτυξης εφαρμογών που διαθέτει έναν χρήσιμο συνδυασμό λειτουργιών σχεδίασης, διαχείρισης δεδομένων και συνεργασίας, ιδανικό για οργανισμούς με αναπτυξιακές ομάδες ευρέως διαδεδομένες. Με το Firefly, είναι δυνατή η μεταφόρτωση mockups, σχεδίων εφαρμογών, εικόνων και ακόμη και ολόκληρων ιστοσελίδων κατά τη διάρκεια της διαδικασίας σχεδιασμού. Αυτό το εργαλείο έχει τη δυνατότητα να διαχειρίζεται πολλαπλές εκδόσεις σχεδιασμού, ενώ παράλληλα επιτρέπει στους συνεργάτες να εμφανίζονται στην εικόνα ανά πάσα στιγμή κατά τη διάρκεια της διαδικασίας σχεδιασμού για σκοπούς ανταλλαγής πληροφοριών.
InVision
Το InVision παρέχει μια πλατφόρμα δημιουργίας πρωτοτύπων, συνεργασίας και ροής εργασίας, κατάλληλη για εφαρμογές σε περιβάλλον σχεδιασμού. Μετατρέπει εύκολα και γρήγορα τις στατικές οθόνες σε διαδραστικά πρωτότυπα. Η λειτουργία drag-and-drop καθιστά τα πρωτότυπα γρήγορα σε οποιαδήποτε φάση ανάπτυξης. Τα χαρακτηριστικά γνωρίσματα που έχουν ενσωματωθεί σε αυτό το εργαλείο καθιστούν την παρουσίαση του έργου σε πραγματικό χρόνο, τη συνεργασία και την αναλυτική αναπαράσταση πραγματικότητας.
Το Ace iOS 8 Mobile UI Kit
Το Ace UI Kit Module είναι καλά οργανωμένο και έτοιμο να χρησιμοποιηθεί για να υπονομεύσει τα σχέδια εφαρμογών iOS 8 για κινητά προς όφελος του τελικού χρήστη. Με 75 πρότυπα PSD και πάνω από 100 εικόνες στη διάθεση του σχεδιαστή, το iPhone app design είναι ευκολότερο από ποτέ. Οι οθόνες που είναι διαθέσιμες στο κιτ επιτρέπουν τη δημιουργία περισσότερων από 1000 διαφορετικών εφαρμογών. Τα πρότυπα δημιουργούνται για το μέγεθος Retina HD 4.7 και είναι ιδανικά για τη δημιουργία εκπληκτικών εφαρμογών στο iPhone 6.
Δοκιμή χρηστών
Η Δοκιμή χρηστών είναι μια πλατφόρμα έρευνας χρηστών που μπορεί να χρησιμοποιηθεί για τη δοκιμή κινητών εφαρμογών που κυκλοφορούν ή δεν έχουν κυκλοφορήσει σε συσκευές iOS και Android. Ο έλεγχος χρήστη θα σας σχεδιάσει μια δοκιμή ή μπορείτε να σχεδιάσετε μια δοκιμή μόνοι σας. Μπορείτε να εκτελέσετε τη δοκιμή σε λίγα λεπτά και να έχετε τα αποτελέσματα μέσα σε μία ώρα. Το δροσερό πράγμα για αυτό είναι ότι η ανατροφοδότηση δεν είναι μόνο με τη μορφή μετρήσεων αλλά και βίντεο πραγματικών ανθρώπων που σχολιάζουν τη χρηστικότητα της εφαρμογής σας.
Prott
Το Prott είναι ένα ισχυρό εργαλείο γρήγορου πρωτοτύπου και συνεργασίας ειδικά σχεδιασμένο για τη δημιουργία εφαρμογών για κινητά. Τα γραφικά, τα σκίτσα και οι εικόνες μπορούν εύκολα να κινούνται, οι οθόνες μπορούν να συγχρονιστούν μαζί και το πρωτότυπο που προκύπτει μπορεί να προβληθεί σε μια πραγματική συσκευή και να μοιραστεί με τα μέλη της ομάδας για συλλογική ανατροφοδότηση. Οι αναλύσεις και τα μεγέθη οθόνης iOS και Android υποστηρίζονται πλήρως.
Βέλτιστα
Optimizely είναι μια πλατφόρμα βελτιστοποίησης που προσφέρει γρήγορη και ισχυρή δοκιμή A / B για κινητές εφαρμογές. Ένας οπτικός επεξεργαστής επιτρέπει την πραγματοποίηση οπτικών αλλαγών στην εφαρμογή σας σε πραγματικό χρόνο και σε περιπλάνηση χωρίς να περιμένει αναθεώρηση του App Store, ανεξάρτητα από το πόσο προσαρμοσμένες είναι. Μια μόνο γραμμή κώδικα, που παράγεται από τη Optimizely και εισαχθεί στην HTML σας είναι η μόνη απαραίτητη κωδικοποίηση.
Νοτισμός
Το Notism διαθέτει δυνατότητα UX που επιτρέπει την κοινή χρήση των γεγονότων και της προόδου με αξιοσημείωτη ευκολία και σε πραγματικό χρόνο. Αυτό μεταφράζεται σε πιο γρήγορες επαναλήψεις σχεδιασμού, λιγότερο χρόνο που απαιτείται για υπογραφές και μια βελτιωμένη διαδικασία δοκιμής ευχρηστίας. Το πιο σημαντικό χαρακτηριστικό Notism φέρνει στο τραπέζι τη δυνατότητα να συνεργαστεί με άλλους με βίντεο, ένα χαρακτηριστικό που θεωρείται από τους άλλους ως ένα πραγματικό παιχνίδι-changer.
PowerMockup
Το PowerMockup είναι ένα χρήσιμο εργαλείο δημιουργίας πρωτοτύπων που διαθέτει μια μοναδική συστροφή. Αυτό το εργαλείο παρέχει τα απαραίτητα πρότυπα και λειτουργικότητα για τη δημιουργία πλαισίων συρραφής, αλλά επιτρέπει την πραγματοποίηση της πραγματικής φωτορεαλισμού στο PowerPoint. Αυτό επιτρέπει στους τελικούς χρήστες και τους μη τεχνικούς συμμετέχοντες να ακολουθούν πιο εύκολα τη διαδικασία σχεδιασμού. Το PowerMockup επαναλαμβάνει και επαναπροσδιορίζει τα σχέδια σε πραγματικό χρόνο, ενώ παράλληλα επικεντρώνεται στη χρηστικότητα του τελικού προϊόντος.
myna
Η Myna φέρνει στο τραπέζι μια μορφή δοκιμής A / B που μαθαίνει σε πραγματικό χρόνο καθώς δοκιμάζετε. Βελτιστοποιεί τις δοκιμές σας με το χέρι, επιτρέποντας την προβολή των καλύτερων σχεδίων σας από περισσότερους πελάτες ή πιθανούς πελάτες σας. Οι δοκιμές διεξάγονται βάσει των μεμονωμένων επισκεπτών σας, όχι μεμονωμένων προβολών σελίδας. Τα αποτελέσματα των δοκιμών είναι γρήγορα διαθέσιμα και η Myna σας επιτρέπει ακόμη και να κάνετε αλλαγές στον σχεδιασμό σας ενώ οι δοκιμές βρίσκονται σε εξέλιξη.
Εργαλεία ευχρηστίας
Τα εργαλεία ευχρηστίας παρέχουν δύο σύνολα χρήσιμων εργαλείων για τη δοκιμή της χρηστικότητας της εφαρμογής σας. Ένα σετ εντοπίζει τα θέματα χρηστικότητας κατά τη διάρκεια της πτήσης και σας ενημερώνει ποια χαρακτηριστικά της εφαρμογής σας προσελκύουν την προσοχή των επισκεπτών σας και ποια χαρακτηριστικά αγνοούνται. Το δεύτερο σετ παρέχει ανατροφοδότηση από τον χρήστη σχετικά με την εμφάνιση και την αίσθηση της εφαρμογής σας. Και τα δύο σετ προσφέρουν μια ποικιλία επιλογών δοκιμής.
Πρότυπο
Το πρότυπο αναπτύχθηκε από τους σχεδιαστές του UI και παρέχει όλα τα εργαλεία που χρειάζεστε για να σχεδιάσετε πλούσια πρωτότυπα υψηλής πιστότητας. Περισσότερα από 400 γραφικά στοιχεία είναι διαθέσιμα για όλες τις μεγάλες πλατφόρμες, αλλά εξακολουθείτε να έχετε την επιλογή να προσθέσετε πρόσθετα γραφικά στοιχεία, συμπεριλαμβανομένων των δικών σας. Οι ενσωματωμένες λειτουργίες αλληλεπίδρασης και σχολιασμού σάς επιτρέπουν να επιδεικνύετε συνεχή σχεδιαστική εργασία και να έχετε σχόλια και σχόλια στα μέλη της ομάδας και τους ενδιαφερόμενους.
Σημείωση του συντάκτη: Αυτή η ανάρτηση είναι γραμμένη από Kate Dagli για το Hongkiat.com. Η Kate απολαμβάνει τη συγγραφή ρομπότ για ιστότοπους web dev και τεχνολογίας. Αυτή τη στιγμή είναι μέλος του προσωπικού του -webdesigner.co.
