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
Offrez à votre carrière le cadeau de Coursera Plus avec $160 de réduction, facturé annuellement. Économisez aujourd’hui.
Membuat Antarmuka Pengguna (UI) Dinamis untuk Situs
Instructeur : Google Career Certificates
Enseignant de premier plan
Inclus avec 
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
5.0
(59 avis)
niveau Débutant
Aucune connaissance prérequise
Planning flexible
Env. 39 heures
Apprenez à votre propre rythme
99%
La plupart des apprenants ont aimé ce cours
Ce que vous apprendrez
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.
Compétences que vous acquerrez
- Catégorie : Pengalaman Pengguna (User Experience UX)
- Catégorie : Purwarupa
- Catégorie : Adobe XD
- Catégorie : Pengujian Kegunaan
- Catégorie : Desain Pengalaman Pengguna (User Experience Design UXD)
Détails à connaître
Certificat partageable
Ajouter à votre profil LinkedIn
Évaluations
41 quizzes
Enseigné en Indonésien
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Élaborez votre expertise en Design and Product
Ce cours fait partie de la Desain UX Google Certificat Professionnel
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à ce Certificat Professionnel.
- Apprenez de nouveaux concepts auprès d'experts du secteur
- Acquérez une compréhension de base d'un sujet ou d'un outil
- Développez des compétences professionnelles avec des projets pratiques
- Obtenez un certificat professionnel partageable auprès de Google
Obtenez un certificat professionnel
Ajoutez cette qualification à votre profil LinkedIn ou à votre CV
Partagez-le sur les réseaux sociaux et dans votre évaluation de performance
Il y a 6 modules dans ce cours
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.
Inclus
13 vidéos16 lectures8 quizzes1 évaluation par les pairs5 sujets de discussion
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.
Inclus
9 vidéos8 lectures5 quizzes1 évaluation par les pairs2 sujets de discussion1 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.
Inclus
12 vidéos13 lectures4 quizzes1 évaluation par les pairs1 sujet de discussion2 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.
Inclus
9 vidéos12 lectures7 quizzes1 évaluation par les pairs2 sujets de discussion
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!
Inclus
11 vidéos15 lectures9 quizzes1 évaluation par les pairs2 sujets de discussion
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.
Inclus
15 vidéos10 lectures8 quizzes1 évaluation par les pairs2 sujets de discussion
Instructeur
Évaluations de l’enseignant
5.0 (14 évaluations)Offert par
Recommandé si vous êtes intéressé(e) par Design and Product
IE Business School
Universidad de los Andes
University of Michigan
Coursera Project Network
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Ouvrez de nouvelles portes avec Coursera Plus
Accès illimité à plus de 7 000 cours de renommée internationale, à des projets pratiques et à des programmes de certificats reconnus sur le marché du travail, tous inclus dans votre abonnement
Faites progresser votre carrière avec un diplôme en ligne
Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne
Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires
Améliorez les compétences de vos employés pour exceller dans l’économie numérique
Foire Aux 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.