Οπτικές τεχνικές για τη διεπαφή αποστολής

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

1) Κλίμακα προόδου αντί για «ατελείωτη» λωρίδα

Τι είναι: μια κατακερματισμένη T1→T2→Final κλίμακα με σαφή κατώτατα όρια και σημεία ανάθεσης.

Γιατί: Είναι πιο εύκολο για τον εγκέφαλο να κατανοήσει διακριτά βήματα από τη συνεχή «63% πρόοδο».

Πώς να σχεδιάσετε

3-5 υποδιαιρέσεις, σημειώστε το καθένα: «T1 100 βαθμοί», «T2 300», «Final 600».

Εμφάνιση των ληφθεισών ανταμοιβών απευθείας στα σήματα σημειώματος (εικονίδια FS/cache/badge).

Κάντε κλικ στη διαίρεση → αναδυόμενο «αυτό που έδωσαν/όταν καίγεται».

A/B-idea: σκάλα με εικονίδια έναντι ξηρής κλίμακας. Αναμονή: + 3-5 σελίδες μέχρι την ολοκλήρωση T1.

2) «Πόσο μένει» σε κατανοητές μονάδες

Τι είναι αυτό: δίπλα στην πρόοδο δείχνουμε το ισοδύναμο της προσπάθειας: σημεία → γύρους → λεπτά.

Τύπος στην κουκούλα (περίπου)

"120 πόντοι αριστερά ≈ 8 γύροι €0. 5 ≈ 6-8 λεπτά"

Κανόνες

Πρώτη φορά, μετά γύροι και χρήματα.

Διαβάστε τη διάμεση τιμή των τελευταίων 10- 20 ενεργειών των χρηστών (προσαρμοστικά κίνητρα).

Ενημέρωση κάθε 2-3 δευτερόλεπτα, χωρίς άλματα.

A/B ιδέα: "αριστερά σε γυαλιά" εναντίον "αριστερά σε λίγα λεπτά. "Αναμονή: − 10-15% των πρόωρων εξόδων.

3) Κάρτες βαθμίδας με «έναν στόχο ανά οθόνη»

Τι είναι: Κάθε βήμα της αποστολής είναι ένα ξεχωριστό φύλλο με μεγάλο στόχο και ένα κουμπί "Πώς μετράει ».

Σύνθεση κάρτας

Τίτλος: «Στάδιο 2 του 3».

Στόχος: 1 γραμμή («Συλλογή 300 βαθμών ή 150 περιστροφών»).

Πρόοδος: Μίνι σκάλα/τσιπ» 180/300 «.

Πλήκτρο «;» → κατάλογος συμπεριλαμβανόμενων/αποκλεισμένων παιχνιδιών, καπέλων, παραδειγμάτων.

Κάντε: μεγάλη γραμματοσειρά, οπτική ιεραρχική αντίθεση.

Όχι: Υπερφόρτωση με μικρές συνθήκες και αστερίσκους.

4) Ή στόχοι: οπτικό «πιρούνι» τριών διαδρομών

Τι είναι αυτό: αντί του κειμένου «ή/και» - τρία ίσα κουμπιά διαδρομής (Γρήγορος ανταγωνισμός με το οικόπεδο).

Κανόνες

Και οι τρεις διαδρομές είναι ταυτόχρονα ορατές. προβάλλεται ενεργά.

Κάτω από κάθε κουμπί - mini-ETA: «~ 8-10 λεπτά», «1 φορά × 20», «100 περιστροφές».

Μικροκείμενα

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

A/B ιδέα: καρτέλες εναντίον πλακιδίων κουμπιών. Αναμονή: + 4-7 σελ. participation_net.

5) Ζώνες ανταμοιβής στο διοικητικό συμβούλιο και σε αποστολές

Τι είναι: διαίρεση του πίνακα/καννάβου σε ζώνες (Top-3/4-10/11-50/51 +), απεικόνιση της ελάχιστης εγγυημένης ανταμοιβής κάθε ζώνης.

Οπτικός μαθητής

Χρωματικές πλάκες ζωνών. κοντά στη θέση του παίκτη - «2400 πόντοι αριστερά στη ζώνη 4-10».

Πινακίδα «Εγγυημένη: FS × 10» δεξιά στη ζώνη, χωρίς «κοιτάξτε στους κανόνες».

Όφελος: η αφαίρεση της «γυάλινης οροφής» αποτελεί ρεαλιστικό στόχο.

6) Μονάδα Timebox με «παράθυρο αναπνοής»

Τι είναι αυτό: ένα οπτικό χρονοδιακόπτη της ενεργού φάσης (15-20 λεπτά) + μια κάρτα «παύση χωρίς ποινή».

Οθόνη

Χρονοδιακόπτης υπογεγραμμένος «Παράθυρο 20:00».

Στο τέλος: soft animation + επιλέξτε «Come back later «/» Extension »(αν επιτρέπεται).

Μήνυμα: «Η παύση δεν θα διακόψει το σερί».

Επίδραση: Αυξάνει τις Συνεδρίες/DAU, μειώνει την κόπωση.

7) Φόρτωση μικροκινητήρων και σκελετών

Τι είναι αυτά: φωτεινές αναλαμπές/κομφετί με πρόοδο και ανταμοιβές; σκελετοί + λάμψη σε θέσεις με δεδομένα.

Οδηγοί με κίνηση

Διάρκεια 200-350 ms, καμπύλες ευκολίας εξόδου/ευκολίας εξόδου.

Μην επικαλύπτετε το κύριο περιεχόμενο, αλλά «τονίστε».

Οι σκελετοί επαναλαμβάνουν τη γεωμετρία των καρτών. shimer 1. 2–1. 6 δευτερόλεπτα.

A/B ιδέα: με animation vs χωρίς. Περιμένετε: − 8-12% των πρόωρων εξόδων, + CTR να «συνεχιστεί».

8) Contextual Tula: «Πώς μετράει» και «Γιατί δεν έρχεται»

Τι είναι αυτό: το εικονίδιο «;» δίπλα στο στόχο ανοίγει έναν μίνι οδηγό με τύπους, παραδείγματα και συχνά λάθη.

Υπόδειγμα δέσμης

«Πώς μετράμε»: τύπος + 1 παράδειγμα.

«Ανώτατα όρια»: ανά ποσοστό/λεπτό/ημέρα (αριθμοί).

«Δεν σημειώνεται πρόοδος» 3 λόγοι + σύνδεσμοι με αποκλεισμένα παιχνίδια/τρόπους.

Επιπλέον: μειώνει απότομα τα εισιτήρια για υποστήριξη.

9) Χρώμα, αντίθεση & εικονογραφία (WCAG + σκοτεινό θέμα)

Βασικοί κανόνες

Ελάχιστη αντίθεση κειμένου WCAG AA (4. 5:1), μεγάλο - 3:1.

Χρώμα ≠ το μόνο μέσο νοήματος: προσθήκη εικονιδίων/μοτίβων.

Εικονίδια: 2-3 βασικές μορφές (αστέρι - ανταμοιβές, στόχος - βήμα/αποστολή, αστραπή - «σπινθήρες»).

Σκοτεινό θέμα: φόντο # 0F/12, «σπινθήρες» λάμπουν χωρίς δηλητηριώδη RGB.

Δικαιώματα πνευματικής ιδιοκτησίας μικρής κλίμακας

«Η ανταμοιβή θα καεί σε 12 ώρες» - πάντα δίπλα στο κουμπί «Πάρτε».

10) Κενές καταστάσεις, σφάλματα, ετικέτες «κάψιμο»

Τι είναι: Στοχαστικές οθόνες όταν δεν υπάρχουν δεδομένα/αποστολές και όταν τα πράγματα έχουν πάει στραβά.

Είναι άδειο

Εικόνα + "Σήμερα είναι δωρεάν. Θέλετε να δοκιμάσετε το μενού της ημέρας; "

Επιλέξτε → κουμπί αποστολής (οδηγεί στην επιλογή).

Σφάλματα

"Αποτυχία επικαιροποίησης της προόδου. Επαναλαμβάνουμε"... + spinner ≤3 sec → "Δοκιμάστε περισσότερα "/" Συνομιλία "

Η κατάσταση «Burn through X» εμφανίζεται στην κάρτα ανάθεσης και στον κατάλογο ανάθεσης.

Πρόσθετα στοιχεία διεπαφής

Το κάλυμμα έφτασε στο τσιπ: "200/200 πόντοι/ώρα - όριο. Επαναφορά στις 00:00"

Το σήμα «σχεδόν έφθασε»: ένας κίτρινος δείκτης όταν ≤150 δείχνει το κατώφλι.

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

Τοπικοποίηση: αριθμοί με μη σπασμένους χώρους «€1,000», 24ωρη μορφή χρόνου, ονόματα ημερών ανά τόπο.

Μικροκείμενα (μπορούν να εισαχθούν ως έχουν)

"120 πόντοι αριστερά ≈ 8 γύροι €0. 5 (6-8 λεπτά)"

"Είσαι στη ζώνη 11-50. Εγγυημένη: FS × 10. Άνω των 4-10 - 2.400 Βαθμοί"

"Το ανώτατο όριο έφθασε: 200 πόντοι/ώρα. Επαναφορά στις 00:00 (Ευρώπη/Κίεβο) "

«Επιλέξτε ένα μονοπάτι: Fast/Competition/With a plot - μπορείτε να αλλάξετε ανά πάσα στιγμή».

Μετρήσεις για πειράματα UI

Επίδραση UI στη χοάνη: CTR «Start», participation_net, T1/T2 ολοκλήρωση.

Συμπεριφορά: πρόωρη έξοδος (≤5 min), time-to-T1/T2, διαδρομές μεταγωγής, προβολή «?» Εργαλεία.

Ποιότητα: καταγγελίες/1k, σφάλματα επικαιροποίησης προόδου, καθυστέρηση p95.

Αξία: Δ ARPPU (καθαρό), Βραβείο & μπόνους/Ενεργό, Καθαρό Ανυψωτικό.

Πλαίσιο A/B (σύντομο)

Μονάδα: χρήστης· εμβολιασμός· διαστρωμάτωση (πλατφόρμα/γεωγραφική/σημαία πληρωτή).

Υποθέσεις: κλίμακα έναντι λωρίδας. «λεπτά» έναντι «σημείων»· πλήκτρα-μονοπάτια έναντι καρτέλες· με «sparks» animation vs without.

CUPED: χρόνος πριν από τη συνεδρία ως συν-μεταβλητός· παράθυρο ≥2 εβδομάδων με D0-D2/D3-D7 φάσεις.

Κατάλογος σχεδιαστών αποστολής

Σκάλες T1→T2→Final με εικονίδια βραβείων.
«Πόσο μένει» μπλοκ σε λεπτά/γύρους.
Βαθμίδες κάρτες, ένας στόχος ανά οθόνη.
Ή διαδρομές - τρία ορατά κουμπιά με ΠΩΑ.
Ζώνες ανταμοιβής και πεθαίνουν «εγγυημένες».
Χρονοδιακόπτης Timebox + παράθυρο αναπνοής.
Μικροκινητήρες «σπινθήρες», σκελετοί/λαμπεροί.
«Πώς μετράει» + λόγοι «γιατί να μην φύγουμε».
Αντίθεση/εικονίδια/σκοτεινό θέμα? «θα καεί μέσω X».
Κενές πολιτείες και καλοπροαίρετα λάθη.

Mini Case (συνθετικό)

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

Μετά: σκάλες με βραβεία, «8 γύροι/6-8 λεπτά», Ή-μονοπάτια-κουμπιά, timebox module, «?», «Cap availed», σπινθήρες + σκελετοί, ζώνες απονομής.

Αποτέλεσμα 4 εβδομάδων έναντι ελέγχου: participation_net + 6. 4 εκατοστιαίες μονάδες, ολοκλήρωση + 10. 8 εκατοστιαίες μονάδες, πρόωρη έξοδος − 18%, καταγγελίες/1k − 31%, Δ ARPPU (καθαρή) + €1. 7 при Βραβείο & Πριμοδότηση/Ενεργός +€0. 5.

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