Επτά βασικοί κανόνες σχεδιασμού διεπαφής Web3

Οι κανόνες χρηστικότητας είναι γενικοί "κανόνες του αντίχειρα" που μπορείτε να χρησιμοποιήσετε για να μετρήσετε τη χρηστικότητα του ιστότοπού σας. Οι 7 βασικοί κανόνες εδώ, είναι ειδικά προσαρμοσμένοι για το Web3 και θα πρέπει να χρησιμοποιούνται παράλληλα με τις 10 γενικές αρχές του Jakob Nielsen για τον σχεδιασμό αλληλεπίδρασης(opens in a new tab).

Επτά βασικοί κανόνες ευχρηστίας για το web3

1. Τα σχόλια ακολουθούν τη δράση.
2. Ασφάλεια και εμπιστοσύνη.
3. Οι πιο σημαντικές πληροφορίες είναι προφανείς.
4. Κατανοητή ορολογία.
5. Οι ενέργειες είναι όσο το δυνατόν πιο σύντομες.
6. Οι συνδέσεις δικτύου είναι ορατές και ευέλικτες.
7. Έλεγχος από την εφαρμογή, όχι από το πορτοφόλι.

Ορισμοί και παραδείγματα

1. Τα σχόλια ακολουθούν την δράση

Θα πρέπει να είναι προφανές όταν κάτι έχει συμβεί ή συμβαίνει.

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

Συμβουλές:

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

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

2. Η ασφάλεια και η εμπιστοσύνη καλύπτονται στο

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

Συμβουλές:

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

Παράδειγμα: Συμπεριλάβετε τους ελέγχους σας στο υποσέλιδο, σε εμφανές μέγεθος.

3. Οι πιο σημαντικές πληροφορίες είναι προφανείς

Για πολύπλοκα συστήματα, παρουσιάστε μόνο τα πιο σχετικά δεδομένα. Προσδιορίστε τι είναι πιο σημαντικό και δώστε προτεραιότητα στην εμφάνισή του. Οι πάρα πολλές πληροφορίες λειτουργούν αρνητικά και οι χρήστες συνήθως "σκαλώνουν" σε μία πληροφορία όταν λαμβάνουν αποφάσεις. Στο DeFi, αυτό θα είναι πιθανώς το APR για τις εφαρμογές απόδοσης και το LTV για τις εφαρμογές δανεισμού.

Συμβουλές:

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

Παράδειγμα: Τα μεγάλα ψηφιακά στοιχεία σε πλήρες χρώμα είναι εύκολο να βρεθούν κατά τη σάρωση. To APR είναι μεγάλο και επισημαίνεται με σχετικό χρωματισμό.

4. Καθαρή ορολογία

Η ορολογία πρέπει να είναι κατανοητή και κατάλληλη. Η τεχνική ορολογία μπορεί να είναι τεράστια πρόκληση, γιατί απαιτεί την κατασκευή ενός εντελώς νέου νοητικού μοντέλου. Οι χρήστες δεν μπορούν να συσχετίσουν το σχέδιο με λέξεις, φράσεις και έννοιες που ήδη γνωρίζουν. Όλα φαίνονται μπερδεμένα και άγνωστα και υπάρχει μια απότομη καμπύλη μάθησης πριν καν επιχειρήσουν να το χρησιμοποιήσουν. Ένας χρήστης μπορεί να προσεγγίσει το DeFi θέλοντας να εξοικονομήσει χρήματα και αυτό που βρίσκει είναι: εξόρυξη, γεωργία, ποντάρισμα, εκπομπές ρύπων, δωροδοκίες, θησαυροφυλάκια, θυρίδες, veTokens, κατοχύρωση, εποχές, αποκεντρωμένοι αλγόριθμοι, ρευστότητα ιδιοκτησίας πρωτοκόλλου… Προσπαθήστε να χρησιμοποιήσετε απλούς όρους που θα είναι κατανοητοί από την ευρύτερη ομάδα ανθρώπων. Μην εφευρίσκετε νέους όρους μόνο για το έργο σας.

Συμβουλές:

• Χρησιμοποιήστε απλή και συνεπή ορολογία
• Χρησιμοποιήστε την υπάρχουσα γλώσσα όσο το δυνατόν περισσότερο
• Μη δημιουργείτε τους δικούς σας όρους
• Ακολουθήστε τις συμβάσεις όπως εμφανίζονται.
• Εκπαιδεύστε τους χρήστες όσο το δυνατόν περισσότερο

Παράδειγμα: "Οι ανταμοιβές σας" είναι ένας ευρέως κατανοητός, ουδέτερος, όρος, δεν είναι μια νέα λέξη που φτιάχτηκε για αυτό το έργο. Οι ανταμοιβές εκφράζονται σε Δολάριο ΗΠΑ για να ταιριάζουν με τα ψυχικά μοντέλα του πραγματικού κόσμου, ακόμα και αν οι ίδιες οι ανταμοιβές είναι σε άλλο κρυπτονόμισμα.

5. Οι ενέργειες είναι όσο το δυνατόν πιο σύντομες

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

Συμβουλές:

• Συνδυάστε το "Έγκριση" με άλλες ενέργειες όπου είναι δυνατόν
• Συγκεντρώστε τα βήματα για την υπογραφή συναλλαγής όσο πιο κοντά γίνεται.

Παράδειγμα: Ο συνδυασμός "προσθήκη ρευστότητας" και "δέσμευση κεφαλαίου" είναι ένα απλό παράδειγμα επιταχυντή που εξοικονομεί χρόνο και gas σε έναν χρήστη.

6. Οι συνδέσεις δικτύου είναι ορατές και ευέλικτες

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

Συμβουλές:

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

Παράδειγμα: Δείξτε στον χρήστη σε ποιο δίκτυο είναι συνδεδεμένος και επιτρέψτε του να το αλλάξει στη γραμμή εφαρμογών.

7. Έλεγχος από την εφαρμογή και όχι από το πορτοφόλι

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

Συμβουλές:

• Κατάσταση επικοινωνίας συστήματος μέσω σχολίων στο UI
• Κρατήστε αρχείο του ιστορικού τους
• Παρέχετε συνδέσμους εξερευνητών πλοκ για παλιές συναλλαγές
• Παρέχετε συντομεύσεις για αλλαγή δικτύων.

Παράδειγμα: Ένα ξεχωριστό κοντέινερ δείχνει στον χρήστη ποια σχετικά κρύπτο έχει στο πορτοφόλι του και το κύριο CTA παρέχει μια συντόμευση για την αλλαγή του δικτύου.