Intisari Desain Makanan, Januari 2020

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-Desember 2019 .

Intisari Desain Makanan, Januari 2020

Pola dan praktik terbaik


Memilih komponen UI yang tepat untuk komunikasi dengan pengguna Anda

Adam Shriki memberikan pola untuk memberi tahu pengguna berdasarkan tingkat kenyamanan bagi pengguna. Dari pemberitahuan push dan popup yang menarik keluar dari utas saat ini ke tooltips yang lebih netral.



Peran Animasi dan Gerakan di UX

Halaman Laubheimer dari Nielsen / Norman Group menjelaskan peran animasi dalam antarmuka. Daftar ini cukup standar, tetapi bahasa deskripsi lebih profesional.

Heuristik desain berbasis bukti untuk pembuatan ide

77 heuristik untuk desain dan evaluasi desain industri.

Video sebagai Konten Instruksional - Perilaku Pengguna dan Pedoman UX

Aurora Harley dari Nielsen / Norman Group memberikan kiat mengatur dan memposting instruksi video di situs web.

Teks dalam Yandex.Drive

Mikhail Ozornin telah mengumpulkan koleksi teks antarmuka Yandex.Drive, sangat manusiawi.

Pola gelap

Tampaknya ada teguran untuk penguasa pola gelap dari Pemesanan. Komisi Eropa telah memaksa mereka untuk mengurangi jumlah pemberitahuan yang berkedip dan trik psikologis .

Baymard institute



Desain sistem dan pedoman


Komponen EightShapes @

Nathan Curtis telah mengumpulkan semua artikelnya tentang sistem desain. Dia adalah penulis yang paling masuk akal dalam topik ini, jadi ini lebih baik daripada buku mana pun. Dia dan EightShapes juga membuat Twitter dengan nama yang sama .
Bonus



Tema gelap


DarkModeDesign - Sumber Daya Terbaik untuk Merancang dan Membangun Aplikasi dan Situs Web Mode Gelap

Situs ini mengumpulkan materi tentang desain tema gelap. Panduan resmi dan pidato Apple dan Google, artikel perusahaan. Saya menambah artikel saya dengan yang hilang .



Panduan Utama untuk Merancang Tema Gelap untuk aplikasi Android Anda

Analisis terperinci tentang fitur membuat tema gelap dalam Desain Material oleh Chethan KVS. Semua aspek dasar persiapan warna, keadaan elemen, ilustrasi, dll.

Roundup aplikasi Google Dark Mode - Semuanya tersedia sejauh ini

Ikhtisar kuat semua aplikasi Google di Android dengan tema gelap.

Membangun Mode Gelap di Desktop

Slack's Kyle Stetz berbicara tentang memperkenalkan tema gelap. Mereka melakukannya melalui token.

Menerapkan Mode Gelap di iOS 13

Instagram Tim Johnsen berbicara tentang mendukung tema gelap di versi aplikasi iOS.

Matikan lampu - rancang untuk mode gelap

Kiat untuk membuat tema gelap dari Briandito Priambodo berdasarkan pengalaman implementasi Anda di aplikasi Wego.

Membangun Mode Gelap menjadi Aplikasi Web yang Kompleks

Andrew Childs dari Clubhouse berbicara tentang memperkenalkan tema gelap. Mereka membuat alat yang menyenangkan untuk mengurangi jumlah warna, langkah wajib dalam transisi ke sistem desain.

Membangun Mode Gelap di Desktop

Slack's Kyle Stetz berbicara tentang memperkenalkan tema gelap. Mereka melakukannya melalui token.

Menerapkan Mode Gelap di iOS 13

Instagram Tim Johnsen berbicara tentang mendukung tema gelap di versi aplikasi iOS.

Matikan lampu - rancang untuk mode gelap

Kiat untuk membuat tema gelap dari Briandito Priambodo berdasarkan pengalaman implementasi Anda di aplikasi Wego.

Membangun Mode Gelap menjadi Aplikasi Web yang Kompleks

Andrew Childs dari Clubhouse berbicara tentang memperkenalkan tema gelap. Mereka membuat alat yang menyenangkan untuk mengurangi jumlah warna, langkah wajib dalam transisi ke sistem desain.

Desain daftar periksa sistem

Daftar periksa terperinci untuk implementasi sistem desain. Bahasa visual dan token, komponen, alat, manajemen proyek.



Windows 10X

Microsoft sedang mempersiapkan antarmuka Windows 10X alternatif untuk yang baru seperti Surface Neo dua layar. Ini akan mendukung aplikasi Windows biasa, tetapi shell memiliki tampilan yang disederhanakan.



Menentukan Kontribusi Sistem Desain

Nathan Curtis dari EightShapes menjelaskan format interaksi tim sistem desain dan tim produk yang menawarkan solusi dan perubahan. Banyak detail dari prosesnya ditata dengan jelas dan terinci. Untuk dilanjutkan .



Smashing Podcast Episode 7 Dengan Amy Hupe - Apa Itu Sistem Desain Pemerintah?

Podcast dengan Amy Hupe, yang mengerjakan konten dan dokumentasi untuk sistem desain Gov.uk.



Desain material

Pedoman yang diperbarui untuk kepadatan antarmuka . Ini memungkinkan Anda untuk mengadaptasinya untuk berbagai tugas dan lingkungan (misalnya, peningkatan untuk web). Pedoman sendiri dan alat pemasangan online .



SLDS + VS Code = Menang!

Plugin Visual Studio Code dari SalesForce memungkinkan Anda untuk menyoroti parameter dari sistem desain mereka.

Pemahaman pengguna


Just-Right Personas - Cara Memilih Lingkup Personas Anda

Kim Flaherty dari Nielsen / Norman Group berbicara tentang dua jenis karakter - spektrum lebar dan sempit. Yang pertama menggambarkan perusahaan secara keseluruhan, sedangkan yang kedua menggambarkan produk individu.



Netflix berpikir 'Fortnite' adalah ancaman yang lebih besar daripada HBO

Sebuah contoh yang indah tentang pemahaman yang benar tentang Jobs yang Akan Dilakukan dari kepala Netflix Reed Hastings. Dia menganggap ancaman utama bukan saluran HBO, tetapi permainan Fortnite dalam perjuangan untuk waktu luang pengguna.

Bagaimana Perilaku Pencarian Informasi Berubah dalam 22 Tahun

Nielsen / Norman Group menggemakan studi Xerox PARC 1997 tentang bagaimana pengguna mencari informasi di Internet. Feifei Liu berbicara tentang temuan utama.


Alat Desain Antarmuka Baru


Sketsa 62 dan Inspektur

Meningkatkan tata letak cerdas (lebar minimum dan maksimum). Dan akhirnya, versi beta dari analog Zeplin.



Adobe xd

Pembaruan Januari . Juga ditambahkan tata-letak otomatis. Baca juga wawancara dengan Talin Wadsworth dari tim tentang sejarah alat dan rencana untuk masa depan. Dia juga berbicara tentang alur kerja dan tim.

Adobe Creative Cloud

MS Office 365 dapat menghubungkan pustaka Cloud Kreatif untuk mengimpor gaya dan sumber daya.

Mainkan - Alat baru untuk membuat aplikasi seluler yang lebih baik

Suatu hal yang benar-benar liar - alat untuk merancang aplikasi seluler di telepon itu sendiri. Orang-orang menciptakan wabah yang paling lengkap (meskipun menimbulkan pertanyaan tentang produktivitas karya desainer seperti itu). Pada bulan Februari, beta untuk iPhone akan muncul, nanti iPad dan ponsel Android menjanjikan. Latar belakang penciptaan penulis .



Figma: Plugin


  • Bravo Studio App : Menghubungkan data nyata dan menghasilkan kode asli untuk Android dan iOS berdasarkan prototipe.
  • Smooth Shadow : Rapi bayangan menggunakan kurva pelonggaran.
  • Lint Desain : Linting untuk tata letak. Menemukan elemen tanpa gaya berlabuh.
  • Text Prettier : Typographer untuk menyisir teks.


EscherSketch

Alat peramban memungkinkan Anda membuat pola dari bentuk simetris dan melihatnya secara visual dalam kanvas berulang.

BG Painter

Generator latar yang modis (misalnya, "logam cair").

Studio mosaika

Alat baru untuk membuat animasi cascading (sempoyongan). Untuk membuat prototipe dan membuat animasi seperti itu secara manual melalui keyframes adalah melelahkan, tetapi alih-alih bekerja dengan kode, WYSIWYG disarankan.



Adalo

Perancang aplikasi seluler lain yang membuat perakitan asli berdasarkan prototipe. Android, iOS dan web.

Webstudio

Pembuat situs lain di browser.

Garis aliran

Generator pola abstrak dari garis.



Fronty

Layanan ini mengubah gambar menjadi HTML. Secara efektif, tetapi tidak jelas mengapa - tata letak situs sudah dibuat di alat apa pun dengan rincian lapisan, dan ada cukup generator dari sana.

Super sphere

Generator bola kontur dengan animasi.

Coretan

Koleksi gratis noda dan pola abstrak untuk situs promosi.



Berwarna

Generator palet warna yang menarik, yang memungkinkan Anda menggali berdekatan dalam arah yang berbeda.

Gradienta

Generator gradien dan lapisan menarik di browser dengan ekspor ke CSS.

Pixelworm

Layanan menarik yang memungkinkan Anda membandingkan tata letak dalam Sketsa dan implementasi dalam aplikasi seluler.



Clai

Alat ini memungkinkan Anda untuk membuat presentasi tata letak pada perangkat, yang pada gilirannya dapat diputar dengan animasi.

Jejak

Pembersih latar belakang lain dengan foto.

Ukuran sosial

Koleksi besar template untuk semua media sosial dengan ukuran saat ini.



Nototo

Layanan catatan terliar dalam bentuk peta dunia virtual.



Penelitian dan pengujian pengguna


Koneksi kritis antara dukungan dan desain UX

Clara Petit dari Shopify telah pindah dari dukungan pengguna ke UX. Dia menunjukkan dalam pengalamannya persimpangan dan potensi interaksi antara dua peran ini.



Panduan Peneliti Pengguna untuk GDPR

Panduan terperinci untuk GDPR saat melakukan riset pengguna dari Carrie Boyd dari layanan Wawancara Pengguna. Hukum memberlakukan banyak batasan.



Cara Mendapatkan Lebih Banyak Dari Pengujian A / B Daripada Menang atau Hilang

Leigh Lyman dari Lucid Software berbicara tentang pendekatan perusahaan untuk menganalisis tes A / B sebelumnya. Bagaimana mereka menyimpan kesimpulan dan kembali ke sana untuk mencari pola dalam perilaku pengguna.

Haruskah Semua Poin Skala Diberi Label? + Membandingkan Sepenuhnya vs Timbangan Lima dan Tujuh-Titik Sebagian Dilabeli

Jeff Sauro dan Jim Lewis memeriksa pertanyaan "Apakah saya perlu tanda tangan untuk semua elemen skala survei". Studi sebelumnya tentang topik bukti jelas tidak memberikan, banyak tergantung pada konteks survei (metode, frekuensi, presentasi).

Pembuatan bersama dalam penelitian pengguna

Evgenia Naumova dari SKB Kontur berbicara tentang pengalaman melakukan riset pengguna, di mana tim produk membuat konsep antarmuka bersama-sama dengan responden.



Kedewasaan Etis dalam Penelitian Pengguna

Maria Rosala dari Nielsen / Norman Group menyediakan daftar periksa kematangan etis untuk riset pengguna. Semakin banyak perusahaan di mana desainer dan manajer produk berkomunikasi secara mandiri dengan pengguna, tetapi tidak selalu tahu bagaimana melakukan ini.



Poin penting saat membuat lab kegunaan

Daftar periksa untuk mengatur tempat untuk laboratorium UX oleh Dmitry Himi.



Membangun Kemampuan Penelitian Pengguna Kualitatif dan Kuantitatif yang Terintegrasi

Jared Spool memberikan contoh menarik eksplorasi Intuit tentang peluncuran fungsionalitas baru di produk Quickbooks mereka. Kami tidak menggunakan fungsi yang sangat berguna dalam antarmuka, karena tugas ini umumnya diselesaikan di klien email.

Pemrograman visual dan desain di browser


Aplikasi Web Progresif pada tahun 2020

Pembekalan yang kuat tentang keadaan saat ini dari Aplikasi Web Progresif oleh Maximiliano Firtman. Implementasi, dukungan platform, dll. (Bahkan tentang tema gelap dan layar fleksibel).

Skrip baru



Tipografi web

Florens Verschelde mem-parsing sejarah penampilan ukuran font dasar yang khas di situs web . Bagaimana itu telah berubah dari perangkat dan warisan dunia cetak yang pertama.

Bekerja dengan warna di web

Kilian Valkhof menunjukkan cara menggunakan pelonggaran untuk gradien dan bayangan di web menggunakan CSS (atau lebih tepatnya, bukan CSS yang cukup murni).

Metrik dan ROI


Merancang untuk Retensi & Pertumbuhan

Chloe Cathcart dari HubSpot menggambarkan bantuan desainer potensial dalam meningkatkan retensi. Dia membongkar proses "menempel" pengguna menjadi 4 komponen.



Tiga Cabang Pengukuran UX Standar

Jeff Sauro dan Jim Lewis telah menyusun daftar lengkap metode penilaian UX standar. Mereka telah berkembang di tiga cabang sejak 1980-an.



Manajemen Desain dan DesignOps


Bagaimana Memberdayakan Tim Desain Dengan Mengukur Nilai

Co-op's Dave Cunningham menawarkan model DIET (Design Impact Evaluation Tactic) untuk mengevaluasi potensi keberhasilan suatu proyek. Dia mengevaluasi versi revisi berlian ganda pada beberapa masalah. Daftar periksa di situs terpisah dan dalam bentuk tabel .



Banyak sekali arti dari desain yang dipimpin

Jon G. Temple dan IBM Patrick Commarford menjelaskan 4 cara perancang dapat berinteraksi dengan tim yang gesit. Pengaruh pada keputusan desain dan umumnya format adopsi mereka tergantung pada ini.



Bisnis manajemen UX

Kerangka Manajemen Desain oleh Daniel Rosenberg. Dia, seperti saya, menggunakan gagasan pola untuk menyusun praktik dan metode terbaik. Meskipun berfokus pada manajer umum pada umumnya.



Kanvas Desain Organisasi

Templat Pemodelan Organisasi Wonderfull. Ini memungkinkan Anda untuk mengoptimalkan prosedur layanan, tim, proses, dan infrastruktur untuk perbaikan di seluruh peta perjalanan pelanggan.



The Grit: Yury Vetrov, mantan Direktur Desain di Mail.ru Group

Musim panas lalu, Matouลก Roskovec dari Avocode mendatangi kami di Mail.ru Design Conf. Dan kemudian saya pergi ke Praha dan berbicara dengannya. Hasilnya adalah wawancara yang baik untuk seri mereka The Grit. Dari sejarah bergabung dengan jalur desain dan karier hingga praktik manajemen desain dan hobi profesional. Saya menulis jawaban selama seminggu, tetapi ternyata dengan sangat detail. Dikomunikasikan di antara karya-karya, jadi teksnya tentang periode ini.

Kemungkinan "Dan" - Memprioritaskan Kegunaan Seiring Pertumbuhan Fitur

HubSpot's Libby Maurer berbicara tentang bagaimana perusahaan menyeimbangkan antara tumbuh dan meningkatkan fungsi yang ada. Prinsip-prinsip yang baik dari tim desain, serta detail tentang bekerja dengan utang desain.



Bagaimana kami membangun budaya terdistribusi kepercayaan tinggi

Matt Hryhorsky dari tim pertumbuhan Shopify menggambarkan praktik kolaborasi dan koordinasi untuk tim terdistribusi. Memo utuh yang bagus.



Mengubah Tujuan Tim Kami menjadi Hasil UX

Jared Spool menjelaskan pendekatannya terhadap strategi tim desain untuk tahun ini melalui knalpot dan visualisasi.

Kerja tim


Desain Marathon - Konstruksi tim yang efektif yang membantu Anda menemukan solusi terobosan

Desainer Redmadrobot berbicara tentang desain format hackathon yang mereka habiskan untuk pelanggan. Bagian kedua dengan pengalaman Alfa Bank, Sberbank, Miro, Wargaming dan Mail.ru Group.

Metodologi, Prosedur, Standar


Bit Tengah Tidak Sederhana dari Desain

Christina Wodtke menggambarkan visinya tentang proses desain modern. Benar, untuk beberapa alasan itu terkait dengan diagram pemikiran desain, mengatur keributan terminologis.

Siklus Hidup Produk Triple Loop. Tingkat Belajar, Bangun, Ukur, dan Kedewasaan

Farid Sabitov menawarkan versinya tentang model lean untuk menciptakan produk. Dibagi menjadi tiga sub sepeda.

Kasing


Tampilan eksklusif bagaimana Google merancang pengontrol permainan Stadia-nya

Ikhtisar proses kerja pada joystick konsol game Google Stadia.

Bagaimana mengadopsi pola pikir UX mengubah Pusat Bantuan Shopify

Robert Mousseau dari Shopify berbicara tentang meningkatkan antarmuka bagian bantuan. Jenis penelitian apa yang mereka lakukan dan bagaimana mereka menggambarkan karakter dan Pekerjaan yang Harus Dilakukan.

Pertempuran untuk persentase saham - bagaimana Alfa-Bank meningkatkan konversi situsnya

Tinjauan umum pendekatan Alfa Bank untuk mengoptimalkan situs.

wikiHow's Art Dibuat Oleh Jaringan Global Freelancer, Terutama di Filipina

Sebuah cerita tentang gaya paling liar dari ilustrasi situs web dengan instruksi wikiHow, yang menjadi meme kultus. Bagaimana proses desainnya, mengeluarkan jutaan gambar.

Cerita


Arsip apel

Arsip materi pemasaran tidak resmi untuk Apple.

Tren


CES 2020 dan antarmuka baru

Pameran terobosan dan teknologi tinggi CES 2020 umat diadakan pada 7-10 Januari di Las Vegas. Secara tradisional, teknologi baru untuk produk massal diedarkan di atasnya, maka ras menyatakan "kami juga memiliki konsep untuk menggunakan hal ini", dan kemudian beralih ke sesuatu yang baru. Saya memilih perangkat dan arahan menarik yang menyangkut perancang antarmuka: layar fleksibel (kedatangan kedua), pengeras suara dan asisten suara, mobil, perangkat yang dapat dipakai, rumah pintar dan hanya teknologi yang menarik.



Lima warna utama untuk tahun 2020

Tren warna 2020 dari Coloro.



Statistik Pasar pada 2019Q3


Desain Algoritma


NVIDIA's AI dapat membuat senyum hewan peliharaan Anda pada hewan acak

NVIDIA kini mengubah emosi tidak hanya pada foto orang, tetapi juga pada hewan.

Apakah Kecerdasan Buatan Berarti Visualisasi Data Sudah Mati?

Diskusi yang menarik tentang peran dan visualisasi data masa depan di era kecerdasan buatan dari IBM. Apakah saya memerlukan speedometer di dalam mobil dengan autopilot?



25.000 Foto AI

Galeri besar lain dari wajah realistis yang dihasilkan oleh algoritma. Dan ini bukan hanya wajah, tetapi seluruh pose dalam bentuk klasik untuk stok foto.



Kode sketsa

Layanan eksperimental Microsoft membuat prototipe dalam kode dari sketsa kertas antarmuka.



Antarmuka Suara


Temui Yandex.Station Mini. Kisah besar perangkat kecil

Timur Gaskarov berbicara tentang membuat kolom pintar Yandex.Station Mini dalam hal perangkat keras dan antarmuka.

Identitas Spekulatif - Menjelajahi Batas Identitas Visual ...

Situs ini menganalisis identitas dalam film dan komik yang fantastis. Mereka membongkar merek fiksi Blade Runner, Terminator, Back to the Future, Alien, Robocop, Total Recall, dan lainnya dengan detail yang cukup .
Bonus
.




Antarmuka mobil

Sebuah emulator untuk pengembang untuk Android Automotive OS telah muncul .

Kesejahteraan digital

Aplikasi Google eksperimental yang memotivasi Anda untuk menggunakan ponsel lebih jarang .

Craigslist hanya butuh 11 tahun untuk membuat aplikasi iOS sendiri

Alasan lain untuk bercanda Craigslist dengan desain antarmuka dari alam semesta alternatif. Mereka pertama kali meluncurkan aplikasi seluler.

Bekerja secara vertikal

Konsep menghibur "Internet vertikal" untuk bahasa Korea (meskipun tidak terlalu praktis). Sejarah proyek dari penulis .

Untuk pengembangan umum dan profesional


gambar

Daniel Rosenberg - UX Magic

The Interaction Design Foundation merilis UX Magic Daniel Rosenberg, metode semantik untuk mendesain interaksi.

Orang dan perusahaan di industri


FWD [1]: ONY / Digital Product Branding

Tahun lalu, Mitya Osadchuk dan saya mewawancarai ONY studio, salah satu perusahaan domestik terbaik dalam branding digital. Max Orlov, Sergey Lavrinenko dan Andrey Potapov berbicara tentang pendekatan mereka, proses menciptakan dan mempertahankan identitas, metrik, dan tren. Dan juga menunjukkan kantor agensi. Terima kasih kepada Anton Reznik dan tim Mediaproduction Mail.ru untuk kerja pemotretan dan pengeditan yang luar biasa.



Clayton Christensen meninggal pada usia 67 tahun setelah bisnis, pengaruh spiritual

Clayton Christensen, penulis konsep "dilema inovator" tentang inovasi yang mengganggu, meninggal. Dia juga salah satu orang kunci dalam pengembangan Jobs to Be Done dan telah bekerja sama dengan jenius manajemen Andy Grove di Intel. Meskipun ia tidak selalu menebak pergerakan teknologi , ia membuat salah satu kontribusi paling kuat untuk pekerjaan manajer produk dan desainer antarmuka. Obituari dari teman baiknya Michael B. Horn .



Proses konferensi


Acara UX & Desain pada tahun 2020

Katalog konferensi desain untuk tahun 2020.

All Design Conferences - Tempat untuk menemukan UX, Tech, dan Acara Kreatif di Seluruh Dunia

Katalog lain konferensi desain.



Facebook, , โ€• . , , , , , , , , , . .

Source: https://habr.com/ru/post/undefined/


All Articles