Antarmuka pengguna dan penyajian informasi - kursus 41.300 gosok. dari Biro Gorbunov, pelatihan 4 minggu, Tanggal: 1 Desember 2023.
Miscellanea / / December 03, 2023
Contoh antarmuka klasik, seperti peta Google, iPhone, atau kalkulator pinjaman di situs web bank Polandia, mendemonstrasikan prinsip desain universal yang tidak bergantung pada sistem operasi, lingkungan, atau perangkat. Mereka bekerja di komputer, telepon, jam tangan, asisten suara, dan realitas virtual. Selain prinsip umum, kursus ini juga mencakup detail penting: tata letak seluler, animasi, suara, ikon.
Dalam tugas menyajikan informasi, seorang perancang yang baik berpedoman pada sifatnya, ciri-ciri fisik mediumnya, prinsip-prinsip persepsinya, dan yang terpenting, masalah analitis yang dipecahkan.
Ide-ide dan prinsip-prinsip ini dibahas di bagian teoritis kursus ini.
Di kelas praktik, peserta mempelajari teknik mendesain bentuk layar, mendesain tabel dan grafik, serta mengerjakan desain fragmen antarmuka. Pekerjaan rumah mengkonsolidasikan dan menguji pengetahuan yang diperoleh.
Kursus ini berkembang dari kursus klasik Artyom Gorbunov. Sejak 2012, Ilya Birman telah menambahkan topik dan contoh baru ke dalam programnya.
Kursus masakan dasar Perancis tersedia untuk pemula dan koki berpengalaman. Kursus praktis selama empat minggu dihadiri oleh desainer, direktur seni, manajer, pemrogram, dan editor pemula dan berpengalaman.
Pengetahuan peserta sebelumnya sangat membantu namun tidak diperlukan.
Setiap minggu terdiri dari kuliah dan bagian praktik. Dalam pembelajaran jarak jauh, hampir seluruh waktu bersama guru dicurahkan untuk latihan praktek, dan teori disiapkan untuk belajar mandiri. Setiap hari Sabtu, peserta memiliki akses video ceramah dan materi teks di ruang belajar untuk belajar mandiri. Dan selama pelajaran praktek, mereka memperkuat teori minggu ini dengan tugas-tugas yang dipilih secara khusus dan meninjaunya bersama guru.
Direktur seni biro, salah satu penulis “Sovets”. Pembuat situs web untuk aturan bahasa Rusia, tata letak tipografi, dan mesin blog Egea. Penulis buku "Antarmuka Pengguna"
1 minggu
Apa itu antarmuka? Aturan mainnya dan perwujudan fisiknya
Ketergantungan kemanusiaan dan teknologi. Biarkan mobil berkeringat. Data pengguna sangat berharga. Data pertama, lalu filter. Teknologi ada di balik terpal
Kebiasaan. Jendela konfirmasi dan cerita tentang inovasi saat memulai program. Keaslian. Manajemen kebiasaan sebagai alat komersial
Pengandaian. Solusi: menarik perhatian ke mode, pemisahan gerakan, mode semu, mengubah skrip. Jendela modal
Sihir yang konsisten. "Hukum Fisika" Dunia Maya
Pandangan seorang pemula. Setiap layar memiliki arti. Status layar kosong dan terisi
Masukan. Kecukupan, kelembutan, kejujuran, instan, kontinuitas, fisik. Apa terobosan utama iPhone?
Hukum Membidik dan Fitts. Titik di bawah kursor, sudut dan sisi layar. Tikus dan jari. Satu objek - satu tautan. Tidak ada lubang. Gerakan dan klik adalah satu gerakan. Bertujuan pada perangkat seluler
Kedekatan. Hukum kedekatan dan struktur visual. Pengelompokan elemen
Konten informasi. Hapus semua yang tidak perlu. Keluarkan dari tanda kurung. Hubungkan fungsi informasi. Tambahkan sinyal. Mitos tujuh elemen.
Latihan. Desain fragmen antarmuka
2 minggu
Teks di antarmuka. Sintaks elemen antarmuka
Gaya informasi. Hentikan kata-kata di antarmuka. Navigasi dan kata-kata pesan
bahasa robot
Navigasi situs web
Jendela. Antarmuka multi-dokumen dan satu dokumen. Konfigurasi jendela. Teorema popup
Tipografi layar dan kertas. Grid modular dalam desain layar. Keterbacaan teks di layar
Tata letak untuk perangkat seluler
Desain meja. Desain tabel: pengetikan, perataan, bingkai. Desain tabel: baris dan kolom, subordinasi, pengurutan. Mengadaptasi tabel kompleks ke layar kecil
Tata letak dan pengembangan bentuk layar. Semua orang membenci bentuk. Bagaimana dan kapan melaporkan bug
Latihan. Desain tabel, grafik, formulir
3 minggu
"Desain untuk orang bodoh." Manipulasi visual. Dekuantifikasi dan depersonalisasi. Pengaruh skala dan interval. Teknik praktis untuk mendesain grafik dan diagram
Distorsi informasi yang tidak disengaja
Pemilihan format. Kalimat, tabel, grafik. Resolusi media
Sampah informasi. Struktur teratur. Kontras. Efek “1+1=3+”. Data tidak memerlukan hiasan
Koefisien informasi
Legenda, pengkodean dan penomoran. Apa masalahnya dan bagaimana cara mengatasinya
Persepsi terhadap sejumlah besar informasi
Perbandingan
Dunia multidimensi pada medium datar
Perkalian elemen informasi. Perbaiki desain dan ganti datanya. Organisasi spasial elemen. Banyak efek
Lapisan informasi. Latar belakang, garis dan titik, tanda tangan. Melapisi perubahan sebagai respons terhadap tindakan pengguna. Lapisan dan bahasa
Skema transportasi
Presentasi paralel. Bukan sekedar duplikasi, tapi melihat dari sudut yang berbeda
Latihan. Desain ulang fragmen antarmuka
4 minggu
Pengembangan elemen antarmuka non-standar. Non-standar demi keuntungan
Semantik visual. Tanda dan simbol. Piktogram
Membalik dan menggulir. Bagaimana memilih. Bagaimana tidak memilih
Suara di antarmuka. Resolusi media. Pemberitahuan dan reaksi
Persiapan dan analisis tugas antarmuka
Animasi. Mengapa: perhatian, penjelasan, realisme, pertunjukan. Seperti: tidak mengganggu, kealamian, konsistensi, kemurnian
Ketersediaan. Bukan untuk pertunjukan. Setiap orang mempunyai kemampuan yang terbatas. Penglihatan. Pendengaran. Keterampilan motorik. Desain inklusif.
Sistematisasi. Standar, pedoman, kisi, perangkat UI, dan sistem desain. Implementasi dan pemeliharaan sistem. Fleksibilitas dan kemampuan beradaptasi standar. Kemampuan manufaktur dan interaksi dengan pengembang