Pixels of the Week – February 8, 2026 by Stéphanie Walter – Beragampengetahuan.com

Piksel minggu ini Ini adalah buletin mingguan saya untuk para desainer, orang-orang UX, pengembang, dan siapa saja yang mencari produk digital yang mudah diakses, inklusif, dapat digunakan (dan jujur ​​saja, luar biasa). Minggu ini kita akan mempelajari bagaimana UI yang sama terlihat berbeda bagi penyandang disabilitas, bagaimana suara dapat meningkatkan UX, dan bagaimana memilih daftar kontrol formulir yang tepat. Juga: inspirasi dari segi data, pola aksesibilitas, dan beberapa keingintahuan yang mencengangkan.

Daftar ke buletin saya untuk mengirimkan ini langsung ke kotak masuk Anda!

Sekarang: MUI, Tag dan Placeholder

Saya kembali bekerja dengan MUI. Jadi, saya mendapatkan file MUI Joy UI Figma (versi berbayar). Saya kesulitan menemukan sumber daya dengan label tersebut, hingga saya bertanya-tanya apakah sumber daya tersebut ada, atau apakah saya perlu membuat sendiri label + kombinasinya? Ya, tetapi mereka disembunyikan di elemen secara default. Secara default, saat Anda menggunakan bagian masukan, ini memperlihatkan placeholder tetapi bukan tag (Anda dapat melihat tampilannya di LinkedIn, Mastodon, dan Bluesky). Butuh waktu 10 menit bagi saya untuk mengetahui bahwa ini tersembunyi di bawah properti Figma. Yang membuat saya berpikir: bagaimana kita bisa mendorong aksesibilitas, file sistem desain yang kita gunakan, tanpa menampilkan label untuk kolom secara default. Minggu depan saya akan membuka bug di github mereka dan menanyakan apakah kami dapat menampilkan tag secara default, mari kita lihat.

Konten terpopuler minggu ini

Bagaimana Konten yang Sama Memiliki Banyak Versi Berbeda (10 menit) Konten yang Sama, Dampak Berbeda: Diana Kalipina menunjukkan bagaimana elemen kartu yang sama dapat terlihat berbeda bagi pengguna dengan disabilitas berbeda. Terkadang kejelasan bagi satu orang berarti kebingungan, kecemasan, atau keterasingan bagi orang lain.

Artikel menarik yang menarik perhatian saya

Suara di Web (8 menit) Saya setuju dengan Rafael Salaja di sini: suara terlalu sering digunakan dan mengganggu. Namun, bukan suara itu sendiri yang jadi masalah, melainkan bagaimana dan kapan suara itu digunakan. Suara harus melengkapi visual, bukan menggantikannya. Itu dapat menambahkan lapisan ekstra yang kuat ke antarmuka Anda. Gunakan suara hanya jika sudah menemukan tempatnya, tambahkan komentar, kehadiran, atau nada emosional yang tidak dapat dicapai oleh visual saja.

Combobox vs. Multiselect vs. Listbox: Cara Memilih yang Tepat (6 menit) Kita sering menyebut daftar opsi vertikal apa pun sebagai “dropdown”. Namun ada banyak pilihan berbeda tentang cara membangunnya. Vitaly Friedman menawarkan beberapa tip UX yang bagus untuk membantu Anda memahami perbedaannya dan mana yang harus digunakan kapan. Tujuannya adalah untuk konsisten ketika berkomunikasi dengan orang-orang di proyek Anda.

Kabinet Keingintahuan: Saya menikmati lubang kelinci non-desain/teknologi.

Peta Lab Global Dengan menyesal saya laporkan di sini bahwa tidak ada satu pun lab di negara saya. Saya dapat memeriksa dan menambahkannya.

Inspirasi: eksperimen menarik, seni indah, dan ide hebat

visualrambling.space Visualisasi dan visualisasi data yang keren untuk menjelaskan konsep (seperti jaringan saraf)

The Thatcher Effect (animasi rotasi dapat memicu gerakan) dengan memutar pikiran Anda dengan efek Thatcher: wajah salah, tetapi ketika Anda membalikkan mata dan mulut, mereka tampak terbalik, karena otak kita suka memahami sesuatu, meskipun sebenarnya tidak (Saya terlalu menyederhanakan, lihat Wikipedia untuk penjelasan umum tentang ilusi optik ini).

Alat dan perlengkapan yang berguna

Make Graph adalah pustaka visualisasi data yang membantu Anda membuat grafik dan bagan. Saya suka karena ada penjelasan yang bagus tentang kapan harus menggunakan setiap jenis bagan beserta kasus penggunaan spesifiknya. Sangat membantu jika Anda bukan ahli DataViz!

Halftone Studio adalah plugin Figma yang mengubah gambar apa pun menjadi halftone untuk kesan retro!

RageCheck, alat yang menganalisis taktik persuasif yang digunakan dalam artikel dan postingan untuk membantu Anda memahami apakah ini dirancang dan ditulis untuk membuat Anda marah.

Aether CSS Saya pribadi benci Liquid Glass, menurut saya itu mengganggu dan sulit dibaca di iPad saya. Tetapi jika Anda ingin membuat cermin cair di CSS, ini dia.

Tutorial

Dapat diakses di Kontrol Interaktif Faksimili-Nest (12 mnt) Unit Nest, tombol dalam kartu yang dapat diklik selalu merupakan desain yang sulit. Eric Bailey menunjukkan kepada Anda bagaimana, dengan dua baris CSS dan HTML semantik, jangan letakkan tautan di tombol!

Bagaimana Perancang Aksesibilitas Menambahkan Pintasan Keyboard ke Aplikasi Web (15 menit) Eric Bailey menjelaskan di blognya, namun, cara membuat pintasan keyboard yang tidak bertentangan dengan pintasan aksesibilitas yang digunakan oleh teknologi pendukung.

Penataan gaya :: Teks Penelusuran dan Elemen Palsu Sorotan Lainnya (10 mnt) oleh Daniel Schwarz Beberapa elemen semu baru yang menyenangkan untuk penataan gaya yang lebih menyenangkan.