Mendesain Web yang Responsif di Adobe XD adalah materi keenam dalam program yang akan membekali Anda dengan keterampilan yang dibutuhkan untuk melamar pekerjaan tingkat pemula dalam desain pengalaman pengguna (UX). Dalam materi ini, Anda akan merancang situs web responsif menggunakan Adobe XD, sebuah alat desain yang populer. Anda akan menyelesaikan proses desain dari awal hingga akhir: berempati kepada pengguna, menentukan titik kesulitan/masalah pengguna, menghasilkan ide untuk solusi desain, membuat wireframe dan purwarupa, serta menguji desain untuk mendapatkan masukan. Pada akhir materi ini, Anda akan memiliki sebuah proyek desain baru untuk dimasukkan ke dalam portofolio UX profesional Anda.
This course is part of the Desain UX Google Professional Certificate
Mendesain Web yang Responsif di Adobe XD
Offered By
About this Course
What you will learn
Menerapkan setiap langkah proses desain UX untuk membuat situs web yang responsif di Adobe XD.
Merencanakan arsitektur informasi dan peta situs (sitemap) untuk desain situs web.
Menerapkan tata letak umum untuk laman web.
Menyelesaikan sebuah proyek desain dan menyertakannya ke dalam portofolio UX profesional Anda.
Skills you will gain
- Pengujian Kegunaan
- Adobe XD
- Pengalaman Pengguna (User Experience UX)
- Purwarupa
- Desain Pengalaman Pengguna (User Experience Design UXD)
Offered by

Grow with Google is an initiative that draws on Google's decades-long history of building products, platforms, and services that help people and businesses grow. We aim to help everyone – those who make up the workforce of today and the students who will drive the workforce of tomorrow – access the best of Google’s training and tools to grow their skills, careers, and businesses.
Syllabus - What you will learn from this course
Memulai proses desain UX: Berempati dan mendefinisikan
Mulailah dengan dasar-dasar desain web responsif. Untuk membuat website yang responsif, Anda akan mengikuti setiap langkah proses desain UX: berempati, mendefinisikan, memunculkan ide, membuat purwarupa, melakukan uji coba. Di bagian materi ini, Anda akan menyelesaikan fase berempati dan mendefinisikan. Selain itu, Anda akan mulai mengeksplorasi Adobe XD, tool desain populer yang akan Anda gunakan di sepanjang materi ini.
Melanjutkan proses desain UX: Ideate (Ideasi)
Proyek desain website responsif Anda sedang berlangsung. Di bagian materi ini, Anda akan memulai fase ideasi sebagai bagian dari proses desain. Untuk memunculkan ide-ide solusi desain, Anda akan melakukan audit kompetitif, menyelesaikan aktivitas “How Might We”, dan membuat sketsa ide menggunakan “Crazy Eights”. Anda juga akan belajar tentang pentingnya arsitektur informasi dan peta situs (sitemap) saat mendesain website.
Membuat wireframe untuk situs web responsif
Setelah Anda berempati dengan pengguna, menetapkan masalah pengguna yang harus dipecahkan, dan mulai mencari solusi yang memungkinkan, sekarang saatnya untuk merealisasikan ide-ide Anda dalam wireframe. Situs web responsif Anda akan memiliki tata letak yang berbeda-beda, tergantung pada perangkat dan ukuran layar yang menjadi target rancangan Anda, jadi Anda akan membuat banyak wireframe yang berbeda. Pertama, Anda akan mengeksplorasi tata letak situs web secara umum, kemudian Anda akan membuat wireframe kertas. Selanjutnya, Anda akan mengenal beberapa elemen dan komponen yang biasa digunakan dalam desain situs web responsif. Kemudian, Anda akan bertransisi untuk membuat wireframe digital di Adobe XD. Terakhir, Anda akan memperbarui dan menyempurnakan wireframe untuk meningkatkan aksesibilitas.
Membuat dan menguji purwarupa low-fidelity
Setelah Anda membuat wireframe digital di Adobe XD, sekarang saatnya untuk membangun, menguji, dan melakukan iterasi pada purwarupa low-fidelity. Pertama, Anda akan belajar cara membuat purwarupa low-fidelity di Adobe XD. Anda akan mendapatkan masukan tentang purwarupa tersebut dengan merencanakan dan melakukan studi usability (kegunaan). Kemudian, Anda akan memodifikasi desain low-fidelity berdasarkan wawasan dari penelitian tersebut.
Membuat dan menguji desain high-fidelity
Di bagian materi ini, Anda akan bersiap untuk membuat mockup website responsif di Adobe XD. Anda juga akan mengembangkan karya Anda dengan sistem desain dan menggunakan komponen dari sistem desain eksternal dalam desain website responsif. Kemudian, Anda akan mengubah mockup Anda menjadi purwarupa high-fidelity dengan membuat koneksi, menambahkan detail interaksi, dan menyesuaikan animasi. Pada langkah terakhir, Anda akan menguji purwarupa high-fidelity melalui studi kegunaan untuk mendapatkan umpan balik dari beragam pengguna. Pada akhir bagian materi ini, desain website responsif Anda akan selesai!
Mendokumentasikan hasil desain dan mencari pekerjaan
Setelah menyelesaikan desain website responsif, Anda akan siap untuk membagikan hasil pekerjaan Anda dengan orang lain. Untuk memulainya, Anda akan belajar cara menyiapkan dan menyerahkan desain kepada para insinyur, yang akan membangun produk akhir. Anda juga akan menambahkan suatu studi kasus yang menampilkan desain website responsif ke portofolio UX profesional Anda. Kemudian, Anda akan beralih fokus pada tujuan yang lebih besar: mendapatkan pekerjaan sebagai desainer UX. Anda akan mempelajari kiat dan trik membaca lowongan pekerjaan, serta membuat resume menarik yang menonjolkan keterampilan baru Anda di bidang UX.
About the Desain UX Google Professional Certificate
Bersiaplah untuk berkarier di bidang desain UX yang sedang tumbuh pesat, tidak diperlukan pengalaman atau gelar apa pun di sini. Pelatihan profesional Google ini menawarkan jalur cepat mendapatkan pekerjaan dengan gaji yang kompetitif.
Desainer User Experience (UX) berfokus pada interaksi yang dialami pengguna saat menggunakan produk seperti situs web, aplikasi, dan obyek fisik. Desainer UX menjadikan interaksi keseharian pengguna bermanfaat, menyenangkan, dan mudah diakses. Melalui 7 materi yang ada, Anda bisa mendapatkan keterampilan yang dibutuhkan oleh desainer UX tingkat pemula. Dengan waktu kurang dari 10 jam per minggu, sertifikat ini dapat diperoleh dalam waktu kurang dari 6 bulan. Anda akan membuat desain di atas kertas dengan alat desain digital seperti Figma dan Adobe XD. Di akhir program, Anda akan memiliki portofolio UX profesional berisikan tiga proyek utuh sebagai kesiapan melamar berbagai pekerjaan. Setelah menyelesaikan program sertifikasi ini, Anda dapat langsung melamar pekerjaan di Google dan mitra konsorsium Google dari berbagai industri. 75% Lulusan Program Sertifikat Google di Amerika Serikat melaporkan adanya peningkatan karier dalam waktu 6 bulan setelah mereka memperoleh sertifikat. Lihat semua program Sertifikasi Karier Google di sini. Kutipan: *berdasarkan respons survei lulusan program, Amerika Serikat 2021

Frequently Asked Questions
When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Certificate?
When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
Apa yang dimaksud dengan desainer UX?
Desainer pengalaman pengguna (UX) berfokus pada pengalaman yang dialami oleh pengguna saat menggunakan berbagai produk seperti situs web, aplikasi, dan objek fisik. Desainer UX menjadikan interaksi keseharian berguna, menyenangkan, dan mudah diakses. Desainer UX tingkat pemula bisa berperan di berbagai aktivitas termasuk memunculkan ide untuk mengatasi masalah pengguna, melakukan penelitian tentang pengguna, serta merancang wireframe, mockup, dan purwarupa.
Jika Anda senang berbicara dan berempati kepada orang lain, menggambar, berpikir kreatif, atau memperhatikan detail mengenai sesuatu, pekerjaan sebagai desainer UX mungkin cocok untuk Anda.
Latar belakang pendidikan apa yang dibutuhkan?
Materi ini adalah materi keenam dari tujuh materi yang akan membekali Anda dengan keterampilan yang dibutuhkan untuk melamar pekerjaan tingkat pemula dalam desain pengalaman pengguna. Kami sangat menyarankan Anda untuk menyelesaikan lima materi pertama Sertifikat Desain UX Google sebelum menyelesaikan materi ini:
- Materi 1: Foundations of User Experience (UX) Design (Dasar-dasar Desain User Experience (UX))
- Materi 2: Start the UX Design Process (Memulai Proses Desain UX:) Berempati, Mendefinisikan, dan Memunculkan ide
- Materi 3: Build Wireframes and Low-Fidelity Prototypes (Membuat Wireframe dan Purwarupa Low-Fidelity)
- Materi 4: Conduct UX Research and Test Early Concepts (Melakukan Riset UX dan Menguji coba Konsep Awal)
- Materi 5: Build High-Fidelity Designs and Prototypes in Figma (Membuat Desain dan Purwarupa High-Fidelity di Figma)
Atau, jika Anda berharap untuk mengambil ini sebagai materi pertama program ini, Anda harus memiliki pengalaman melakukan penelitian pengguna untuk berempati terhadap kebutuhan pengguna dan menentukan titik permasalahan pengguna tertentu. Anda harus memiliki kemampuan untuk membuat persona, cerita pengguna, peta perjalanan pengguna, dan pernyataan masalah. Anda perlu tahu cara membuat wireframe dan purwarupa low-fidelity di atas kertas. Pengalaman melakukan studi kegunaan dan iterasi/pengulangan pada desain, juga sangat membantu. Jika Anda tidak familier dengan salah satu topik ini, topik tersebut dibahas pada materi Sertifikat Desain Google UX sebelumnya.
Alat atau platform apa saja yang diajarkan dalam kurikulum ini?
Adobe XD dan Figma adalah alat desain yang diajarkan dalam Sertifikat Desain UX Google. Materi ini berfokus pada pembuatan desain di Adobe XD. Pembelajar memiliki akses gratis selama sembilan bulan ke Adobe XD versi Aplikasi Tunggal untuk membagikan tautan tak terbatas ke purwarupa. Anda harus menyelesaikan Materi 1 Sertifikat Desain UX Google (termasuk semua tugas yang dinilai) untuk menerima penawaran ini. Perlu diingat, penawaran ini eksklusif untuk peserta Sertifikat Desain UX Google, dan Anda tidak dapat menjual kembali, meminjamkan, atau membagikan akun langganan ini. Setelah pembelajar yang memenuhi syarat menyelesaikan Materi 1, mereka akan menerima email dan pesan Coursera dengan instruksi mengenai penukaran penawaran akses gratis ini.
Anda juga akan menggunakan aplikasi spreadsheet, pengolah kata, dan presentasi. Selama mengikuti program ini, Anda akan membuat portofolio secara profesional, menggunakan platform pilihan Anda, untuk menunjukkan karya desain UX Anda.
Program sertifikat ini akan mempersiapkan saya untuk mendapatkan pekerjaan apa saja?
Salah satu hal paling menarik dari bidang UX adalah banyaknya peluang kerja yang tersedia. Hampir setiap perusahaan membutuhkan desainer UX untuk membantu mereka menciptakan berbagai produk, baik digital maupun fisik. Saat ini masih terdapat kekurangan tenaga desain UX profesional, sedangkan kebutuhan terhadap desainer UX semakin meningkat.
Berkarier di bidang desain UX memungkinkan Anda bekerja sebagai generalis, yang berperan sebagai desainer UX, desainer UI, atau peneliti UX, atau sebagai spesialis, seperti desainer visual atau desainer interaksi. Setelah menyelesaikan program sertifikat ini, Anda dapat mencari lowongan pekerjaan di semua posisi tadi, dan menemukan peran yang paling cocok untuk Anda.
Apakah saya perlu mengikuti materi program ini sesuai urutan?
Ini adalah materi keenam dari tujuh materi dalam Sertifikat Desain UX Google. Kami sangat menyarankan untuk menyelesaikan ketujuh materi dalam program sertifikat ini sesuai dengan urutan yang disajikan, karena konten dan aplikasi di setiap materi dibuat berdasarkan informasi yang disajikan dan dipraktikkan di materi sebelumnya.
More questions? Visit the Learner Help Center.