Επικοινωνίες microtext και UX

1) Τι είναι τα μικροτείχη και γιατί είναι απαραίτητα

• εξηγεί «τι συμβαίνει τώρα» και «τι πρέπει να κάνουμε στη συνέχεια»·
• Μείωση σφαλμάτων και υποστήριξης
• αυξάνει τη μετατροπή και την εμπιστοσύνη.

2) Βασικές αρχές

1. Σαφήνεια> Δεν υπάρχει ασάφεια ή αργκό.
2. Πλαίσιο. Γράφουμε ακριβώς τι είναι χρήσιμο εδώ και τώρα.
3. Συντομία. Αφαιρούμε τις περιττές λέξεις χωρίς να θυσιάζουμε νόημα.
4. Ενεργά ρήματα φωνής και δράσης. Αποθήκευση, συνέχιση, αποστολή εγγράφων.
5. Ιδιαιτερότητες και ορόσημα. Τι, γιατί, πώς να διορθώσετε, πόσο καιρό θα πάρει.
6. Ακολουθία όρων. Ένας όρος είναι ένα νόημα σε όλο το προϊόν.
7. Φωνή της μάρκας και τόνος της κατάστασης. Φιλικό, αλλά χωρίς οικειότητα. σε αγχωτικά βήματα - ουδέτερα και ήρεμα.
8. Δυνατότητα πρόσβασης. Καθαρή γλώσσα, δυνατότητα ανάγνωσης δυνατά, συμβατότητα με συσκευές ανάγνωσης οθόνης.
9. Τοπικοποίηση πρώτα. Μάρκες σχεδιασμού για μήκος συμβολοσειράς, αριθμοί, χρόνος. αποφυγή πολιτισμικά ευαίσθητων ανέκδοτων.
10. Δεοντολογία και ευθύνη. Διαφάνεια των όρων, ειλικρινείς προσδοκίες, καμία χειραγώγηση.

3) Microtext point map

Ναυσιπλοΐα και CTA: ονόματα ειδών, κουμπιά, καταστάσεις με αναπηρία.
Έντυπα και CCM/καταχώριση: ετικέτες, κάτοχοι θέσης, μάσκες, κίνητρα, inline επικύρωση, σφάλματα, επιβεβαιώσεις.
Κενές καταστάσεις και «μηδενικές» οθόνες: τι είναι και πώς να ξεκινήσετε.
Κατάσταση και πρόοδος: λήψεις, ουρά αναμονής, βήματα, χρόνος αναμονής.
Γνωστοποιήσεις συστήματος: τοστ, πανό, αφρόλουτρα, ηλεκτρονικό ταχυδρομείο/εισερχόμενα.
Αναζήτηση και φίλτρα: ερωτήματα δειγμάτων, μηδενικά αποτελέσματα, διαλογή.
Πληρωμές/συμπεράσματα: απαιτήσεις δεδομένων, προθεσμίες, προμήθειες, όρια.
Ρυθμίσεις και ασφάλεια: κωδικοί πρόσβασης, 2FA, συνεδρίες, προειδοποιήσεις κινδύνου.
Βοήθεια διεπαφής: υποδείξεις, εργαλειοθήκες, εισαγωγικά FAQ, σύνδεσμοι για βοήθεια.

4) Πρότυπα βασικών ζωνών (με παραδείγματα)

4. 1 CTA και ονόματα δράσης

Αρχή: κουμπί = δράση χρήστη + αντικείμενο.

Πριν: Εντάξει → Μετά: Αποθήκευση αλλαγών

Πριν: «Μάθετε περισσότερα» → Μετά: «Διαβάστε κανόνες μπόνους»

Πριν από: «Αποστολή» → Μετά: «Αποστολή εγγράφου»

Καλό: εν συντομία, συγκεκριμένα, σε ισχύ. Κακό: αφηρημένο, αστείο, διφορούμενο.

4. 2 Ετικέτες και κάτοχοι θέσης

Η ετικέτα είναι απαραίτητη. ο κάτοχος θέσης αποτελεί παράδειγμα μορφότυπου.
Πριν: κάτοχος θέσης «Ivan Ivanov» χωρίς ετικέτα → Μετά την ετικέτα «FULL NAME», κάτοχος θέσης «Ivan Іvanov».

Προσδοκίες μορφοποίησης: "DD. MM. YYYY", "Min. 8 χαρακτήρες, 1 ψηφίο"

4. 3 Inline επικύρωση και σφάλματα

Τύπος μηνύματος σφάλματος: τι είναι λάθος + πώς να διορθώσετε + (γιατί/περιορισμός).

Πριν: "Error 400" → Μετά: "Μη έγκυρη μορφή ημερομηνίας. Χρήση DD. MM. YYYY"

Πριν: "Αποτυχία φόρτωσης" → Μετά: "Το αρχείο είναι πολύ μεγάλο (μέγιστο 10 MB). Παρακαλώ επιλέξτε ένα μικρότερο αρχείο.
Για άνοιγμα/κλειδαριά: Προσθήκη του συνδέσμου Show Requirements δίπλα-δίπλα.

4. 4 Κενές καταστάσεις

Σκοπός: Εξηγήστε την αξία και προτείνετε την ανάληψη δράσης.

Πρότυπο: "Εδώ θα είναι [αποτέλεσμα/ιστορία] μόλις [δράση]. [Κουμπί βήματος]"

Παράδειγμα: "Δεν έχετε ακόμα αποθηκευμένες μεθόδους πληρωμής. Προσθήκη κάρτας - αυτό θα επιταχύνει τις πληρωμές. [Προσθήκη χάρτη]"

4. 5 Τηλεφορτώσεις, πρόοδος, αναμονή

Αναφέρετε τι συμβαίνει και πόσο χρόνο θα χρειαστεί: «Ελέγχουμε τα έγγραφα (έως 2 λεπτά)».
Προσφέρετε μια εναλλακτική λύση: «Μπορείτε να κλείσετε το παράθυρο - θα σας ειδοποιήσουμε όταν όλα είναι έτοιμα».

4. 6 Μηδενικά αποτελέσματα αναζήτησης

Παράδειγμα: «Τίποτα δεν βρέθηκε για «live blackjack. Δοκιμάστε «blackjack» ή αφαιρέστε το φίλτρο «Provider: X». [Επαναφορά φίλτρων]"

4. 7 Κοινοποιήσεις (τοστ/πανό/κακά)

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

Προσοχή: "Η σύνοδος λήγει σε 1 λεπτό. Ανανέωση [Ανανέωση] [Εγκατάλειψη]"

Σφάλμα: "Η πληρωμή απορρίφθηκε από την τράπεζα. Δοκιμάστε μια άλλη μέθοδο ή επικοινωνήστε με την τράπεζα σας.

4. 8 Πληρωμές, όρια, προθεσμίες

Γράψτε ξεκάθαρα για τις προμήθειες/όρους: "Η προμήθεια του 1. Το 5% διατηρείται από τον πάροχο", "Πληρωμή - έως 15 λεπτά"

Εξηγήστε τους λόγους των αστοχιών: «Η μέθοδος δεν είναι διαθέσιμη στην περιφέρειά σας λόγω των κανόνων του παρόχου».

4. 9 Ασφάλεια και ευαίσθητα στάδια

Ουδέτερος τόνος, μηδενικά αστεία.
Παράδειγμα: "Παρατηρήσαμε μια είσοδο από μια νέα συσκευή. Εσύ είσαι [Ναι, είμαι εγώ] [Όχι] ".

5) Τόνος και ύφος: προσαρμογή στην κατάσταση

Κανονική ροή: φιλική, συνοπτική.
Μάθηση/επιβίβαση: υποστήριξη και παροχή κινήτρων.
Άγχος/σφάλμα/πληρωμή: ουδέτερη, ήρεμη, συγκεκριμένη.
Νομικοί/όροι: τυπικά διαφανείς, χωρίς υποσχέσεις εμπορίας.

• Χρησιμοποιούμε: «σε παρακαλώ», «έτοιμος», «μην ανησυχείς», «έλεγξε».
• Αποφεύγουμε: «ω», «ουπς», «χακ», «μαγεία», σαρκασμός, υποτιμητικό.

6) Εντοπισμός και διεθνοποίηση

Ορίστε το περιθώριο μήκους γραμμής (DE/UK περισσότερο).
Αριθμοί/Νομίσματα/Ημερομηνίες - Μορφή τοπικά.
Μην κρυπτογραφήσετε νόημα σε χιούμορ/μεταφορές.
Κρατήστε ένα γλωσσάριο όρων και τονικού χάρτη ανά γλώσσα (ένα σύνολο φράσεων δειγματοληψίας για κάθε περίπτωση).

7) Διαθεσιμότητα (A11y)

Σφάλματα και σημαντικές καταστάσεις - aria-live.
Αντίθεση και αναγνωσιμότητα σε επίπεδο WCAG.
Το νόημα είναι στην ετικέτα/aria-label, όχι μόνο στον κάτοχο της θέσης.
Ισοδύναμα κειμένου για εικονίδια: «Διαγραφή», «Απόκρυψη κωδικού πρόσβασης».
Σειρά καρτέλας = σειρά νοήματος.

8) Διαδικασία και σύστημα σχεδιασμού περιεχομένου

Αγωγός περιεχομένου: σύντομη σχέδιο επανεξέτασης UX νομικής/συμμόρφωσης (εάν είναι απαραίτητο) τοπικοποίηση δοκιμές απελευθέρωσης.

• Κρατικές βιβλιοθήκες (επιτυχία/πληροφορίες/προσοχή/σφάλμα)
• Σφάλματα κατά τύπο πεδίου
• οδηγός ονομασιών CTA·
• χάρτης τόνων και γλωσσάριο·
• «μηχανές διανομής» μήκους (μέγιστες τιμές για τις καταστάσεις).
• Έκδοση κειμένου: αποθήκευση γραμμών δίπλα στον κωδικό/κατασκευαστικά στοιχεία, χρήση κλειδιών και περιγραφών.

9) Μετρήσεις και πειράματα

Βασικές μετρήσεις: μετατροπή βήματος, CTA CTR, χρόνος ολοκλήρωσης, ποσοστό σφάλματος συγκεκριμένου τύπου, NPS/CSAT για το σενάριο, συχνότητα κλήσεων υποστήριξης για το θέμα.
Έρευνα: συνεντεύξεις UX, δοκιμές χρηστικότητας, ανάγνωση δυνατά, παρακολούθηση ματιών για ανίχνευση τυφλού σημείου, ανάλυση κενού κλικ-χάρτη κατάστασης.
Δοκιμές microcopy A/B: δοκιμή ενός σημασιολογικού παράγοντα τη φορά (ρήμα δράσης, ειδικότητα όρου, σύνθεση σφάλματος).

10) Αντι-μοτίβα

Χιούμορ σε κρίσιμα βήματα («upsik!» σε περίπτωση σφάλματος πληρωμής).
Αφηρημένα CTA ("OK", "Nex ) χωρίς αντικείμενο δράσης.
Τεχνικοί κωδικοί χωρίς μετάφραση («Error 500» αντί «Service is not available»).
Ο κάτοχος της θέσης αντί της ετικέτας.
Κρυφές συνθήκες και παράλογες προσδοκίες («Άμεσα» όταν υπάρχουν καθυστερήσεις).
«Μηδέν» κενές καταστάσεις χωρίς επόμενο βήμα.
Παθητικές εξασφαλίσεις και απρόσωπες δομές («πρέπει να συμπληρωθούν»).

11) Σχέδια φράσεων (μπορούν να ληφθούν και να εισαχθούν)

• «Παρακαλώ εισάγετε έναν αριθμό τηλεφώνου στη μορφή + 380»...
• "Ο κωδικός πρόσβασης είναι πολύ σύντομος. Τουλάχιστον 8 χαρακτήρες"
• "Το έγγραφο είναι θολή. Αποστολή μιας σαφέστερης φωτογραφίας"

• "Έγινε! Θα επανεξετάσουμε τα έγγραφα (έως 2 λεπτά) και θα αποστείλουμε κοινοποίηση"
• "Η πληρωμή έγινε δεκτή. Η απόδειξη απεστάλη με ηλεκτρονικό ταχυδρομείο"

• "Το ιστορικό των συναλλαγών μετά την πρώτη αναπλήρωση θα εμφανιστεί εδώ. [Επαναπλήρωση]"

• "Συνδέουμε τον πάροχο... συνήθως διαρκεί έως και 30 δευτερόλεπτα"

• "Μπλοκάραμε μια προσπάθεια εισόδου από ένα άγνωστο μέρος. Εάν είστε εσείς - επιβεβαιώστε στην αίτηση"

12) Κατάλογοι ελέγχου

• Είναι σαφές τι πρέπει να κάνει ο χρήστης στη συνέχεια
• Υπάρχουν λεπτομέρειες: μορφή, όριο, όρος, αιτία/αποτέλεσμα

Οι όροι ταιριάζουν με το γλωσσάριο

• Είναι ο τόνος κατάλληλος για την κατάσταση
• Μήνυμα ευανάγνωστο δυνατά και σε οθόνη 320 px
• Διαθεσιμότητα: ετικέτες, χαρακτηριστικά άρια, εστίαση, αντίθεση.
• Είναι έτοιμη η επιλογή για εντοπισμό (χωρίς πολιτιστικές παγίδες)

• Εξηγεί το μήνυμα τον λόγο
• Προτείνει μια λύση
• Δεν κατηγορεί τον χρήστη
• Δεν αποκαλύπτονται περιττές τεχνικές λεπτομέρειες

13) Πριν/μετά τα παραδείγματα

1. Άρνηση πληρωμής

Προς: «Σφάλμα πληρωμής»

Μετά: "Η τράπεζα αρνήθηκε την πληρωμή. Παρακαλώ δοκιμάστε άλλη κάρτα ή επικοινωνήστε με την τράπεζα σας. Το τέλος δεν χρεώθηκε"

2. Διφορούμενο κουμπί

Πριν: «Συνεχίστε» (ασαφές τι ακριβώς)

Μετά: «Μεταβείτε στην επιβεβαίωση ταυτότητας»

3. Μηδενική αναζήτηση

Πριν: «Τίποτα δεν βρέθηκε»

Μετά: "Τίποτα δεν βρέθηκε στη ρουλέτα ζωντανά. «Αφαιρέστε το φίλτρο «Μόνο για υψηλά όρια» ή δοκιμάστε «ρουλέτα. «[Επαναφορά φίλτρων]»

4. Κενό πορτοφόλι

Πριν: «Είναι άδειο εδώ»

Μετά: "Για να ξεκινήσετε, συνδέστε ένα φύλλο ή ένα πορτοφόλι. Αυτό θα επιταχύνει την αναπλήρωση και τις πληρωμές. [Προσθήκη μεθόδου πληρωμής]"

14) Ενσωμάτωση της μικροσκόπησης στην εργασία προϊόντων

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

Σύντομο φύλλο εξαπάτησης

Σημαίνει → Δράση → Λέξη. Πρώτα τι πρέπει να γίνει και μετά πώς να το πούμε.
Μία οθόνη είναι ένας στόχος. Το microtext εξυπηρετεί το σκοπό του βήματος.
Περισσότερο πλαίσιο - λιγότερη υποστήριξη. Εξηγήστε εγκαίρως και στην υπόθεση.
Test λέξεις με τον ίδιο τρόπο όπως UI. Τα κείμενα αποτελούν μέρος της διεπαφής, όχι διακόσμηση.