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.
Membuat Antarmuka Pengguna (UI) Dinamis untuk Situs
Instructor: Google Career Certificates
Top Instructor
Included with
(57 reviews)
What you'll 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'll gain
Details to know
Add to your LinkedIn profile
41 quizzes
See how employees at top companies are mastering in-demand skills
Build your Design and Product expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate from Google
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review
There are 6 modules in this course
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.
What's included
13 videos16 readings8 quizzes1 peer review5 discussion prompts
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.
What's included
9 videos8 readings5 quizzes1 peer review2 discussion prompts1 plugin
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.
What's included
12 videos13 readings4 quizzes1 peer review1 discussion prompt2 plugins
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.
What's included
9 videos12 readings7 quizzes1 peer review2 discussion prompts
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!
What's included
11 videos15 readings9 quizzes1 peer review2 discussion prompts
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.
What's included
15 videos10 readings8 quizzes1 peer review2 discussion prompts
Instructor
Offered by
Recommended if you're interested in Design and Product
Why people choose Coursera for their career
New to Design and Product? Start here.
Open new doors with Coursera Plus
Unlimited access to 7,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy
Frequently asked questions
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.
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.
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.