30 βασικά εργαλεία UX
Όταν οι προγραμματιστές δημιουργούν ιστότοπους, συχνά εστιάζουν στη διάταξη και τα τεχνικά χαρακτηριστικά, αλλά παραμελούν μια πολύ σημαντική πτυχή - πώς ο χρήστης βιώνει την τοποθεσία. Εάν οι χρήστες δυσκολεύονται να βρουν τρόπους να επιτύχουν τους στόχους τους, θα κοιτάξουν αλλού και δεν θα επιστρέψουν. Μια ευχάριστη εμπειρία χρήστη, από την άλλη πλευρά, μπορεί να δημιουργήσει μια ευνοϊκή και διαρκή εντύπωση που διαφοροποιεί ένα site από τον ανταγωνισμό του.
Αυτός είναι ο λόγος για τον οποίο είναι τόσο σημαντικό να εξετάσετε προσεκτικά τι εμπειρίες των χρηστών όταν επισκέπτονται τον ιστότοπό σας. Πρέπει να αναρωτηθείτε: Αυτή η σελίδα παρέχει τις πληροφορίες που αναμένει ο χρήστης; Όπως και με πολλά πράγματα, οι πιο μικρές λεπτομέρειες μπορούν να κάνουν τη μεγαλύτερη διαφορά στην εμπειρία του χρήστη.
Σε αυτή τη θέση, θα εισαγάγει 30 εξαιρετικά εργαλεία και υπηρεσίες για τη δημιουργία ιστότοπων με καλύτερη χρηστικότητα.
Χάρτες μυαλού, χάρτες ροής και χάρτες ιστοτόπου
Η ίδρυση μιας χρήσιμης ιστοσελίδας είναι ένα καλό σχέδιο. Αν δεν έχετε μια βασική ιδέα για το πού κατευθύνεται το έργο σας, είναι απίθανο να φτάσετε στο σωστό μέρος. Οι χάρτες μυαλού, τα διαγράμματα ροής και οι χάρτες ιστότοπων είναι αποτελεσματικά εργαλεία για τη δημιουργία των διαγραμμάτων που χρειάζεστε. Οι χάρτες μυαλού είναι εξαιρετικοί για την παραγωγή και την οργάνωση ιδεών, ενώ οι χάρτες ροής βοηθούν στην απεικόνιση και το σχεδιασμό των βημάτων μιας διαδικασίας. Οι χάρτες ιστοτόπων μπορούν να χρησιμοποιηθούν για τον προσδιορισμό της δομής πλοήγησης ενός δικτυακού τόπου. Ακολουθούν μερικές εφαρμογές που μπορούν να σας βοηθήσουν σε αυτές τις εργασίες:
XMind (από δωρεάν)
XMind είναι ένα πρόγραμμα χαρτογράφησης μυαλού ανοικτού κώδικα για Windows, Mac OS X και Linux.
Γραφείο ConceptDraw (από $ 199)
Ένα ισχυρό εργαλείο διαγραμμάτων, Γραφείο ConceptDraw παρέχει υποστήριξη για διαγράμματα ροής και χάρτες μυαλού σε Windows και Mac.
OmniGraffle (69,99 δολάρια)
Οι χρήστες Mac OS X και iPad μπορούν να επιλέξουν OmniGraffle για να δημιουργήσετε διαγράμματα ροής, οργανικούς διαγράμματα και πολλούς άλλους τύπους διαγραμμάτων.
Gliffy (από δωρεάν)
Γκλίφι είναι μια διαδικτυακή εφαρμογή διάγραμμα με υποστήριξη για διαγράμματα ροής και χάρτες ιστοτόπου.
Συρματοπλέγματα και πρωτότυπα
Πριν ξεκινήσει η πραγματική κωδικοποίηση, είναι συχνά λογικό να κάνουμε κάποια πρωτότυπα. Τα πρωτότυπα σας επιτρέπουν να παίζετε με διαφορετικές ιδέες και να αποκαλύπτετε πιθανά ζητήματα χωρίς να επενδύετε πολύ χρόνο στην κωδικοποίηση και το σχεδιασμό. Μπορείτε να ξεκινήσετε με καλώδια χαμηλής πιστότητας σε κλίμακα του γκρι και αργότερα να δημιουργήσετε οπτικά μοντέλα και λειτουργικά πρωτότυπα υψηλής πιστότητας.
PowerMockup (από $ 59.99)
Χρήση PowerMockup για τη δημιουργία πλαισίων συρμάτων με το PowerPoint.
Μολύβι (δωρεάν)
Διατίθεται σε διάφορες πλατφόρμες, αυτό το λογισμικό ανοιχτού κώδικα παρέχει GUI πρωτότυπα.
Mogups (από $ 9 / μήνα)
Moqups είναι ένα online wireframing και mockup εργαλείο.
Justinmind Πρωτότυπο (από $ 19 / μήνα)
Αυτή η αίτηση για το webframing web και για τις κινητές εφαρμογές εκτελείται σε Windows και Mac OS X.
FileSquare (από δωρεάν)
FileSquare είναι ένα εργαλείο που βασίζεται στον ιστό για τη δημιουργία πρωτότυπων με κλικ μέσω της σύνδεσης των μεταφορτωμένων εικόνων mockup.
Χειροτεχνία (από $ 19 / μήνα)
Χειροτεχνία είναι ένα συνεργατικό εργαλείο πρωτοτύπου HTML / CSS / JavaScript.
Δοκιμές χρηστών και ανατροφοδότηση
Μόλις έχετε κάτι συγκεκριμένο για να δείξετε, θα πρέπει να το αποκτήσετε μπροστά από τους πραγματικούς χρήστες, να συλλέξετε ανατροφοδότηση και να ενεργήσετε πάνω σε αυτό. Οι εφαρμογές και οι υπηρεσίες που αναφέρονται παρακάτω σας βοηθούν να εκτελέσετε δοκιμές χρηστικότητας και να οργανώσετε τις ανατροφοδοτήσεις των χρηστών.
IntuitionHQ (από δωρεάν)
Αυτή η απομακρυσμένη υπηρεσία δοκιμών ευχρηστίας σας επιτρέπει να εκτελέσετε διάφορες δοκιμές χρήστη στα σχέδιά σας και να λάβετε άμεση ανατροφοδότηση.
Επαληθεύστε (από $ 19 / μήνα)
Αυτή η ηλεκτρονική εφαρμογή συλλέγει και αναλύει τα σχόλια των χρηστών σχετικά με τις οθόνες και τα mockups.
Polldaddy (από δωρεάν)
Polldaddy είναι μια διαδικτυακή εφαρμογή για τη δημιουργία και τη δημοσίευση ερευνών και δημοσκοπήσεων.
Concept Feedback (δωρεάν)
Επίσκεψη αυτήν την ηλεκτρονική κοινότητα να ανταλλάσσουν πληροφορίες σχετικά με τα σχέδια.
Πέντε δευτερόλεπτα (από δωρεάν)
Αυτή η υπηρεσία συλλέγει την ανατροφοδότηση ζητώντας από τους χρήστες να ανακαλέσουν τα στοιχεία μιας ιστοσελίδας αφού την έχουν δει μόνο για πέντε δευτερόλεπτα.
PickFu (από $ 20)
Αυτή η υπηρεσία crowdsourcing παρέχει γρήγορη ανατροφοδότηση μέσω απλών A / B δημοσκοπήσεων.
UserTesting (από $ 49)
Δοκιμή χρήστη σας επιτρέπει να "κοιτάξετε πάνω από τους ώμους" των ανθρώπων που περιηγούνται στον ιστότοπό σας.
UsabilityTools (από $ 39 / μήνα)
Αυτή η συλλογή εργαλείων προσφέρει έρευνα χρηστών συμπεριλαμβανομένων των ερευνών, της ταξινόμησης των καρτών και των εντύπων ανάδρασης.
Morae (από περίπου 402 €)
Αυτό το λογισμικό επιφάνειας εργασίας καταγράφει τις αλληλεπιδράσεις των χρηστών (είσοδος πληκτρολογίου / ποντικιού, παρακολούθηση οφθαλμών, ήχος κ.λπ.) και αναλύει τα αποτελέσματα.
BugHerd (από $ 29 / μήνα)
BugHerd είναι ένας ηλεκτρονικός εντοπιστής σφαλμάτων ειδικά σχεδιασμένος για έργα ανάπτυξης ιστοσελίδων.
Δοκιμές διαχωρισμού Α / Β
Ο έλεγχος A / B είναι απλός: Δημιουργείτε δύο παραλλαγές (Α και Β) μιας σελίδας και, στη συνέχεια, καθορίστε ποια παράγει καλύτερα αποτελέσματα μετρούμενα από πλευράς αγορών, εγγραφών στο ενημερωτικό δελτίο ή άλλων παραγόντων που εκτιμάτε, . Αυτές οι δύο υπηρεσίες μπορούν να σας βοηθήσουν με αυτό:
Βέλτιστα (από $ 17 / μήνα)
Αυτό το εργαλείο δοκιμής split A / B μπορεί να σας βοηθήσει να βρείτε τον αποτελεσματικότερο τρόπο για να αυξήσετε τις μετατροπές στον ιστότοπό σας.
Visual Website Optimizer (από δωρεάν)
Όπως Optimizely, Visual Website Optimizer παρέχει υποστήριξη για δοκιμές A / B, δοκιμές πολλαπλών μεταβλητών, στόχευση συμπεριφοράς και πολλά άλλα.
Analytics
Οι αναλύσεις ιστού παρέχουν πολύτιμες πληροφορίες για τον τρόπο με τον οποίο οι χρήστες χρησιμοποιούν τον ιστότοπό σας. Μπορούν να σας πουν πώς οι επισκέπτες συνήθως περιηγούνται στον ιστότοπο, πόσο καιρό μένουν σε κάθε σελίδα, όταν φεύγουν από τον ιστότοπο και πολλά άλλα. Αυτές οι πληροφορίες μπορούν να είναι εξαιρετικά χρήσιμες για τον εντοπισμό των προβλημάτων χρηστικότητας και των αιτιών τους.
Crazy Egg (από $ 9 / μήνα)
Αυτή η υπηρεσία ανάλυσης ιστού απεικονίζει τη συμπεριφορά των χρηστών με χάρτες θερμότητας, χάρτες κύλισης και αναφορές κομφετί.
Έλεγχος (από δωρεάν)
Ένα άλλο εργαλείο ανάλυσης ιστού, Έλεγχος παρέχει χάρτες θερμότητας, αναλύσεις σε πραγματικό χρόνο και καταγραφές οθόνης της συμπεριφοράς των επισκεπτών.
Mixpanel (από δωρεάν)
Mixpanel είναι μια πλατφόρμα ανάλυσης για την παρακολούθηση προσαρμοσμένων συμβάντων σε κινητές και εφαρμογές ιστού.
Επικύρωση, έλεγχοι συνδέσμων και δοκιμές ταχύτητας
Για μια θετική εμπειρία χρήστη είναι επίσης σημαντικό ότι η τεχνική πλευρά μιας ιστοσελίδας λειτουργεί όπως προβλέπεται. Τίποτα δεν είναι πιο απογοητευτικό από τους συνδέσμους που δείχνουν σε μη υπάρχουσες σελίδες, ιστοσελίδες που παίρνουν πάντα για φόρτωση ή σπασμένες σελίδες εξαιτίας σφαλμάτων HTML και JavaScript.
Υπηρεσία επικύρωσης σήμανσης W3C (δωρεάν)
Αυτή η ηλεκτρονική υπηρεσία ελέγχει αν ο κώδικας μιας ιστοσελίδας είναι έγκυρος (X) HTML.
Δρ Link Check (δωρεάν)
Αυτή η εφαρμογή ιστού ελέγχει έναν ιστότοπο για σπασμένους και μαύρους λίστες.
Δοκιμή πλήρους σελίδας Pingdom (δωρεάν)
Χρήση αυτό το εργαλείο για να ελέγξετε και να αναλύσετε πόσο χρόνο χρειάζεται η φόρτωση της ιστοσελίδας σας.
Google PageSpeed (δωρεάν)
Αυτή η υπηρεσία Google αναλύει μια ιστοσελίδα και κάνει προτάσεις για τον τρόπο βελτίωσης του χρόνου φόρτωσης.
CrossBrowserTesting (από $ 29.95 / μήνα)
Αυτή η υπηρεσία παρέχει εικονικά μηχανήματα για τη δοκιμή ενός ιστότοπου σε διαφορετικά προγράμματα περιήγησης σε διαφορετικά λειτουργικά συστήματα.
Χρησιμοποιείτε κάποιο από αυτά τα εργαλεία; Έχουμε χάσει κάτι που βασίζεστε; Ενημερώστε μας στα σχόλια.