Η απτική επιστροφή: Βάθος, γυαλί και φυσική ανατροφοδότηση στη σύγχρονη διεπαφή χρήστη
Γιατί το βάθος, η ημιδιαφάνεια και η φυσική κίνηση επιστρέφουν στη σχεδίαση διεπαφής χρήστη μετά την επίπεδη σχεδίαση, τι άλλαξαν τα Liquid Glass και Material 3 Expressive της Apple και πώς να τα διατηρήσετε χρησιμοποιήσιμα.
Core Takeaway
Μετά από μια δεκαετία επίπεδης σχεδίασης, το βάθος και η φυσική ανατροφοδότηση επιστρέφουν. Το 2025 η Apple παρουσίασε το Liquid Glass, ένα ημιδιαφανές υλικό για χειριστήρια και πλοήγηση, και η Google παρουσίασε το Material 3 Expressive, που υποστηρίζεται από έρευνα για πιο συναισθηματικό σχεδιασμό. Όταν χρησιμοποιείται καλά, το βάθος δείχνει τι είναι διαδραστικό και η κίνηση επιβεβαιώνει ενέργειες. χρησιμοποιείται απρόσεκτα, η ημιδιαφάνεια μειώνει την αντίθεση και βλάπτει την αναγνωσιμότητα.
Τι άλλαξε το 2025
Στις 9 Ιουνίου 2025, η Apple ανακοίνωσε την ευρύτερη ενημερωμένη έκδοση σχεδιασμού λογισμικού της, που βασίζεται σε ένα νέο υλικό που ονομάζεται Liquid Glass. Είναι ημιδιαφανές, αντανακλά και διαθλά ό,τι βρίσκεται πίσω του και εκτείνεται στα iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 και tvOS 26. Η Google, εν τω μεταξύ, περιέγραψε το Material 3 Expressive ως τις πιο ερευνημένες μελέτες σχεδιασμού18 μελέτες της, με περισσότερους από 0 συμμετέχοντες. Η Google αναφέρει ότι οι συμμετέχοντες εντόπισαν βασικά στοιχεία διεπαφής χρήστη έως και τέσσερις φορές πιο γρήγορα στα εκφραστικά σχέδια και ότι η προτίμηση ήταν ισχυρότερη, έως και 87%, μεταξύ των ατόμων ηλικίας 18 έως 24 ετών.
Βάθος με δουλειά να κάνεις
Οι οδηγίες της Apple είναι συγκεκριμένες σχετικά με το πού ανήκει το υλικό: Το Liquid Glass σχηματίζει ένα λειτουργικό επίπεδο για στοιχεία ελέγχου και πλοήγησης που αιωρείται πάνω από το περιεχόμενο και δεν πρέπει να χρησιμοποιείται στο ίδιο το επίπεδο περιεχομένου. Αυτή είναι η χρήσιμη αρχή πίσω από την όλη τάση: το βάθος πρέπει να εξηγεί τη δομή, διαχωρίζοντας τι μπορείτε να ενεργήσετε από αυτό που διαβάζετε.
Το κόστος χρηστικότητας
Δεν είναι όλοι πεπεισμένοι. Ο Nielsen Norman Group υποστήριξε ότι το Liquid Glass στο iOS 26 συσκοτίζει το περιεχόμενο και ότι οτιδήποτε τοποθετείται πάνω από κάτι άλλο γίνεται πιο δύσκολο να δει κανείς, ειδικά το κείμενο πάνω από πολυάσχολα φόντο. Το πρακτικό μάθημα είναι ότι η ημιδιαφάνεια χρειάζεται προστατευτικά κιγκλιδώματα: δοκιμάστε την αντίθεση σε πραγματικό περιεχόμενο, αυξήστε το θάμπωμα ή την αδιαφάνεια πίσω από το κείμενο και υποστηρίξτε τις ρυθμίσεις του συστήματος για μειωμένη διαφάνεια και αυξημένη αντίθεση.
Η φυσική ανάδραση είναι το ανθεκτικό μέρος
Οι οπτικές τάσεις έρχονται και παρέρχονται, αλλά η φυσική ανατροφοδότηση διαρκεί γιατί βοηθάει τους ανθρώπους. Ένα κουμπί που συμπιέζεται ελαφρά όταν πιέζεται, ένα φύλλο που ακολουθεί το δάχτυλο και κολλάει με ένα ελατήριο ή μια εναλλαγή που κουμπώνει στη θέση του επιβεβαιώνουν ότι καταγράφηκε μια ενέργεια. Η ανοιξιάτικη φυσική είναι το φυσικό εργαλείο για αυτό, επειδή ανταποκρίνεται στις διακοπές και την ταχύτητα χειρονομιών όπως τα πραγματικά αντικείμενα.
Πώς να το υιοθετήσετε προσεκτικά
Ξεκινήστε με σχόλια, όχι διακόσμηση:
- Προσθέστε πιέστε, σύρετε και αφήστε σχόλια στα στοιχεία ελέγχου που χρησιμοποιούν περισσότερο οι άνθρωποι.
- Χρησιμοποιήστε στρώματα και σκιές για να διαχωρίσετε τα στοιχεία ελέγχου από το περιεχόμενο.
- Ελέγξτε την αντίθεση κειμένου πάνω από οποιαδήποτε ημιδιαφανή επιφάνεια.
- Σεβαστείτε τη μειωμένη κίνηση, τη μειωμένη διαφάνεια και τις αυξημένες ρυθμίσεις αντίθεσης.
- Διατηρήστε τα εφέ συνεπή μέσω των διακριτικών κίνησης και ανύψωσης.
Κλειδί Principles για να θυμάστε
- Η Apple παρουσίασε το Liquid Glass τον Ιούνιο του 2025. Η Google παρουσίασε το Material 3 Expressive
- Το βάθος λειτουργεί όταν διαχωρίζει τα στοιχεία ελέγχου από το περιεχόμενο
- Η ημιδιαφάνεια μπορεί να βλάψει την αντίθεση και την αναγνωσιμότητα. τεστ με πραγματικό περιεχόμενο
- Η φυσική ανατροφοδότηση (πατήστε, σύρετε, καθίζηση ελατηρίου) είναι το ανθεκτικό μέρος της τάσης
- Σεβαστείτε τη μειωμένη κίνηση, τη μειωμένη διαφάνεια και την αυξημένη αντίθεση
Συχνές Ερωτήσεις
Πηγές
- Apple introduces a delightful and elegant new software design — Apple Newsroom (9 Ιουνίου 2025)
- Materials — Οδηγίες ανθρώπινης διεπαφής Apple
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Design