Mendesain Web yang Responsif di Adobe XD

Go to Course: https://www.coursera.org/learn/mendesain-web-yang-responsif-di-adobe-xd

Introduction

### Course Review: Mendesain Web yang Responsif di Adobe XD **Overview** If you're aspiring to kickstart your career in User Experience (UX) design, the "Mendesain Web yang Responsif di Adobe XD" course on Coursera is an exceptional choice. As the sixth module in a broader program, this course equips you with vital skills needed to secure entry-level jobs in UX design. With a comprehensive focus on creating responsive websites, learners engage in a hands-on experience using Adobe XD, one of the industry's most popular design tools. **Course Syllabus Breakdown** 1. **Memulai Proses Desain UX: Berempati dan Mendefinisikan** - This introductory module lays the foundational elements of responsive web design. You'll learn the critical steps of the UX design process: empathizing with users, defining their needs, ideation, prototyping, and testing. Through this phase, you’ll start to familiarize yourself with Adobe XD, allowing you to begin exploring this essential design platform. 2. **Melanjutkan Proses Desain UX: Ideate (Ideasi)** - In this module, you will dive into the ideation phase of your project. The course emphasizes conducting competitive audits, utilizing creative brainstorming techniques like “How Might We” and “Crazy Eights,” and understanding the significance of information architecture and sitemaps. This robust ideation process is critical for developing innovative design solutions. 3. **Membuat Wireframe untuk Situs Web Responsif** - Building on your empathetic insights and defined user problems, this section focuses on turning your ideas directly into wireframes. Here, you’ll explore various layouts tailored to different devices, create paper wireframes, and transition into digital wireframing using Adobe XD. Also, you’ll refine your wireframes with a strong emphasis on accessibility, a crucial aspect of modern design. 4. **Membuat dan Menguji Purwarupa Low-Fidelity** - This part concentrates on developing low-fidelity prototypes in Adobe XD. You’ll learn the significance of usability testing and how to apply findings to revise and enhance your designs. Feedback is invaluable, and this phase gives you practical experience in gathering and implementing user insights. 5. **Membuat dan Menguji Desain High-Fidelity** - Transitioning from low-fidelity to high-fidelity designs, this segment empowers you to create polished mockups using various design systems, incorporating external components, and enriching your projects with detailed interactions and animations. You'll also conduct usability studies to gather comprehensive feedback, refining your design to perfection. 6. **Mendokumentasikan Hasil Desain dan Mencari Pekerjaan** - In the final module, you’ll learn how to document and present your design work effectively. Preparing your output for engineers and showcasing your design in a professional UX portfolio are key focuses. The course wraps up with essential job-hunting strategies, resume crafting tips, and insights on how to stand out in the competitive UX design job market. **Final Thoughts and Recommendation** "Mendesain Web yang Responsif di Adobe XD" is an invaluable course for anyone eager to expand their skills in UX design. It not only teaches you the technical aspects of using Adobe XD but also nurtures critical soft skills like empathy and problem-solving that are essential in the UX field. The course is well-structured and progresses logically, ensuring that students build their capabilities step by step. The emphasis on real-world applications, such as usability testing and portfolio development, prepares you to enter the field ready to impress potential employers. I highly recommend this course to aspiring UX designers. Whether you are starting from scratch or looking to enhance your existing skills, this course provides the tools and knowledge necessary to make your mark in the exciting world of UX design. Engage in this immersive learning experience on Coursera, and take the first step toward your future career!

Syllabus

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.

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.

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.

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.

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!

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.