Η φόρμα σύνδεσης δίνει στους χρήστες πρόσβαση στους λογαριασμούς τους στην ιστοσελίδα σου. Δες πώς είναι ένας καλός σχεδιασμός φόρμας σύνδεσης και πώς οι φόρμες επαναφοράς κωδικού κρατούν τα πράγματα ασφαλή.
Πόσες φορές έχεις προσπαθήσει να μπεις σε μια ιστοσελίδα και δεν θυμόσουν τον κωδικό σου; Δοκιμάζεις έναν, δεν δουλεύει. Δοκιμάζεις άλλον, πάλι λάθος. Πατάς «ξέχασα τον κωδικό», περιμένεις ένα email, τον αλλάζεις, και μέχρι να μπεις έχεις ήδη χάσει δύο λεπτά και τη μισή σου υπομονή. Σκέψου τώρα το ίδιο από την άλλη πλευρά. Αν η σύνδεση στην ιστοσελίδα σου είναι τόσο εκνευριστική, οι χρήστες σου το νιώθουν κάθε φορά.
Η φόρμα σύνδεσης είναι ο τρόπος που οι χρήστες που επιστρέφουν μπαίνουν ξανά στον λογαριασμό τους. Η φόρμα «ξέχασα τον κωδικό» είναι ο τρόπος να ανακτήσουν την πρόσβαση όταν δεν θυμούνται τα στοιχεία τους. Μαζί, είναι οι θυρωροί κάθε προστατευμένης περιοχής της ιστοσελίδας σου. Αν τις φτιάξεις σωστά, οι χρήστες περνούν ομαλά. Αν τις φτιάξεις λάθος, οι χρήστες είτε τα παρατούν είτε επικοινωνούν με την ομάδα υποστήριξής σου για βοήθεια που μια καλή φόρμα θα μπορούσε να δώσει αυτόματα.
Τι είναι η φόρμα σύνδεσης;
Η φόρμα σύνδεσης είναι μια απλή φόρμα με δύο πεδία: μια διεύθυνση email (ή όνομα χρήστη) και έναν κωδικό. Ο χρήστης γράφει τα στοιχεία του, το σύστημα τα ελέγχει με τα αποθηκευμένα στοιχεία του λογαριασμού και, αν ταιριάζουν, ο χρήστης παίρνει πρόσβαση. Αν δεν ταιριάζουν, η φόρμα δείχνει σφάλμα.
Ο καλός σχεδιασμός φόρμας σύνδεσης την κρατά καθαρή και προφανή. Τα δύο πεδία πρέπει να είναι στο κέντρο, με ένα ξεκάθαρο κουμπί «Σύνδεση» από κάτω. Ένας σύνδεσμος «Ξέχασες τον κωδικό;» πρέπει να φαίνεται χωρίς να αποσπά. Χωρίς επιπλέον πεδία, χωρίς περιττά βήματα. Όσο πιο γρήγορα μπορεί κάποιος να συνδεθεί, τόσο καλύτερη είναι η εμπειρία.
Τι είναι η φόρμα επαναφοράς κωδικού;
Η φόρμα επαναφοράς κωδικού, που συχνά έχει την ετικέτα «Ξέχασα τον κωδικό», αφήνει τους χρήστες να ανακτήσουν την πρόσβαση όταν δεν θυμούνται τα στοιχεία τους. Η διαδικασία συνήθως δουλεύει έτσι: ο χρήστης γράφει το email του, το σύστημα στέλνει έναν σύνδεσμο επαναφοράς σε αυτή τη διεύθυνση, ο χρήστης πατά τον σύνδεσμο και ορίζει νέο κωδικό. Απλό, ασφαλές και αυτοεξυπηρέτηση.
Χωρίς επιλογή επαναφοράς κωδικού, κάθε ξεχασμένος κωδικός γίνεται αίτημα υποστήριξης. Αυτός είναι χρόνος που ξοδεύει η ομάδα σου για να λύσει ένα πρόβλημα που μια φόρμα μπορεί να χειριστεί μόνη της σε δευτερόλεπτα.
Τι κάνει μια φόρμα σύνδεσης ασφαλή;
1. Κρυπτογραφημένες συνδέσεις
Η σελίδα σύνδεσης πρέπει να έχει ενεργό SSL, ώστε τα στοιχεία να ταξιδεύουν κρυπτογραφημένα ανάμεσα στο πρόγραμμα περιήγησης και τον διακομιστή σου. Χωρίς αυτό, τα στοιχεία σύνδεσης θα μπορούσαν να υποκλαπούν.
2. Περιορισμός προσπαθειών
Ο περιορισμός του αριθμού των προσπαθειών σύνδεσης εμποδίζει τις αυτοματοποιημένες επιθέσεις να μαντέψουν κωδικούς. Μετά από λίγες αποτυχημένες προσπάθειες, η φόρμα πρέπει να κλειδώνει προσωρινά ή να βάζει μια καθυστέρηση πριν επιτρέψει κι άλλες.
3. Ασφαλής αποθήκευση κωδικών
Οι κωδικοί δεν πρέπει ποτέ να αποθηκεύονται ως απλό κείμενο στον διακομιστή σου. Πρέπει να είναι κρυπτογραφημένοι, ώστε ακόμα κι αν κάποιος αποκτήσει πρόσβαση στη βάση δεδομένων σου, να μη μπορεί να διαβάσει τους πραγματικούς κωδικούς.
4. Καθαρά μηνύματα σφάλματος
Μην λες στους χρήστες αν ήταν λάθος το email ή ο κωδικός. Ένα γενικό μήνυμα όπως «Λάθος email ή κωδικός» εμποδίζει τους επιτιθέμενους να βρουν ποιοι λογαριασμοί υπάρχουν στο σύστημά σου.
Οι φόρμες σύνδεσης και επαναφοράς κωδικού είναι μικρές, αλλά διαμορφώνουν το πώς ζει κάθε χρήστης που επιστρέφει την ιστοσελίδα σου. Κράτα τες καθαρές, γρήγορες και ασφαλείς. Ο δημιουργός ιστοσελίδων του WEMASY σε αφήνει να φτιάχνεις δικές σου σελίδες στην ιστοσελίδα σου. Για τη μεγάλη εικόνα, διάβασε για τις φόρμες ιστοσελίδας και τη σημασία τους.