Intisari telah mengumpulkan artikel baru tentang desain antarmuka, serta alat, pola, kasus, tren dan cerita sejarah sejak 2009. Saya dengan hati-hati menyaring aliran langganan yang besar sehingga Anda dapat meningkatkan keterampilan profesional Anda dan menyelesaikan tugas pekerjaan dengan lebih baik. Masalah sebelumnya:
April 2010-Mei 2019 .
Pola dan praktik terbaik
Suzanne Scacca menulis tentang tren aneh ketika chatbots mengganti formulir umpan balik yang biasa di situs seluler. Dalam kebanyakan kasus, mereka tidak berguna dan hanya mempersulit kontak dengan perusahaan.
Tinjauan umum tentang pola antarmuka gila yang telah ditampilkan dalam komunitas Programmer Humor Reddit sejak 2016.
Halaman Laubheimer dari Nielsen / Norman Group berbicara tentang aturan kemudi Accot-Zhai untuk elemen antarmuka yang membutuhkan gerakan penunjuk panjang (seperti kursor mouse). Ini membantu untuk membuat zona yang dapat diakses (terowongan) cukup lebar sehingga interaksi dengan daftar drop-down, slider, kronologi video dan elemen serupa lainnya nyaman.
Kiat untuk secara kompeten mengirimkan kode promosi ke toko online dari Kim Flaherty dari Nielsen / Norman Group.
Aaron Pearlman memberikan tips untuk mengoptimalkan navigasi keyboard untuk pengguna dengan disabilitas.
Direktori lain dari pola antarmuka.
Memo untuk Raluca Budiu dari Nielsen / Norman Group tentang menyoroti bidang yang diperlukan dalam formulir. Review dasar tapi bagus.
Kara Pernice dan Patty Caya dari Nielsen / Norman Group menggambarkan tren dalam desain situs intranet.
Desain sistem dan pedoman
Konferensi WWDC tahunan menghadirkan iOS baru dan beberapa yang tidak terduga untuk perancang antarmuka membuat aplikasi yang trendi. Kali ini datang dari sisi tablet.
Karena tidak ada alasan untuk mengharapkan pendekatan yang masuk akal dengan sistem operasi tunggal untuk komputer dan tablet dari Apple, migrasi perayapan tablet berlanjut ke sisi nilai penuh (dengan berlalunya banyak mantra dari konsep "Post-PC"). Tahun ini, iOS telah dipilih sebagai cabang iPadOS yang terpisah.
Yang menarik terjadi pada antarmuka :
Pekerjaan yang lebih serius dengan sistem file setelah semua kisah tentang kegunaan dari "konsep usang" ini. Bahkan ada flash drive Anda sendiri - Anda dapat menghubungkan kartu SD melalui adaptor.
Aplikasi dapat diluncurkan beberapa kali (mereka akan di tab).
Layar mulai sekarang dengan widget, dan kotak ikon aplikasi lebih padat.
Perpindahan antar aplikasi yang lebih baik.
Gerakan sederhana untuk menyalin dan menempel, serta membatalkan saat mengedit dokumen.
Anda dapat meletakkan font (dilihat dari deskripsi, melalui AppStore).
Secara bertahap bekerja di browser yang sangat jauh dari fitur modern di desktop. Sudah memuji karya Google Documents, jadi Figma dan Sketsa yang akan datang untuk browser mungkin akan dapat melakukannya.
iPad mungkin menjadi layar kedua untuk laptop atau komputer . Anda juga dapat mengontrol komputer Anda dari tablet.
Project Catalyst (sebelumnya diumumkan sebagai Marzipan), yang memungkinkan Anda port aplikasi iPad ke Mac, sudah tersedia untuk pengembang. Misalnya, Twitter dengan cepat menggergaji melalui aplikasi.
Beta sekarang tersedia (tinjau).
Ikhtisar pembaruan untuk pengembang dan desainer .
Tidak ada pembaruan khusus untuk antarmuka (sekali lagi, fokus pada mempercepat pekerjaan dan mengurangi ukuran aplikasi), tetapi:
Tema gelap desain , seperti pada teko apa pun pada 2019.
Pedoman
Pola filter baru dalam foto dan editor lanjutan dalam surat bawaan.
Otorisasi dalam layanan pihak ketiga melalui akun Apple . Ini memungkinkan Anda untuk masuk melalui pengenalan sidik jari atau wajah, dan itu akan membantu menyembunyikan email dari pengirim spam.
Mengetik keyboard melalui gesekan hanya satu dekade di belakang Android.
Kontrol suara untuk pengguna dengan disabilitas sekarang mencakup, sepertinya, umumnya semua kasus penggunaan yang mungkin.
Pembatasan iklan dan pelacakan perilaku di aplikasi untuk anak-anak .
Jika Anda membawa ponsel ke HomePod, musik akan terus diputar di speaker pintar.
Lebih banyak suara manusia Siri .
Beta sekarang tersedia (
tinjau ).
Ikhtisar pembaruan untuk pengembang dan desainer .
Juga, font New York dan
perpustakaan ikon dengan ketebalan garis variabel muncul :
Alat lain yang bermanfaat adalah
kerangka kerja SwiftUI untuk sistem operasi apa pun dari Apple, yang sangat menyederhanakan perakitan antarmuka. Sehingga desainer dapat melakukan ini - Anda dapat membuat sketsa elemen di layar dan kemudian menyesuaikan kodenya. Langkah
- demi
- langkah
pelajaran datang kepadanya, dan Meng To mana-mana akan meluncurkan kursus pada musim gugur.
Nah, penghargaan tradisional dari
aplikasi desain terbaik .
Jam tangan berkembang sebagai alat untuk memantau kesehatan. Sekarang mereka
memiliki app store sendiri yang tidak memerlukan ponsel.
Gene Shannon dari Shopify merefleksikan wawasan utama dari dua tahun pengalaman bekerja pada sistem desain Polaris mereka. Banyak detail menarik dan masalah praktis mengembangkan platform skala besar.
Adobe mengembangkan sistem desain Spectrum-nya. Mereka memiliki lebih dari seratus produk, sehingga tugasnya mengerikan dan pengembaliannya tidak akan cepat. Tetapi mereka menggambarkan
pendekatan universal yang baik yang berpotensi dapat membantu membuat aplikasi yang berbeda menjadi homogen. Tim baru-baru ini
menjawab pertanyaan dari Designer News . Beberapa artikel tentang topik dari mereka:
1 ,
2 dan
3 .
Michele Cynowicz dari Vox Media berbicara tentang bagaimana prototipe interaktif bekerja berdasarkan sistem desain mereka. Mereka membuat cabang dalam komponen, yang, jika berhasil, bergabung ke dalam kode utama dan tersedia untuk semua orang.
Wawancara singkat dengan Brad Frost tentang proyeknya saat ini dan nuansa penerapan sistem desain.
Pengingat berguna Rhiannon Jones dari Deliveroo untuk memilih kunci yang tepat untuk teks front-end. Ini harus dikaitkan dengan merek dan berfungsi dalam situasi biasa dan bermasalah.
Chrid Cid menyarankan memanggil variabel sistem desain "ion" bagi mereka yang mematuhi metodologi desain atom. Benar, "token" sudah menjadi kata yang lebih mapan dan mapan.
Desain material
Susan Gray Blue dari Facebook menjelaskan pendekatan perusahaan terhadap nada suara teks di antarmuka. Mereka tidak mencoba menebak mood pengguna, karena ini tidak mungkin, tetapi mencoba untuk mencukupi untuk situasi tertentu.
Layanan ini membantu untuk menyimpan token sistem desain dan mendistribusikannya ke banyak platform dan kerangka kerja. Nah, untuk mengumpulkannya awalnya dari alat desain.
Buku cerita
Pemahaman pengguna
Kate Moran dan Kim Flaherty menggambarkan trade-off antara kenyamanan dan ketakutan untuk perangkat dan layanan modern yang membutuhkan pengorbanan privasi.
Andrei Gargul menulis tentang pentingnya memperhitungkan ekspektasi pengguna saat merencanakan dan meluncurkan MVP.
Jared Spool menulis tentang iteratif meningkatkan pemahaman pengguna dan skrip mereka saat mereka mengerjakan produk.
Arsitektur informasi, desain konseptual, strategi konten
IDEO meluncurkan layanan untuk bertukar papan pengumuman, catatan, dan praktik terbaik lainnya dalam tim.
Alat Desain Antarmuka Baru
Versi untuk tim telah diumumkan. Ruang bersama di Sketch Cloud, versi, distribusi utama plugin dan pustaka simbol, melihat spesifikasi layar di browser tanpa Zeplin. Seperti dalam Figma, Anda hanya membayar untuk editor, dan tidak setiap orang dengan satu tampilan layar. Versi beta akan muncul pada bulan Juli.
Dan dalam versi 56, rasa sakit tertua dan paling bodoh akan terpecahkan - karakter sendiri berubah ukuran ketika konten berubah. Apakah benar-benar tidak perlu mengubah lebar tombol dengan tangan Anda ?! Plus, panel komponen akan muncul di sebelah lapisan (seperti pada Gambar). Dan perubahan jarak dalam kelompok objek (juga seperti pada Gambar).
Plugin
- Sparkle : Plugin mengubah alat menjadi perancang situs promosi - Anda dapat membangunnya dan mendapatkan kode yang sudah jadi.
- xLayers : Aplikasi ini memungkinkan Anda untuk merakit situs yang sudah selesai dari tata letak. Dan Anda bisa mendapatkan statika dan versi komponen pada React dan Angular.
- Readle Dmitry Kovalenko membuat tiga ratus set data . Nama, alamat surat, perangkat, negara, bandara, dll.
Layanan ini memungkinkan Anda dengan cepat menyusun tur pelatihan untuk pengguna. Penulis bertujuan untuk penjual dan dukungan pelanggan, yaitu gunakan untuk membantu orang tertentu.
Pencarian koleksi Muzli adalah pelengkap yang baik untuk Pinterest untuk mengumpulkan papan luncur.
Plugin diumumkan. Mereka menjanjikan operasi yang andal dan bebas masalah ketika add-on tidak rusak ketika alat diperbarui. Beta untuk pengembang sudah tersedia. Ini adalah salah satu klaim fungsional utama yang bergerak dari Sketch.
Bonus:
Memo untuk membuat sistem tipografi . Lebih banyak teori dasar membangun skala font, tetapi ada contoh template tepat di Figma.
Ini mengingatkan pada titik balik dalam perlombaan Android dan iOS - pada titik tertentu mereka begitu jauh dari platform yang bersaing seperti Windows Phone, Tizen, Sailfish, WebOS dan lainnya yang semua upaya untuk mengejar ketinggalan mereka kehilangan makna (dengan semua uang Adobe dan InVision) . Tahun ini, Sketch dan Figma akan melakukan hal yang kira-kira sama, jadi saya bahkan tidak tahu apakah akan terus membicarakan sisanya.
Perancang situs seluler untuk Instagram, Anda dapat melakukannya langsung di ponsel.
Versi ketiga perancang situs promosi dari DesignModo telah dirilis.
Aplikasi tablet eksperimental untuk catatan visual dan sketsa. Metode interaksi yang menarik dengan antarmuka, yang dibahas secara rinci dalam artikel.
Editor vektor untuk Mac.
Generator singkat untuk berbagai karya desain.
Perancang prototipe paling sederhana dari situs promosi yang membantu pemasar dan penulis front-end mengerjakan konten dan aliran informasi secara umum.
Desainer layanan lain dari ilustrasi dari elemen siap pakai.
Dan desainer ilustrasi lainnya.
Hype Tumor 4
Versi baru keluar dari beta . Perubahan yang paling menarik adalah animasi bentuk vektor.
Subformulir
Situs ini menulis tentang
penghentian pembangunan .
Pembingkai x
Kursus Bermain Meng To Framer .
Axure RP 9
Dirilis dari beta . Antarmuka telah diperbarui, impor dari Sketch telah muncul, kemungkinan desain visual diperluas.
Konstruktor percakapan dalam obrolan, yang memberikan tangkapan layar iMessage di telepon.
Wawancara dengan penulis .
Aneh
Sekarang dia tahu cara membuat kartu mental .
Overflow
Dirilis dari beta . Organisasi proyek di cloud dan versi muncul, dan antarmuka itu sendiri sangat ditingkatkan.
Zeplin
Kami meluncurkan pedoman global yang dapat menggambarkan beberapa proyek sekaligus. Warna, font, dan komponen dapat diwariskan, misalnya, antara web, Android, dan iOS.
Alyssa X berbicara tentang alat animasinya yang baru. Sejauh ini tidak ada yang berhasil, tetapi ada gambaran umum tentang ide-ide utama.
Penelitian dan analitik pengguna
Microsoft Matt Duignan menjalankan database wawasan kustom HITS. Ini menunjukkan cara kerjanya dan bagaimana tim produk mendapat manfaat darinya.
Podcastnya tentang topik ini .
Babette Schilte dari tim Penelitian Kustom Facebook berbicara tentang mengumpulkan wawasan kecil dari penelitian khusus yang dapat dan harus Anda gunakan untuk tugas-tugas lain.
Jeff Sauro sedang menganalisis kemampuan untuk memprediksi tindakan pengguna melalui hubungan mereka dengan perusahaan atau produk. Dia pergi melalui studi awal (termasuk alasan munculnya norma "tidak perlu bertanya kepada pengguna apa yang dia butuhkan"). Hubungan dapat dibagi menjadi tiga komponen (keyakinan, perasaan dan niat), dan niat mengkonfirmasi kemungkinan memprediksi tindakan selanjutnya.
Beth Lingard dari Facebook menunjukkan pendekatannya untuk mendeskripsikan temuan dari riset pengguna, yang sesuai untuk tim produk.
Jeff Sauro mengulas upayanya untuk mereproduksi metrik terkenal dan metode penelitian pengguna. Ada yang dikonfirmasi, ada yang tidak.
Maria Rosala dari Nielsen / Norman Group menjelaskan masalah umum dalam merencanakan dan melakukan wawancara pengguna.
Cailean Cooke Goold Facebook menyediakan kiat untuk melakukan penelitian eksplorasi pengguna.
Pemrograman visual dan desain di browser
Ikhtisar teknologi antarmuka Be Birchall untuk pengguna yang dinonaktifkan.
Andy Clarke melanjutkan serangkaian percobaan dengan tata letak majalah yang menarik di web.
Skrip baru
Tipografi Web
Metrik dan ROI
Jeff Sauro membandingkan kerangka kerja HATI dengan rekan sebelumnya dan mencoba memahami bagaimana penggunaannya menguntungkan tim produk. Dia menyatukan metrik perilaku dan sikap terhadap perusahaan.
Jeff Sauro mereproduksi bagian lain dari studi NPS untuk memahami distribusi rekomendasi untuk evaluasi spesifik.
HubSpot Henry Wu menulis tentang bagaimana seorang desainer dapat berkomunikasi secara kompeten dalam bahasa bisnis dan menarik metrik yang benar dalam situasi saat ini dalam suatu produk.
Manajemen Desain dan DesignOps
Atlassian Alastair Simpson memimpin banyak tim desain di perusahaan. Dia menyusun pengingat yang indah untuk manajer desain baru di tim - bagaimana mencari tahu situasi dan membawa manfaat, bukan lapisan baru manajemen mikro.
Sana Rao dari Deliveroo berbicara tentang mendesain ulang tim desain. Mereka datang ke struktur matriks bukannya membagi menjadi departemen fungsional.
Denise Lee Yohn memberikan kiat tentang mengatur budaya internal perusahaan yang mempromosikan fokus pengguna. Banyak waktu dikhususkan untuk ketersediaan pengetahuan tentang pengguna dan perekrutan karyawan yang kompeten.
Ivan Solovyov dari DocDoc berbicara tentang peta kompetensi desain untuk sebuah tim.
Eunice dari IBM secara singkat berbicara tentang peta kompetensi untuk desainer di perusahaan (sekarang sudah ada 2.000 orang). Allison Biesboer menceritakan
bagaimana ia dilahirkan (terlalu banyak air, tetapi ada detail dasar dari proses penciptaan).
Behzod Sirjani dari Slack berbicara tentang pengalamannya dalam membangun program magang untuk penelitian pengguna, serta visinya bekerja dengan benar dengan tim produk.
Ayesha Saleem telah melakukan studi UX kecil pada startup. Dia mengidentifikasi tiga kategori, tergantung pada kapan mereka mulai menggunakan praktik desain antarmuka yang baik, dan mencoba menghubungkannya dengan keberhasilan pasar.
Peter Merholz merefleksikan proses pencarian yang optimal untuk manajer desain. Tugas utama dan fitur seleksi.
Interaksi tim
Dan Brown menjelaskan pendekatan satu atap untuk melakukan pertemuan desain yang bermanfaat. Ini adalah 4 tahap - perumusan masalah, ekstraksi ide, kombinasi ide, pemahaman.
Manajemen Produk dan Analisis
Artikel cerdas oleh Oleg Yakubenkov, di mana ia menunjukkan kesalahan dalam menggunakan istilah Pengembangan Pelanggan, yang sekarang populer di komunitas profesional domestik. Dalam konsep asli Steve Blank, ini adalah metodologi holistik untuk pekerjaan produk, dan di sini yang kami maksud hanya satu di antaranya - studi pengguna (atau lebih tepatnya, sebagian dari mereka adalah wawancara mendalam).
Sid Yadav telah beralih dari desain ke manajemen produk dan memberikan 10 tips tentang titik fokus utama dalam transformasi ini. Semua dengan referensi ke buku-buku praktis.
Metodologi, Prosedur, Standar
Kanvas pemikiran desain yang membantu memandu proses desain.
Kasing
Konsep yang kuat dari sistem operasi fiksi dari Jason Yuan. Itu dipenjara karena meta-skenario (misalnya, untuk merencanakan perjalanan) di mana pengguna berinteraksi dengan bagian aplikasi yang terabomisasi (misalnya, korespondensi khusus dari kurir).
Contoh nyata kegagalan pada saat peluncuran produk. Accenture me-reboot situs web Hertz dengan harga jutaan dolar. Mereka menggagalkan semua tenggat waktu, keputusan tidak memenuhi persyaratan teknis dalam hal persyaratan modern (kemampuan beradaptasi yang benar, sistem desain normal pada komponen dalam kode panduan langsung, kemungkinan bertema untuk sub-merek). Selain itu, untuk membawanya, kontraktor meminta jutaan sentuhan akhir.
Tren
Tinjauan tahunan tren logo logo oleh LogoLounge.Laporan tren internet tahunan Mary Meeker telah dirilis. vc.ru menyoroti poin utama .Niteesh Yadav menggambarkan persepsi teks dalam realitas virtual dan augmented. Cara mencapai keterbacaan yang baik.Antarmuka mobil
CarPlay didesain ulang . Membagi layar untuk dua aplikasi, jadi Anda tidak perlu beralih dari kartu ke musik, ditambah permintaan kontekstual aplikasi.
Untuk pengembangan umum dan profesional
Medium meluncurkan majalah desain mereka sendiri di Medium dengan artikel pihak ketiga.
Kim Flaherty dari Nielsen / Norman Group memberikan definisi tentang perbedaan antara Pengalaman Pengguna dan Pengalaman Pelanggan. Dia mempertimbangkan tiga tingkat interaksi manusia-perusahaan - interaksi spesifik, skenario holistik dan sejarah umum hubungan.
Jon Kolko merefleksikan masalah pendidikan modern bagi para desainer. Cara membuat lulusan tidak hanya tahu metode, tetapi berpikir lebih baik tentang masalah yang sedang dipecahkan.
Orang dan perusahaan di industri
Jony Ive meninggalkan Apple. Bersama Mark Newson, mereka akan membuka studio desain yang akan bekerja termasuk dengan Apple.
Lima tahun lalu, dia mengatakan bahwa dia akan pergi hanya jika perusahaan kehabisan inovasi.
Berlangganan intisari di Facebook , VKontakte , Telegram atau melalui surat - ada tautan baru yang muncul setiap minggu. Terima kasih kepada semua orang yang berbagi tautan di grup, terutama Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov, Alexei Kopylov, Taras Brizitsky, Evgeny Sokolov, dan Anton Oleinik. Terima kasih khusus kepada tim Setka untuk editor dan Alexander Orlov untuk gaya visualnya.