Sebelum Pengumuman bulan iniGoogle secara tidak sengaja menerbitkan posting blog yang merinci pemikiran dan penelitian di balik materi ekspresif.
Publikasi lengkap blog disimpan oleh Mesin wayback (Dengan gambar yang tidak muncul dalam versi file di bawah). Berikut adalah kesimpulan utama:
Materi 3 adalah “alamat berani baru yang sangat besar untuk desain” Google, yang merupakan “pembaruan yang paling diselidiki dari sistem desain Google”. Google ingin aplikasi “bergerak melampaui desain ‘bersih’ dan ‘membosankan’ untuk membuat antarmuka yang terhubung dengan orang pada tingkat emosional.” Selain nama lengkapnya, juga dikenal sebagai “M3 Ekspresif” atau hanya “desain ekspresif.”
Bahan 3 Ekspresif lahir dari penyelidikan, bukan dalam bentuk 41 nada biru, yang mendelegasikan keputusan desain untuk data, tetapi dalam penyelidikan kolaboratif yang mencakup penelitian, desain, dan teknik.
Pada tahun 2022, tim desain material mulai bertanya: “Mengapa semua aplikasi ini terlihat sangat mirip? Jadi membosankan? Apakah tidak ada ruang untuk menandai perasaan itu?”
Dalam tiga tahun terakhir, kami telah mengeksplorasi implikasi dari percakapan ini, Iterand melalui lusinan putaran desain dan penelitian untuk menemukan evolusi desain material berikutnya. Melalui 46 studi penelitian terpisah dengan ratusan desain, dan lebih dari 18.000 peserta dari seluruh dunia, kami telah menandai dalam sistem yang indah dan sangat bermanfaat. Prinsip -prinsip ekspresif dari material 3 berakar pada penyelidikan yang solid dan didasarkan pada praktik kegunaan yang lama -panjang, sehingga desainer dapat menggunakan komponen dan prinsip -prinsip baru ini dengan percaya diri, mengetahui bahwa mereka sedang membangun sesuatu yang akan mudah digunakan dan dengan mana orang dapat terhubung.
Studi penelitian tersebut termasuk:
- Pemantauan Ocular: Analisis di mana pengguna memfokuskan perhatian mereka
- Survei dan Kelompok Fokus: Mengukur jawaban emosional untuk desain yang berbeda
- Eksperimen: Kompilasi perasaan dan preferensi
- Kegunaan: Lihat seberapa cepat peserta dapat memahami dan menggunakan antarmuka
Google mengatakan bahwa “bagian -bagian mendasar dari desain ekspresif adalah penggunaan warna, bentuk, ukuran, gerakan, dan penahanan.” Selain itu: “Bahan Ekspresif 3 ditandai dengan penggunaan bentuk dan warna yang berani, menciptakan pengalaman lezat pengguna.”
Aspek -aspek desain ini juga mendasar untuk apa yang membuat produk lebih bermanfaat dengan meminta perhatian pada apa yang penting dalam antarmuka: membuat tindakan kunci menonjol dan pengelompokan elemen bersama -sama.

“Toolbar mengambang” adalah salah satu komponen yang lahir dari material 3 ekspresif. Dalam desain konseptual, kita melihat bilah berbentuk pil lebih rendah yang tidak menutupi seluruh lebar layarnya. Dengan demikian, kita melihat serpihan latar belakang, dengan desain tepi avant -garde yang menjadi lebih penting. Ini mirip dengan apa yang tersedia di Google Chat hari ini.


Google Research menemukan bahwa “desain ekspresif mereka lebih mudah digunakan” dan membantu pengguna “untuk dengan cepat mendeteksi aksi utama di setiap layar dan berlayar lebih cepat.”
… Peserta dapat mendeteksi elemen -elemen kunci dari antarmuka pengguna hingga 4 kali lebih cepat, yang menunjukkan bahwa desain ini berfungsi untuk mengarahkan perhatian pengguna ke bagian terpenting dari layar. Kami telah melihat bahwa banyak aplikasi mencapai tingkat perbaikan ini, dan ini melampaui waktu yang tepat. Kami telah melihat waktu untuk mengambil keuntungan dari tindakan kunci dengan mengurangi detik dalam desain yang berbeda yang juga telah kami coba.
Sekali lagi, penting untuk menekankan bahwa ini hanya desain konseptual yang tidak mencerminkan produk nyata. (Untuk sesuatu yang lebih final, a Desain ulang Google Clock Melarikan diri selama akhir pekan). Yang mengatakan, contoh “sebelum” jelas merupakan antarmuka pengguna Gmail saat ini.
Ketika kami mengamati desain tertentu, seperti layar untuk studi kasus aplikasi email di bawah ini, kami dapat melihat manfaat dari prinsip -prinsip ekspresif secara langsung. Misalnya, tombol pengiriman dalam desain baru lebih besar, ditempatkan tepat di atas keyboard dan menggunakan warna sekunder untuk mendapatkan perhatian. Kita dapat membandingkan ini dengan desain non -ekspresif, yang menempatkan tombol pengiriman kecil pada bilah alat di bagian atas layar dengan kontrol lain seperti melampirkan file. Ketika peserta diminta untuk “mengirim email” di aplikasi, mata mereka melihat tombol 4X tercepat dalam desain ekspresif.


Desain konseptual lainnya menunjukkan aplikasi jam, pintu masuk suara, editor foto, pembayaran dan dompet:
Sementara itu, penelitian dan tes pengguna menemukan bahwa “desain ekspresif yang diterapkan dengan baik sangat disukai oleh orang -orang dari segala usia pada desain non -ekspresif yang mengikuti pedoman antarmuka manusia iOS.”
Google menemukan bahwa “desain ekspresif sangat bagus,” khususnya kesegaran merek: “Penelitian kami menunjukkan bahwa penggunaan desain ekspresif M3 meningkatkan cara orang” hebat “berpikir itu adalah produk.”
- … Kami menemukan peningkatan 32% dalam persepsi subkultur, yang menunjukkan bahwa desain ekspresif membuat merek terasa lebih relevan dan “dalam pengetahuan.”
- … 34% peningkatan modernitas, menyebabkan merek merasa segar dan dengan visi masa depan
- … 30% melompat dalam pemberontakan, yang menunjukkan bahwa desain ekspresif memposisikan merek sebagai pemimpin yang berani dan inovatif, bersedia meninggalkan konvensi.
Terima kasih Simon
FTC: Kami menggunakan pendapatan yang mendapatkan tautan afiliasi untuk mobil. Lebih jauh.