← Επιστροφή σε όλα τα άρθρα

Γιατί αντικαταστήσαμε τα εικονίδια με ένα κουμπί: Ενέργειες

#Κουμπί Ενέργειες #Σχεδιασμός διεπαφής #Χρηστικότητα σε κινητό #Πίνακες #Εικονίδια #Ενημέρωση προϊόντος
Γιατί αντικαταστήσαμε τα εικονίδια με ένα κουμπί: Ενέργειες

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

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

Τι ήταν λάθος με τα εικονίδια

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

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

Ήταν μικρά, και το επικίνδυνο βρισκόταν ακριβώς δίπλα. Τα κουμπιά είχαν 28 pixel, ενώ ο συνιστώμενος στόχος αφής είναι περίπου 44. Ο κάδος καθόταν ακριβώς δίπλα στο μολύβι, στο ίδιο μέγεθος και στο ίδιο γκρι χρώμα.

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

Γραμμή πίνακα πριν και τώρα
Γραμμή πίνακα πριν και τώρα

Πώς είναι τώρα

Στη γραμμή υπάρχει ένα κουμπί Ενέργειες. Τι συμβαίνει μετά το κλικ εξαρτάται από τη συσκευή:

  • Στον υπολογιστή ανοίγει ένα μενού όπου κάθε στοιχείο έχει εικονίδιο και λέξη — Προγραμματίστε την εκδήλωσή σας, Κοινοποίηση, Αντιγραφή, Επεξεργασία, Διαγραφή.
  • Στο κινητό ανεβαίνει από κάτω ένα πλαίσιο σε όλο το πλάτος της οθόνης, με γραμμές αρκετά μεγάλες για τον αντίχειρα. Στην κεφαλίδα του βρίσκεται το όνομα της εγγραφής με την οποία δουλεύετε — το email του επισκέπτη, το όνομα της εκδήλωσης. Σε μια μακριά λίστα παρόμοιων γραμμών αυτό είναι πιο σημαντικό απ' όσο ακούγεται.
  • Η διαγραφή και άλλες μη αναστρέψιμες ενέργειες είναι χωρισμένες με μια γραμμή και κόκκινες. Όχι γκρι και κολλημένες πάνω στην Επεξεργασία.
  • Στο κινητό η στήλη με τις ενέργειες βρίσκεται στην αρχή της γραμμής — αμέσως μετά το πλαίσιο επιλογής, αν ο πίνακας έχει ένα. Δηλαδή εκεί όπου το βλέπετε χωρίς πλευρική μετακίνηση. Στον υπολογιστή έμεινε δεξιά, ακριβώς εκεί που ήταν μέχρι τώρα.
Μενού Ενέργειες στον υπολογιστή
Μενού Ενέργειες στον υπολογιστή
Στο κινητό ανεβαίνει ένα πλαίσιο από κάτω και η στήλη Ενέργειες είναι πρώτη
Στο κινητό ανεβαίνει ένα πλαίσιο από κάτω και η στήλη Ενέργειες είναι πρώτη

Γιατί ένα κουμπί, και όχι εικονίδια

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

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

Υπάρχουν και τρεις πιο πρακτικοί λόγοι:

  • Η γραμμή αφορά δεδομένα. Όνομα, email, ημερομηνία, χωρητικότητα — αυτή είναι η πληροφορία για την οποία κοιτάτε τη λίστα. Έξι εικονίδια στο τέλος κάθε γραμμής είναι οπτικός θόρυβος, που επαναλαμβάνεται όσες φορές έχετε γραμμές.
  • Παντού το ίδιο. Ξαναφτιάξαμε έτσι 28 πίνακες σε 18 οθόνες — συμπεριλαμβανομένων και των επτά στη σελίδα Επισκέπτες. Το μαθαίνετε μία φορά και ισχύει σε όλη την εφαρμογή.
  • Μπορεί να επεκταθεί. Μια νέα ενέργεια είναι πλέον μια νέα γραμμή στο μενού, όχι ένα ακόμη εικονίδιο που σπρώχνει τον πίνακα ακόμη πιο πλευρικά. Δύο ενέργειες που παλιά ζητούσαν τη δική τους στήλη — η χρήση προτύπου μηνύματος και η επεξεργασία παραγγελίας υπηρεσίας — μετακομίζουν έτσι κατευθείαν στο μενού, και οι πίνακες στένεψαν κατά μία στήλη.

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

Πού θα το δείτε

Έτσι ξαναφτιάξαμε όλες τις λίστες της εφαρμογής: Εκδηλώσεις και Υπηρεσίες, όλες τις καρτέλες της σελίδας Επισκέπτες (επισκέπτες, κρατήσεις, παραγγελίες υπηρεσιών, Λίστες, μαύρη λίστα), Προπληρωμένα πακέτα και τη Χρήση συνδρομής τους, Πρότυπα μηνυμάτων, Φόρμες και τις απαντήσεις τους, Διαθεσιμότητα υπηρεσιών, Webhooks αλλά και Χρήστες λογαριασμού.

Δεν χρειάζεται να ενεργοποιήσετε ή να ρυθμίσετε τίποτα — η αλλαγή υπάρχει ήδη στην εφαρμογή, και μάλιστα και στις 31 γλώσσες στις οποίες λειτουργεί το micali.online. Αν σε κάποιο μενού λείπει μια ενέργεια που θα περιμένατε εκεί, γράψτε μας: η λίστα ενεργειών της γραμμής βρίσκεται τώρα σε ένα σημείο και αλλάζει εύκολα.

Δοκιμάστε το micali.online