Τι είναι τα κουμπιά και τα χρειαζόμαστε πραγματικά;

Από την αρχή του γραφικές διεπαφές χρήστη , χρησιμοποιήσαμε κουμπιά. Σκεφτείτε ότι το αρχικό Xerox PARC GUI είναι 44 ετών, ωστόσο οι διεπαφές μας εξακολουθούν να μοιάζουν πολύ. Έχω εντοπίσει πρόσφατα την ιστορία των στυλ κουμπιών δημιουργώντας τα χρονοδιαγράμματα Dribbble . Αν και τα κουμπιά εξελίχθηκαν σύμφωνα με τις τρέχουσες τάσεις και μαζί με την τεχνολογία, η προέλευσή τους είναι αναμφισβήτητα εμπνευσμένη από πραγματικά αντικείμενα από το παρελθόν.

Κάτω δεξιά γωνία - Κατάλογος πτώσης Sears First Electric Buzzer 1897

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

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

Ώρα να κάνουμε κάτι γι 'αυτό - ώρα να σκεφτούμε χωρίς κουμπιά.

Buttonless UI - όπου αλληλεπιδρούν όλα

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

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

Microsoft HoloLens: HoloTour

Μπορούμε, για πάντα, να αφαιρέσουμε το κουμπί σεβασμού; Μικρόφωνα, κάμερες, οθόνες αφής, δονήσεις, επιταχυνσιόμετρα, γυροσκόπια, GPS, εκτεταμένη πραγματικότητα, εικονική πραγματικότητα - η λίστα συνεχίζεται - και όλα αυτά διαχειρίζονται από το smartphone ή τον υπολογιστή σας. Δεν υπάρχει πλέον λόγος να εξαναγκάζετε τους χρήστες σας να πατούν αυτό το μικρό ορθογώνιο.

Ας καταργήσουμε τα κουμπιά στις διεπαφές χρήστη

Έχετε διαβάσει Τύπος σχεδίασης; - Ο σχεδιαστής του ApeeScape Michael Abehsera θέτει τις ερωτήσεις: πού είναι οι διεπαφές χωρίς γραφικά στοιχεία; Γιατί είναι το μόνο περιεχόμενο που έχει σημασία; Πολλοί από εσάς ρωτήσατε, 'Τι γίνεται με τα κουμπιά;' Δεν τα χρειαζόμαστε πλέον, θα τα καταργήσουμε εντελώς.

Εδώ είναι μερικές ενδιαφέρουσες ιδέες:

Το Facebook μόλις ρώτησε, 'Ποια είναι η διάθεσή σας;' Δεν χρειάζεται να ** πατήσετε ένα κουμπί ** για να απαντήσετε - χρησιμοποιήστε τη φωνή σας - απλώς πείτε της να αισθάνεται καλά και κατευθυνθείτε προς την παραλία. Στη συνέχεια, σύρετε το κείμενο που αναγνωρίζει το Facebook από την απάντησή σας στο σημείο όπου θέλετε να εμφανίζεται.

πώς γράφεις κώδικα

Φωνητική αναζήτηση

Σας άρεσε ένα άρθρο Medium; Πριν από λίγο στο Μεσαίο θα μπορούσατε απλά να 'συστήσετε' ένα άρθρο. Σήμερα κάνουμε κλικ στο 'χειροκρότημα'. Απλώς «χειροκρότημα». Τι γίνεται αν δεν χρειάζεται να κάνετε κλικ σε αυτό το περίεργο μικρό κουμπί και απλά χτυπάμε κυριολεκτικά ;

Έννοια χωρίς κουμπί από Wojciech Dobry (... Μην το παίρνεις πολύ σοβαρά.)

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

ASOS - Κινούμενη εικόνα για προσθήκη στο καλάθι από Ζαχάρι Ζάο

Σκεφτείτε το περιεχόμενο και ολόκληρη την οθόνη

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

Ας δούμε πώς το κάνει το Instagram:

Περιήγηση σε μια ιστορία Instagram

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

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

Αναγνώριση χειρονομίας

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

Βιργίλ Πανά

Διεπαφές χρήστη από Ramotion & Jarek Berecki

Κάνουμε χειρονομίες όχι μόνο σε επίπεδες οθόνες αφής - οι κινήσεις πραγματοποιούνται επίσης σε χώρους AR και VR, όπου μπορούμε να περιηγηθούμε με ολόκληρο το σώμα μας.

τύπους εργαλείων οπτικοποίησης δεδομένων

Χειρονομίες στο HoloLens από τη Microsoft

Αναγνώριση χειρονομίας Clay VR στο iPhone

Φωνητικές διεπαφές

Οι Siri, Cortana, Alexa και Google Assistant είναι σε λειτουργία. Πολλοί υποστηρίζουν ότι οι φωνητικές διεπαφές είναι το μέλλον - είναι δύσκολο να διαφωνήσουμε καθώς οι πιθανές χρήσεις τους είναι πέρα ​​από τους αριθμούς. Μπορούμε να ελέγξουμε οχήματα, έξυπνα κτίρια και μηχανήματα απλά μιλώντας σε αυτά, όπως ακριβώς μιλάμε με ένα πραγματικό άτομο. Με την τεχνητή νοημοσύνη και τη μηχανική εκμάθηση, οι μηχανές είναι πλέον σε θέση να κατανοήσουν τη γλώσσα μας με μεγαλύτερη ακρίβεια. Δεν λέμε πια «μαγικά ξόρκια». μπορούμε να μιλήσουμε σε πλήρεις προτάσεις.

Εντάξει, Google ...

Χρησιμοποιώντας την ομιλία, μπορούμε να κινηθούμε ελεύθερα στον κόσμο των μεταφορών χρημάτων. Προς το παρόν, το Siri σάς επιτρέπει να μεταφέρετε χρήματα μέσω PayPal σε άλλο άτομο χρησιμοποιώντας ένα γρήγορο αίτημα: 'Siri, στείλτε 200 $ στο XYZ χρησιμοποιώντας το PayPal.' Δεν υπάρχουν κουμπιά - η μόνη επιβεβαίωση και έλεγχος ασφαλείας που απαιτείται είναι το Touch ID.

Φυσικές ενέργειες, συνδεδεμένες συσκευές και αναγνώριση βίντεο

Χαμογελάτε να πληρώσετε; Φυσικά! Η Alibaba και η KFC ξεκίνησαν από κοινού ένα σύστημα που σας επιτρέπει να πληρώνετε απλώς χαμογελώντας στη φωτογραφική μηχανή - χωρίς κουμπιά για να πατήσετε. Το σύστημα λειτουργεί για την αναγνώριση προσώπου και είναι τώρα διαθέσιμο στην Κίνα.

πώς να σχεδιάσετε ιστότοπο shopify

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

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

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

Το μέλλον του σχεδιασμού διεπαφής χρήστη

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

• Εξοικονομήστε χρόνο για τους χρήστες

• Αποτρέψτε λάθη, ολίσθηση και λάθη, και

• Αποζημίωση για τυχόν τυχαίες ενέργειες

Εννοιολογικές διεπαφές από Cosmin Capitan και Ramotion

Ήρθε η ώρα - η τεχνολογία είναι μπροστά μας. Εμείς οι σχεδιαστές ΠΡΕΠΕΙ να κυνηγούν ... και φροντίζουμε να φτάσουμε!