Είναι οι επιπλέουσες ετικέτες πραγματικά τόσο προβληματικές μετά από όλα;

Αυτή είναι μια απάντηση στο έργο Adam Silver του May 25, 2017 με τίτλο Floating Labels Are Problematic.

Ως ο τύπος που έκανε το αρχικό σχέδιο που βασίστηκε στην πλειοψηφία της τρέλας Label Float, αισθάνομαι κάπως υποχρεωμένος να μοιραστώ την προοπτική μου στο θέμα.

Η αρχική σχεδίαση ετικετών float δημοσιεύθηκα στο Dribbble το 2013

Πρέπει να το ξεκαθαρίσω λέγοντας, δεν έχω συναντήσει ποτέ τον Αδάμ, αλλά διάβασα μερικά από τα άλλα του άρθρα και εκτιμώ πραγματικά και θαυμάζω τη στοχασμό του για τις μικροσκοπικές λεπτομέρειες στα άρθρα του

Ο Adam κάνει πολλά μεγάλα σημεία στο άρθρο του και σε ορισμένα πλαίσια, θα συμφωνούσα.

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

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

Αν δοκιμάσατε έναν τρόπο σε σχέση με τον άλλο, χρησιμοποιήστε τη μέθοδο με υψηλότερη απόδοση. Ποιος δεν θέλει υψηλότερα ποσοστά μετατροπής;

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

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

Μπορώ όμως να πω ότι πρόσφατα χρησιμοποίησα ετικέτες float στο έντυπο μαθημάτων Intro to Icon Design και έχω δει ποσοστό μετατροπής πάνω από 30%. Σύμφωνα με τη γρήγορη έρευνα μου, αυτό είναι 10 φορές υψηλότερο από το μέσο όρο επιλογής σε μορφή που παράγει μόνο 3% μετατροπές.

Από την ελεύθερη σειρά βίντεο Intro to Icons

Θα ήταν υψηλότερα τα ποσοστά μετατροπής αν δεν χρησιμοποιούσα ετικέτες float; Το ένστικτό μου λέει "όχι", αλλά δεν έχω δεδομένα για να το υποστηρίξω.

Με όλα αυτά έξω από το δρόμο, ας σκάψουμε τα σχόλιά μου. Οι παρακάτω αριθμημένοι τίτλοι και εισαγωγικά παρακάτω λαμβάνονται κατευθείαν από το άρθρο.

1. Δεν υπάρχει χώρος για υπαινιγμό

Το άρθρο αναφέρει:

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

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

Ωστόσο, αν θέλετε πραγματικά μια σημείωση ή έναν υπαινιγμό, θα μπορούσατε να το μετακινήσετε κάτω από το πεδίο εισαγωγής και απλά να πιέσετε λίγο το άλλο πεδίο.

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

Σε μερικές περιπτώσεις οι συμβουλές ή οι ετικέτες είναι εξαιρετικά χρήσιμες και σε άλλες περιπτώσεις είναι ένα bandaid σε μια κακώς σχεδιασμένη μορφή. Απλώς δεν μπορεί να είναι απόλυτο πρότυπο εκτός πλαισίου.

2. Είναι δύσκολο να διαβαστούν

Το άρθρο αναφέρει:

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

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

Επιπλέον, το μέγεθος του κειμένου είναι σχετικό γενικά με το σχεδιασμό - και οι ίδιοι οι ετικέτες δεν επιπλέουν. Είναι πολύ πιθανό οι ετικέτες επίπλευσης να έχουν το ίδιο μέγεθος με μια τυπική ετικέτα.

Αν το κείμενο εμφανίζεται σε τυπικό μέγεθος 16-18px, είναι γενικά αποδεκτό ως ευανάγνωστο. Ίσως περισσότερο από το να πούμε ένα μέγεθος 12-14px.

Ας συμφωνήσουμε για μια στιγμή ότι το 18px είναι στην πραγματικότητα ευκολότερο να διαβαστεί από 12px ...

Είναι πάρα πολύ αδύνατο να υποθέσουμε ότι ένα ευανάγνωστο 16-18px, κλιμακωτά κλιμακωμένο σε 12-14px μετά από ένα χρήστη που αρχίζει να πληκτρολογεί, θα ήταν ξαφνικά πολύ μικρό για να διαβάσει;

Δεν αρνούμαι ότι το 12px μπορεί να είναι πιο δύσκολο να διαβαστεί από 18px, αλλά βλέπω μια ετικέτα float ως τεχνούργημα του παρελθόντος και όχι μια ένδειξη για το μέλλον.

Είναι μια ένδειξη παραμονής και όχι μια οδηγία για το τι πρέπει να κάνουμε.

3. Χρειάζονται χώρο για να μπουν μέσα

Το άρθρο αναφέρει:

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

Αυτό είναι αλήθεια, απολύτως.

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

Ο Chris Coyier έγραψε ακόμη και τις σκέψεις του σε αυτό το συγκεκριμένο ζήτημα και κατέληξε στο συμπέρασμα ότι οι ετικέτες επιπλέουν δεν εξοικονομούν κανένα κατακόρυφο ύψος.

ΑΛΛΑ…

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

Και με μικρότερο μέγεθος κειμένου, π.χ. 12px αντί για 16px, θα εξοικονομήσετε αποτελεσματικά 4 ή περισσότερα pixels του χώρου. Ενδεχομένως ακόμη και 8px, δεδομένου ότι δεν θα χρειαστεί να προσθέσετε επιπλέον περιθώριο κάτω από την ετικέτα με την παραδοσιακή έννοια.

Πραγματικά, κατεβαίνουμε στα ζιζάνια εδώ, pixel-wise, αλλά ένας μεγάλος σχεδιαστής διεπαφών θα είναι οδυνηρά ενήμερος για μια διαφορά 4px και η επίδραση που μπορεί να έχει σε ολόκληρο το σχέδιο, αν χρησιμοποιηθεί σωστά ή ακατάλληλα.

Επομένως, αν αποθηκεύσετε 8px σε 5 πεδία εισόδου σε μια φόρμα, έχετε αποθηκεύσει συνολικά 40px. Αυτό είναι περίπου το ίδιο ύψος ενός κουμπιού στην οθόνη κινητής τηλεφωνίας.

Θα ήταν χρήσιμο για το έργο σας; Δεν γνωρίζω. Εσείς, ως σχεδιαστής, θα πρέπει να αποφασίσετε ότι για κάθε περίπτωση χρήσης θα συναντήσετε.

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

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

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

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

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

Εικόνα που ελήφθη από το έργο Shiplify στο οποίο εργάστηκα το 2014

Μπορείτε να δείτε ότι παρόλο που μόνο τα μισά από τα πεδία ήταν στην κορυφή ευθυγραμμισμένα, είχε ακόμα ως αποτέλεσμα πάνω από 420px κατακόρυφου ύψους που σώθηκε.

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

Ξέρω ότι αυτό δεν είναι 100% έγκυρο και στατιστικά τεκμηριωμένο έλεγχο, αλλά ακόμα, είναι μια αρχή.

Θα ήθελα να αγαπήσω να βρω κάτι τέτοιο σωστά δοκιμασμένο μια μέρα, αλλά μέχρι τότε είναι μια διαίσθηση, όχι ένα γεγονός.

Υπάρχουν τόσες πολλές μεταβλητές όπως ο τύπος περιεχομένου, οι προϋπάρχουσες γνώσεις των χρηστών και άλλες που κάνουν οποιαδήποτε δοκιμή ενιαίας φόρμας απλά όχι 100% εφαρμόσιμη σε όλες τις μελλοντικές μορφές.

4. Η κίνηση είναι προβληματική

Το άρθρο αναφέρει:

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

Κρατήστε ένα δευτερόλεπτο. Αν μια κινούμενη εικόνα είναι καλά, τότε είναι εξ ορισμού "καλά", "καλή", "ικανοποιητική", "επιθυμητή", κλπ.

Ως εκ τούτου, η φράση "αποσπούν την προσοχή και αποπροσανατολισμό" δεν μπορεί να συνυπάρχει με το "κάνει καλά".

Μορφή animation από τις δωρεάν μελέτες περιπτώσεων learnaiux.com

Ξέρω ότι είμαι απίστευτα προκατειλημμένος, αλλά όταν συμπληρώσω μια φόρμα που πραγματικά καρφώνει το animation Label Float, παίρνω ένα teensy μικροσκοπικό μικρό δόλωμα ντοπαμίνης όταν το animation επιλυθεί και προχωρώ στο επόμενο πεδίο. Μια μικρή αίσθηση ολοκλήρωσης που δεν υπήρχε εκεί πριν.

Μου θυμίζει ένα παιχνίδι όπου κάτι συμβαίνει οπτικά στον απόηχο του μονοπατιού του χαρακτήρα σας. Όπως ένα αποτύπωμα.

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

Θα εξακολουθήσω να χρησιμοποιώ ευτυχώς τη φόρμα σας εάν το άλλο άκρο της φόρμας σας λύσει το πρόβλημά μου.

5. Έχουν κακή αντίθεση

Το άρθρο αναφέρει:

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

Η χαμηλή αντίθεση δεν έχει καμία σχέση με μια ετικέτα float και έχει πάντα να κάνει με το μέγεθος και το χρώμα.

Οι ελάχιστες οδηγίες WCAG 2.0 (Οδηγίες Προσβασιμότητας Περιεχομένου στο Web) αναφέρουν ότι η αναλογία χρώματος αντίθεσης 4.5: 1 είναι απαραίτητη για να περάσει κατευθυντήριες γραμμές AA για κανονικό μέγεθος κειμένου κάτω από 18 ~ px.

Ο ελαφρύτερος κώδικας εξάγωνου χρώματος που παράγει μια ικανοποιητική αναλογία αντίθεσης AA είναι # 767676 ή # 757777 στο #ffffff (λευκό) φόντο. Αυτό συμβαίνει αν χρησιμοποιείτε κανονικό βάρος γραμματοσειράς κάτω από 18px. Εάν χρησιμοποιείτε έντονο μέγεθος γραμματοσειράς σε μέγεθος 14px, μπορείτε να αναβάλλετε τη μεγάλη αναλογία αντίθεσης που παρέχει το WCAG, η οποία είναι 3,5: 1 και καταλήγει να είναι # 898989 στο #ffffff. Πλευρική σημείωση: αυτός είναι ο αγαπημένος μου ελεγκτής αντίθεσης.

Sidenote: Έχω σχεδιάσει έργα για τράπεζες που απαιτούν μια ελάχιστη βαθμολογία αντίθεσης AA για το ψηφιακό τους προϊόν. Δεν έχω συναντήσει προσωπικά έναν πελάτη που απαιτούσε περισσότερο από την ΑΑ, αλλά κάναμε AAA ως στόχο (και χτύπησε) όταν σχεδιάσαμε το σύστημα Unity Design του Exxon.

Εντάξει, έχω πάρει waaaaaay από το θέμα, αλλά το θέμα μου είναι ότι αυτό είναι ένα θέμα χρώματος και σχεδίου, όχι ένα θέμα ετικέτας float.

6. Μπορεί να είναι λάθος για μια αξία

Το άρθρο αναφέρει:

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

Αυτό είναι ένα πολύ σημαντικό σημείο και επίσης γιατί το χρώμα και η ιεραρχία είναι υψίστης σημασίας κατά το σχεδιασμό διεπαφών.

Οι σκοτεινότερες ετικέτες πάνω από τα κενά πεδία εισαγωγής είναι αρκετά δύσκολο να σφάλλουν για κάτι ήδη στον τομέα.

Εάν ορίσετε ένα προηγούμενο για τον χρήστη, έχοντας ενεργοποιήσει τις επιπλέουσες ετικέτες στην είσοδο του χρήστη ΚΑΙ το χρώμα του κειμένου εισαγωγής του χρήστη είναι πολύ πιο σκούρο από το χρώμα που φέρει το σύμβολο - πείτε # 767676 έναντι # 222222 - τότε η πιθανότητα σύγχυσης μπορεί να είναι πολύ χαμηλότερη.

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

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

7. Βρίσκονται ασυνεπώς

Το άρθρο αναφέρει:

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

Αυτό είναι ένα πρόβλημα σχεδιασμού, όχι ένα πρόβλημα ετικέτας float. Το Shopify κάνει μια απίστευτη δουλειά με την ετικέτα float στα πεδία εισαγωγής και επιλέξτε κουτιά.

8. Η ετικέτα μπορεί να κοπεί

Το άρθρο αναφέρει:

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

Αυτό δεν είναι ένα θέμα ετικέτας float per se, αυτό είναι ένα κακό θέμα σχεδιασμού μορφή.

Κανένας δεν θα πρέπει ποτέ να έχει μια ετικέτα placeholder τόσο μακρά.

Και αν θέλετε πραγματικά να ζητήσετε μια ερώτηση δύο γραμμών ως ετικέτα εισόδου, τότε εγώ 100% συνιστώ ΔΕΝ χρησιμοποιώντας μια ετικέτα float.

Δεν έχει νόημα αυτή η περίπτωση χρήσης.

9. Αγνοούν τα πρότυπα

Το άρθρο αναφέρει:

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

Αυτό είναι το πρότυπο των αναφορών του άρθρου. Αναφέρει:

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

Hmmm, "Μια λέξη ή μια σύντομη φράση που προορίζεται να βοηθήσει τον χρήστη" ακούγεται σαν να μπορούσε να περιγράψει μια ετικέτα!

Τώρα τα τυπικά έγγραφα λένε επίσης:

Το χαρακτηριστικό σύμβολο κράτησης θέσης δεν πρέπει να χρησιμοποιείται ως εναλλακτική λύση σε μια ετικέτα.

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

Συμφωνώ 100% ότι καμία ετικέτα και μόνο δεδομένα κράτησης θέσης δεν είναι κακή ιδέα. Γι 'αυτό υπάρχει η ετικέτα float!

Η ετικέτα float δημιουργήθηκε ΜΕΤΑ το πρότυπο αυτό γράφτηκε. Δεν αξίζει να αμφισβητήσουμε τις πρωτότυπες υποθέσεις σε παλαιά έγγραφα, όταν προκύψουν νέες ιδέες; Ειδικά αυτά που υιοθετούνται τόσο γρήγορα.

Είναι λογικό να αναρωτιέται κανείς γι 'αυτό και όχι να παραβιάζει;

Πρέπει να υπάρχει κάποιος βάσιμος λόγος για τον οποίο η Google υιοθέτησε αυτό το μοτίβο ως πρότυπο στις Οδηγίες σχεδίασης υλικού.

Εκτός από την Google, οι ακόλουθες εταιρείες έχουν υιοθετήσει σχέδια ετικετών float στις εφαρμογές τους.

  1. Shopify
  2. Χαλαρότητα
  3. Digital Ocean
  4. Δέλτα
  5. Invision
  6. Πολλά περισσότερα δεν θυμάμαι ...

Περίληψη

Το άρθρο αναφέρει:

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

Συμφωνώ ότι οι χρήστες θέλουν το αποτέλεσμα, αλλά διαφωνούν ότι οι φόρμες δεν πρέπει να είναι διασκεδαστικές. Ένας χρήστης που διασκεδάζει είναι πολύ πιο πιθανό να θυμάται την εμπειρία του με το προϊόν σας.

Θα προσθέσω μια προειδοποίηση αν και δεν πρέπει να θέσετε την ψυχαγωγία πάνω από τη λειτουργικότητα και τη σαφήνεια.

Υπάρχουν καλύτερες και πιο παραγωγικές τεχνικές για τη βελτίωση του σχεδιασμού της φόρμας. Ας ξοδέψουμε χρόνο και ενέργεια σε εκείνους αντ 'αυτού.

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

Αλλά δεν πρέπει να ξοδεύουμε χρόνο σε ΟΛΕΣ τις πτυχές της βελτίωσης του σχεδιασμού της φόρμας;

Αυτό το άρθρο δημοσιεύθηκε αρχικά στο mds.is, επειδή προφανώς τώρα θα πρέπει να δημοσιεύσετε στο δικό σας blog AND Medium γιατί θέλετε να διαμορφώσετε μόνο μία θέση blog;

Για περισσότερους πόρους σχετικά με την προέλευση του σχεδίου ετικέτας float, δείτε αυτήν την ανάρτηση.