Intisari telah mengumpulkan artikel segar tentang desain antarmuka, serta alat, pola, kasus, dan kisah 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-Juli 2018 .
Pola dan praktik terbaik
Nathan Gitter terkesan dengan presentasi “Designing Fluid Interfaces” di WWDC 2018 dan membuat serangkaian solusi antarmuka eksperimental yang menunjukkan animasi serupa selama kontrol gerakan.
Therese Fessenden dari Nielsen / Norman Group berbicara tentang teori visibilitas dan interpretasi elemen antarmuka. Kombinasi keduanya memengaruhi persepsi produk secara keseluruhan.
Saadia Minhas menganalisis dalam situasi terperinci di mana Anda perlu menggunakan kotak centang dan sakelar sakelar - mereka memecahkan masalah yang serupa, tetapi tidak dapat saling dipertukarkan.
Perpustakaan lain dari pola aplikasi seluler.
Konsep chic mengembangkan notifikasi dan multitasking di iOS dari Kévin Eugène. Notifikasi dapat berinteraksi dengan aplikasi yang sekarang terbuka, yang memberikan banyak fitur menarik.
Stéphanie Walter Mobile Design Memo. Sejak zaman buku klasik Luke Wroblewski, sedikit yang berubah, tetapi edisi barunya jelas tidak cukup, jadi artikelnya bermanfaat. Bagian 2 berbicara tentang
memproses bidang input pada ponsel .
Panduan visual cerdas tentang cara memvisualisasikan data.
Amazon menggunakan pola gelap yang agak sulit - berbeda dengan pendekatan standar yang relatif waras, "kami melemparkan penilaian positif ke dalam toko aplikasi, umpan balik negatif", mereka hanya tidak mengizinkan untuk meninggalkan ulasan buruk (mereka mengatakan itu terlalu lama).
Kim Flaherty dari Nielsen / Norman Group telah mengidentifikasi beberapa area di mana Amazon bekerja dengan buruk dan memberi peluang bagi toko online lainnya untuk menonjol.
Baymard Institute Research
Edward Scott menulis tentang
pentingnya cara eksplisit untuk mengembalikan item ke toko offline.Desain sistem dan pedoman
Tim SteelKiwi Inc. membandingkan implementasi tugas antarmuka khas di Android dan iOS. Memo yang cocok untuk mereka yang baru mulai mempelajari spesifikasi platform seluler.
Kyle Peatt menceritakan kisah sistem desain Shopify Polaris. Analisis yang sangat cocok dari fitur dan masalah implementasi dan popularisasi platform. Sebagai contoh, banyak perusahaan melihat sistem desain sebagai cara untuk meningkatkan tingkat dasar desain produk, tetapi solusi standar dapat membatasi desainer; Oleh karena itu, mereka terus-menerus membuat "mobil konsep" - percobaan dengan pola antarmuka dalam semangat desain tunggal yang memajukan Polaris.
Matt Bond baru-baru ini pindah ke Asana, tetapi berada di garis depan sistem desain Atlassian. Dia berbicara tentang temuan kunci yang dia buat untuk dirinya sendiri ketika mengerjakannya.
Pendaftaran untuk Konferensi Kejelasan Khusus di New York (10-12 Desember) telah dibuka. Yang pertama adalah api, yang kedua sepenuhnya menjadi susu (
ada dan pecah ). Belum ada program baru, tetapi Anda harus berhati-hati untuk tidak jatuh cinta pada presentasi yang tidak ada hubungannya dengan topik lagi.
Android P sudah keluar dari beta dan sudah tersedia di beberapa perangkat.
EK Chung, manajer desain Android, berbicara tentang prinsip-prinsip yang ditetapkan dalam versi baru .
iOS 12
Jelajahi rekaman video dari penampilan desain dengan Apple WWDC 2018 .
Pemahaman pengguna
Daniel Stefanovic mengumpulkan prinsip-prinsip psikologi untuk desainer dalam bentuk visual dengan referensi teori. Meskipun jumlahnya tidak banyak, tetapi daftar harus diisi ulang.
Arsitektur informasi, desain konseptual, strategi konten
Penelitian baru tentang bahaya cahaya biru di antarmuka modern bahkan lebih menyedihkan - mereka mengatakan bahwa mereka menyebabkan hilangnya waktu yang tidak dapat dipulihkan.
Penunggang Baru menerbitkan buku Carrie Hane, Merancang Konten yang Terhubung: Paket dan Model Produk Digital untuk Hari Ini dan Besok (Voices That Matter), pada bulan Desember 2017. Ini didedikasikan untuk bekerja pada konten situs web yang kompleks dan produk informasi, antarmuka dan konten terkait erat satu sama lain dan seringkali tidak jelas apa yang sebenarnya perlu dirancang terlebih dahulu, dan kemudian apa.
Webinar penulis .
Desain dan desain layar antarmuka
Pembingkai x
Bicaralah secara bertahap tentang fitur-fitur utama dari Framer X:
tata letak dan
gambar . Bekerja dengan tata letak sangat menarik dan berjanji untuk sangat menyederhanakan kehidupan para desainer. Antoine Plu membagikan
kesannya tentang versi beta dari Framer X (ia merekam screencast dari pekerjaan tersebut).
Versi beta sudah secara bertahap tiba untuk semua orang menunggu. Dan ada juga
deskripsi resmi tentang bagaimana komponen bekerja . Kemampuan untuk mengimpor komponen apa pun pada Bereaksi disebutkan.
Figma
Menambahkan
cara canggih untuk berinteraksi dengan prototipe .
Kursus kecil dari Designlab .
Adobe xd
Pembaruan Agustus : peningkatan kerja dengan mengeluarkan spesifikasi untuk pengembang.
Pembaruan Juli : integrasi dengan alat pihak ketiga.
Alat ini membantu mengumpulkan dan menguji prototipe antarmuka interaktif. Impor dari Sketch dan analitik yang cukup luas untuk eksekusi skrip.
Koos Looijesteijn membandingkan Sketch, Figma, Adobe XD, UXPin, dan InVision Studio dalam banyak hal.
Satu pak template yang cantik untuk sketsa antarmuka augmented reality dan virtual dari Vladimir Kurbatov.
Penelitian dan pengujian pengguna, analitik
Layanan untuk bekerja dengan dasar wawasan. Ini membantu mengumpulkan data penelitian pengguna untuk menemukan ide-ide berguna untuk pengembangan produk di antara mereka. Selama beberapa tahun ia dalam versi beta dan sekarang
versi pertama sedang
dipersiapkan .
Direktur kreatif Mail.Ru Dmitry Osadchuk dan kepala laboratorium UX Ksenia Sternina mengatakan kepada Tim tentang serangkaian tes UX untuk video Beepcar. Ini membantu untuk memahami seberapa baik mereka akan bekerja untuk kelompok audiens yang berbeda dan membuat daftar periksa untuk masa depan.
Jeff Sauro mencantumkan jenis skala penilaian untuk survei pengguna. Referensi yang bagus.
Victor Kuptsov dari Usethics berbagi pengalamannya dalam menguji antarmuka dengan anak-anak dan remaja yang ditemani oleh orang tua mereka. Pasangan ini memiliki dinamika yang menarik tergantung pada apakah ibu / ayah dan anak perempuan / anak lelaki datang.
Pemrograman visual dan desain di browser
Skrip baru
Facundo Corradini menunjukkan
cara untuk mengatur warna teks dalam kontrol tergantung pada latar belakang menggunakan CSS . Ini menyederhanakan deskripsi komponen dalam sistem desain.
Script menunjukkan contoh bentuk morphing di SVG .
Script membuat animasi dalam semangat tanda-tanda neon dengan efek berkedip .
Bekerja dengan warna
Generator variasi warna untuk warna tertentu adalah alat yang hebat untuk mengerjakan pedoman.
Tipografi Web
Mathieu Triay melakukan
peninjauan lain terhadap fonta variabel . Secara umum, ini standar, tetapi ada angka yang berguna tentang menyimpan ukuran file menggunakan satu font sebagai contoh.
Blend Mode
Bennett Feely menunjukkan kepada Anda apa yang dapat Anda lakukan dengan mode pencampuran CSS . Di beberapa tempat, sepertinya ini adalah filter cond paling di Photoshop, tetapi ini merupakan langkah penting dalam menemukan batas-batas apa yang mungkin.
Bekerja dengan SVG
Alat online membantu mencoba filter SVG .
Plugin untuk Chrome dan Firefox memungkinkan Anda untuk dengan cepat mendapatkan kode akhir dari item yang dipilih pada halaman, tanpa mencari sendiri dependensi.
Metrik dan ROI
Aaron Powers dan Scott Mackie dari Athena Health berdebat dengan artikel provokatif terbaru oleh Alan Cooper dan Jared Spool tentang desain ROI. Ini adalah pertanyaan sehat untuk tim produk mana pun - dalam kegiatan apa yang terbaik untuk menginvestasikan sumber daya. Para penulis menunjukkan beberapa contoh dari latihan mereka, yang menyederhanakan pilihan tim.
Jeff Sauro memo untuk metrik antarmuka kunci.
Strategi dan Manajemen UX
Angela Huenerfauth dan David Teller menawarkan metode yang sangat menarik untuk menilai kematangan desain produk. Mereka sepakat dengan manajer produk untuk melacak indikator ini seiring perkembangan yang sedang berlangsung dan membuat keputusan bersama tentang tingkat kegunaan yang memadai untuk rilisnya. Kelihatannya rumit, tetapi ini mungkin karena pendekatannya masih sangat asing.
Dani Nordin dari Athena Health menjelaskan pendekatan perusahaan dalam mendesain hutang. Metode sistemik yang masuk akal, seperti semua hal lain yang ditulis tim.
Dave Malouf merefleksikan penerapan model organisasi Spotify dan metodologi serta pendekatan kerja lainnya. Penting untuk dipahami bahwa mereka menyiratkan budaya dan pengaturan tertentu yang dapat bekerja dalam satu dan tidak bekerja di perusahaan lain.
Bagaimana tim desain terkenal bekerja
Andre Le Masurier dari London London berbicara tentang cara kerja tim desain merek .
Interaksi tim
Rosenfeld Media telah menerbitkan
Desain Pertemuan Kevin Hoffman: Untuk Manajer, Pembuat, dan Semua Orang . UXmatters menerbitkan bab 5 tentang gaya fasilitasi.
Kasing
Sebuah cerita bagus tentang bekerja pada desain aplikasi Screenlife untuk merekam video karya pengguna di ponsel dari Elvis Obanya.
Google Antin Harasymiv berbicara tentang bagaimana animasi dan kerja teknis antarmuka Google Maps bekerja di dalam tubuh. Teks ini panjang tetapi bermanfaat untuk memahami prinsip-prinsip umum.
Kathryn Whitenton dan Sarah Gibbons dari Nielsen / Norman Group menunjukkan bagaimana perusahaan menggunakan praktik terbaiknya untuk mendesain ulang beranda situsnya sendiri.
Ceritanya
Mantan insinyur Apple
Ken Kocienda menerbitkan Creative Selection, sebuah buku tentang proses desain perusahaan selama era Steve Jobs. 9 hingga 5 Mac menerbitkan kutipan darinya tentang bekerja pada keyboard di layar iPhone pertama.
Stephen Hackett telah mengumpulkan koleksi 1.500 tangkapan layar MacOS dari generasi ke generasi menggunakan antarmuka aqua.
Tren
Statistik pasar (kuartal II dan paruh pertama 2018)
-1,8%
penjualan smartphone turun di dunia16,8%
pertumbuhan penjualan speaker pintar di dunia898K
penjualan smartphone di pasar sekunder di Rusia (Avito)Jeff Sauro telah memperbarui ulasan tahunan statistik penggunaan ponsel cerdas.
Desain Algoritma
Perusahaan film 20th Century Fox belajar bagaimana menentukan dengan trailer segmen mana dari penonton yang lebih menyukai film tersebut.
Solusi eksperimental dari Uizard mengubah sketsa antarmuka di atas kertas menjadi tata letak Sketsa yang cukup rapi.
Alibaba belajar untuk secara otomatis menghasilkan nama produk. Sudah waktunya untuk lelucon "apa, belum pernah sebelumnya?".
Antarmuka Suara
Page Laubheimer dan Raluca Budiu melanjutkan kisah Alexa, Google Assistant, dan Siri, studi besar asisten pengguna yang ramah pengguna. Pada artikel kedua, mereka menulis tentang sikap orang terhadap perangkat semacam itu dan harapan tentang kualitas jawaban dan format dialog.
LoupVentures membandingkan kualitas respons Alexa, Cortana, Google Assistant, dan Siri untuk 800 pertanyaan. Jika tidak ada masalah dengan memahami frasa itu sendiri, maka dengan mengeluarkan jawaban yang cocok, semuanya jauh lebih buruk.
Perancang bot obrolan dan keterampilan online untuk asisten suara Google Assistant dan Yandex Alice.
Berita antarmuka suara lainnya
Selama satu setengah tahun terakhir, banyak perangkat seperti "asisten suara dengan layar" telah muncul. Bahkan, tugas seperti itu dapat diselesaikan oleh tablet atau smartphone mana pun dengan stasiun dok.
Tampaknya Google sedang mempersiapkan rezim semacam itu untuk ponsel Android .
Nuance sedang mengerjakan asisten suara untuk mobil-mobil yang
akan bekerja tanpa nama-kata pembuka seorang asisten .
Sebuah cerita pendek tentang
tim di Google, yang berkaitan dengan karakter asisten suara - lelucon, jawaban yang tidak standar, menangani situasi yang sulit.
Konten Asisten Hackathon Google
Just AI membagikan kesimpulan yang diambil dari pengalaman berpartisipasi dalam hackathon .
Redmadrobot juga berbicara tentang pengalamannya .
Bagian 2Kepala dan Tangan berbicara tentang konsepnya .
Untuk pengembangan umum dan profesional
Fabricio Teixeira dan Caio Braga menulis tentang masalah artikel desain yang terlalu dangkal yang mendominasi yang lebih dalam dan lebih bermanfaat. Salah satu alasannya jelas - kebutuhan untuk promosi diri. Mereka melakukan analisis artikel yang menarik tentang buletin dan komunitas paling populer selama setahun terakhir dan mengidentifikasi jenis publikasi. Secara alami, kiat-kiat praktis tentang keterampilan desain dasar mendominasi, yaitu lebih banyak hal taktis.
Dan studi Co pada tren dan status pekerjaan jarak jauh saat ini untuk desainer.
Tiantian Xu berpartisipasi dalam tantangan pribadi "100 Layouts in 100 Days" dan memompa keterampilan animasinya.
David Travis dari Userfocus menawarkan metode pengarsipan portofolio untuk peneliti khusus. Ia menggunakan singkatan POWER (Project, Objective, Work, End result, Reflection) untuk menentukan struktur. Pendekatan ini juga cocok untuk spesialis UX lainnya, yang hasilnya tidak sesuai dengan serangkaian gambar.
Bekerja dengan pekerja magang
Beberapa desainer magang dari perusahaan terkenal menulis tentang tahun pertama kerja mereka dan apa yang mereka pelajari selama ini:
BuzzfeedIbmDeliverooFacebookGoogleJeoff Wilks dari IBM menjelaskan keterampilan utama seorang desainer terkemuka di perusahaan. Daftar periksa yang berguna untuk spesialis yang kuat.
Muriel Garreta-Domingo dan Alberto González Mosquera mempelajari kekosongan para peneliti pengguna dan menjelaskan beberapa pendekatan untuk pemahamannya oleh berbagai perusahaan.
Orang dan perusahaan di industri
Pada 8 Agustus, salah satu perusahaan UX tertua Nielsen / Norman Group merayakan hari jadinya yang ke-20.
Jacob Nielsen mengumpulkan artikel paling populer untuk setiap tahun perusahaan beroperasi - mereka melakukan layanan yang bagus untuk komunitas profesional, berbagi dengan kami banyak manfaat. Dan seringkali ini adalah materi yang cukup mendalam dan relevan yang masih menjadi tren setelah bertahun-tahun.
sejak musim semi, vc.ru telah memimpin serangkaian cerita luar biasa dari studio desain Rusia dan agensi kreatif. Sudah selusin cerita telah keluar dengan ikhtisar bisnis yang bagus dan hasilnya.
Blog Tim Desain Skyscanner. Dalam sebuah artikel baru-baru ini, David Hamill menunjukkan
bagaimana desainer memperkuat deskripsi masalah antarmuka dengan komik sehingga tim produk memperbaikinya .
Blog Tim Desain Asana. Itu masih kosong, tetapi para lelaki bersemangat dan harus mengayun.
Blog tim desain perusahaan game Space Ape Games.
Belanja untuk studio desain oleh perusahaan besar
Layanan pertukaran file
WeTransfer membeli FiftyThree , pencipta aplikasi Paper hit untuk menggambar di iPa. Mereka mengatakan ingin menjadi salah satu produk utama bagi para desainer dan pekerja lain di industri kreatif.
Proses konferensi
Laporkan kursus, yang berlangsung pada 13-17 Agustus di London. Abstrak pertunjukan oleh Stink Studios, Net-A-Porter, Desain Asli, Intuit, Manusia Modern, Studi UX, Badoo, Fjord, Space Ape Games, Spov dan R / GA.
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.