Τρόπος: αντιγραφή στο πρόχειρο στον Ιστό
Καθώς θα γράψω πολλούς οδηγούς κώδικα και άρθρα που περιέχουν αποσπάσματα κώδικα σε αυτήν την προοδευτική εφαρμογή ιστού, είναι σημαντικό να καλυφθούν οι ακόλουθες εργασίες που απαιτούν οι χρήστες:
- μεγάλη αναγνωσιμότητα του κώδικα
- απλή και ξεκάθαρη ενέργεια για την αντιγραφή του ενθυλακωμένου κώδικα
Αυτή είναι η κατώτατη γραμμή που απαιτείται για χρήσιμα παραδείγματα κώδικα. Αλλά μπορώ να το βελτιώσω;
Βελτίωση της αφοσίωσης
Για να βελτιώσω τη λειτουργία αντιγραφής στο πρόχειρο της εφαρμογής μου, σκέφτηκα πώς να κάνω το κλικ στο κουμπί αντιγραφής πιο διασκεδαστικό, καθώς μια ευχάριστη εμπειρία χρήστη (UX) έχει την ωραία παρενέργεια της αύξησης της αφοσίωσης.
Έκανα τα εξής: τι γίνεται αν η εφαρμογή "απαντά" με τρόπο συνομιλίας κάθε φορά που ο χρήστης αντιγράφει στο πρόχειρο; Η εμπειρία θα ήταν αμέσως πιο προσωπική. Χρησιμοποιώντας μια αλαζονική και τρομακτική γλώσσα, τα παρεχόμενα μηνύματα έχουν επίσης έναν μοναδικό χαρακτήρα σε αυτά.
Ας ρίξουμε μια ματιά στο τελικό αποτέλεσμα:
I'm a code example, sort of.
Click on the button in the bottom right corner to copy.
Όπως μπορείτε να δείτε, η ιεραρχία είναι από πάνω προς τα κάτω:
- Μίμηση ενός εγγενούς παραθύρου με στοιχεία ελέγχου παραθύρου
- περιεχόμενο
- ενέργειες (από τη γραφή, μόνο το αντίγραφο-στο πρόχειρο)
Η εφαρμογή
Κάθε φορά που ο χρήστης αντιγράφει τον κώδικα στο πρόχειρο, εμφανίζεται μια τυχαία επιλογή από μια προκαθορισμένη σειρά αποσπασμάτων κειμένου για μικρό χρονικό διάστημα. Η τυχαία επιλογή δημιουργείται για κάθε παράδειγμα κώδικα. Για να μειωθεί η πολυπλοκότητα, το κείμενο δεν είναι εγγυημένο ότι είναι μοναδικό στο πεδίο εφαρμογής του άρθρου. Ωστόσο, b / c υπάρχουν πολλές συμβολοσειρές για να διαλέξετε, οι συγκρούσεις έχουν χαμηλή πιθανότητα.
Και αυτό είναι! Ελπίζω να σας αρέσει αυτή η μικρή βελτίωση UX για ενέργειες αντιγραφής στο πρόχειρο, ίσως σας ενέπνευσε και για αλλαγές UX στη δική σας εφαρμογή!
- Tom
