20 Tutorial Pola UX Terbaik

Diterbitkan: 2017-03-26

Apakah Anda seorang desainer UX yang ingin membuat desain yang terlihat profesional atau hanya ingin mempelajari lebih lanjut tentang pengalaman pengguna? Koleksi menakjubkan dari tutorial pola UX terbaik ini persis seperti yang Anda butuhkan. Di sini Anda akan menemukan berbagai macam tutorial UX yang akan mengajari Anda cara berhasil membuat pola UX. Selain itu, informasinya terstruktur dengan baik dan mudah diikuti, langkah demi langkah.

Daftar Isi sembunyikan
Pembuat Produk
Cepat Tambahkan Ke Keranjang
Penggeser Pratinjau Produk
Galeri Gambar yang Dapat Diperluas
Tambahkan ke Keranjang Interaksi
Alur Pendaftaran Animasi
Navigasi Geser Sekunder
Formulir Buletin Responsif
Navigasi Tetap Cerdas
Keranjang Belanja Samping
Apa itu UX?
Menjadikan UX Penting Bagi Perusahaan Anda
Bagaimana Mengajarkan Desain UX?
Tipografi dan Pengalaman Pengguna – WCSF
Desain UX Pertama Konten: Video Game Apa yang Mengajarkan Kami Tentang UX?
UX & Mitos Desain
Mendesain untuk Seluler
Membawa Pengguna ke dalam Proses Desain
Masa Depan UX: Merancang Pengalaman Data
Desain UX + Desain UI: Menyuntikkan Persona Merek!

Tutorial pola UX ini dibuat untuk pemula, untuk memulainya ke dalam desain UX. Selain itu, Anda akan menemukan beberapa tutorial UX yang dimaksudkan untuk meningkatkan pengetahuan UX Anda lebih jauh dan membantu Anda menjadi desainer UX yang berpengalaman. Apapun kategori yang Anda masuki, tutorial ini pasti akan membantu Anda meningkatkan kinerja desain Anda secara keseluruhan.

Mari kita mulai belajar!

Ingin lebih banyak barang UX? Lihat Aplikasi UX Esensial ini.

Pembuat Produk

Dalam tutorial UX yang hebat ini, perancang menunjukkan kepada Anda cara membuat pembuat produk yang sepenuhnya dapat disesuaikan dan responsif yang kemudian dapat Anda masukkan ke dalam toko online Anda.

Pembuat Produk di CSS dan jQuery _ CodyHouse Pin

Cepat Tambahkan Ke Keranjang

Teknik ini menunjukkan cara membuat fungsi tambah cepat ke keranjang dengan menggunakan cuplikan kode yang sangat berguna. Ini adalah fitur bagus yang pasti akan lebih menarik bagi pelanggan Anda.

Tambah Cepat ke Keranjang di CSS dan jQuery _ CodyHouse Pin

Penggeser Pratinjau Produk

Ini adalah metode yang bagus dan mudah yang memungkinkan Anda untuk melihat banyak variasi produk yang sama secara langsung di galeri produk. Ini memungkinkan Anda langsung melihat lebih banyak info tentang produk, tanpa harus menavigasi ke halaman lain.

Slider Pratinjau Produk dalam CSS dan jQuery _ CodyHouse Pin

Galeri Gambar yang Dapat Diperluas

Di sini Anda memiliki semua informasi yang Anda butuhkan untuk membuat galeri gambar yang dapat diperluas kapan pun Anda merasa cocok. Ini membuat gambar meluas saat diklik, dan diubah menjadi galeri.

Galeri Gambar yang Dapat Diperluas di CSS dan jQuery _ CodyHouse Pin

Tambahkan ke Keranjang Interaksi

Tutorial ini menunjukkan cara membuat ikon add to chart yang interaktif. Ini muncul setiap kali pengguna memilih untuk membeli item.

Tambahkan ke Interaksi Keranjang di CSS dan jQuery _ CodyHouse Pin

Alur Pendaftaran Animasi

Pelajari cara mendesain alur pendaftaran animasi yang memungkinkan saat pengguna memilih paket. Item ini memiliki tata letak yang sepenuhnya responsif yang akan beradaptasi dengan ukuran layar apa pun.

Alur Pendaftaran Animasi di CSS dan jQuery _ CodyHouse Pin

Navigasi Geser Sekunder

Mengapa Anda memerlukan navigasi kedua? Ada banyak keadaan ketika situasi membutuhkan elemen jenis ini. Pada saat itu, informasi tentang cara membangunnya dari awal mungkin berguna.

Navigasi geser sekunder di CSS dan jQuery _ CodyHouse Pin

Formulir Buletin Responsif

Buat formulir buletin yang indah ini dengan menggunakan animasi CSS3. Item ini memiliki desain yang sepenuhnya responsif yang secara otomatis akan beradaptasi dengan ukuran layar apa pun.

Formulir Newsletter Responsif CSS dan jQuery _ CodyHouse Pin

Navigasi Tetap Cerdas

Pelajari cara membuat navigasi tetap ini untuk membuat situs web Anda lebih mudah diakses. Ikuti petunjuknya, lihat cuplikan kodenya dan gunakan di proyek Anda.

Navigasi Tetap Cerdas _ CodyHouse Pin

Keranjang Belanja Samping

Anda dapat dengan cepat membuat keranjang belanja sisi animasi yang indah. Ini memungkinkan pengguna Anda untuk memeriksa keranjang mereka setiap saat, tanpa harus me-refresh halaman.

Keranjang belanja CSS dan jQuery Side _ CodyHouse Pin

Apa itu UX?

Ini adalah presentasi rapi yang menunjukkan banyak informasi berguna tentang UX. Ini bagus untuk pemula karena berfokus pada dasar-dasarnya.

Apa itu ux? Pin

Menjadikan UX Penting Bagi Perusahaan Anda

Lihatlah presentasi yang luar biasa ini dan gunakan untuk mempelajari lebih lanjut tentang apa yang diperlukan untuk menjadikan UX sebagai bagian penting dari perusahaan Anda.

Menjadikan UX Penting bagi Perusahaan Anda Pin

Bagaimana Mengajarkan Desain UX?

Ini adalah Slideshare indah yang memberi Anda beberapa petunjuk penting tentang berbagai metode pengajaran desain UX. Jika ini yang Anda cari, informasi ini sangat cocok untuk Anda.

Cara Mengajar Desain UX Pin

Tipografi dan Pengalaman Pengguna – WCSF

Presentasi ini berisi informasi berguna yang akan menjelaskan hubungan kompleks antara tipografi dan pengalaman pengguna.

Tipografi dan Pengalaman Pengguna - WCSF Pin

Desain UX Pertama Konten: Video Game Apa yang Mengajarkan Kami Tentang UX?

Desain UX yang indah dapat terinspirasi oleh video game. Slideshare ini berisi informasi berguna tentang berbagai koneksi dan persamaan antara video game dan desain UX.

Konten pertama Desain UX Apa yang diajarkan video game kepada kita tentang UX Pin

UX & Mitos Desain

Ini adalah kompilasi mitos yang mungkin pernah didengar oleh setiap desainer UX. Sebagian besar berorientasi pada proses kreatif dan efektifitas.

Mitos Desain UX Pin

Mendesain untuk Seluler

Pelajari cara berhasil menciptakan pengalaman pengguna seluler yang benar-benar mengesankan pengguna.

UX dan UI - Mendesain untuk Seluler Pin

Membawa Pengguna ke dalam Proses Desain

Pengguna dapat secara aktif terlibat dalam proses desain, tetapi apa cara kerja bersama yang paling efektif. Teknik yang berpusat pada pengguna dapat digunakan untuk mengevaluasi desain.

UX yang berpusat pada pengguna Membawa Pengguna ke dalam Proses Desain Pin

Masa Depan UX: Merancang Pengalaman Data

Lihat ini yang membahas topik UX penting. Dengan keberadaan begitu banyak perangkat, tugas UX dimulai pada satu perangkat, berlanjut melalui berbagai antarmuka dari beberapa perangkat, dan kemudian … kemana semua itu pergi?

Masa Depan Pengalaman Desain Data UX Pin

Desain UX + Desain UI: Menyuntikkan Persona Merek!

Informasi ini berfokus pada UX dan UI dan mencoba menjelaskan persamaan dan kesulitannya. Ini berguna untuk memastikan bahwa kedua konsep ini tidak akan membingungkan lagi.

Desain UX + Desain UI Menyuntikkan persona merek! Pin