|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/mendesain-web-yang-responsif-di-adobe-xd
课程评论:没有评论
课程名称:在Adobe XD中设计响应式网页 概述:在Adobe XD中设计响应式网页是您获取用户体验(UX)设计入门级工作所需技能的第六门课程。您将使用流行的设计工具Adobe XD设计响应式网页,完成从开始到结束的设计过程:同理用户、确定用户的痛点/问题、生成设计解决方案的创意。 课程大纲: 1. **开始UX设计过程:同理与定义** - 介绍响应式网页设计的基础知识,规范UX设计流程,包括同理、定义、创意、制作原型和测试。您将完成同理和定义阶段,并开始探索Adobe XD。 2. **继续UX设计过程:创意阶段** - 在此阶段,您将进行竞争审计,完成“How Might We”活动,并通过“Crazy Eights”进行草图绘制,生成设计解决方案的创意。同时,您将了解信息架构和网站地图在网站设计中的重要性。 3. **为响应式网站创建线框图** - 在明确用户需求和潜在解决方案后,您将把创意转化为线框图,针对不同设备和屏幕尺寸设计多种线框图。您将学习网站布局,并首先绘制纸质线框图,随后在Adobe XD中创建数字线框图。 4. **创建和测试低保真原型** - 制作完数字线框图后,您将学习如何在Adobe XD中创建低保真原型,并通过可用性研究获取反馈,再根据研究结果对设计进行调整。 5. **创建和测试高保真设计** - 在本部分中,您将准备在Adobe XD中制作响应式网站的高保真模型,使用设计系统和外部组件,添加交互细节和动画,最终通过可用性研究测试高保真原型,收集反馈。 6. **记录设计结果与求职** - 完成网页设计后,您将学习如何准备和提交设计给开发人员,并将项目案例添加到您的UX专业作品集中。此外,您将了解求职技巧,包括解读职位描述和制作突出您UX技能的简历。 通过本课程,学员将掌握使用Adobe XD设计响应式网页所需的全套技能与知识,为进入UX设计领域做好准备。
Name:Memulai proses desain UX: Berempati dan mendefinisikan
Description: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.
Name:Melanjutkan proses desain UX: Ideate (Ideasi)
Description: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.
Name:Membuat wireframe untuk situs web responsif
Description: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.
Name:Membuat dan menguji purwarupa low-fidelity
Description: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.
Name:Membuat dan menguji desain high-fidelity
Description: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!
Name:Mendokumentasikan hasil desain dan mencari pekerjaan
Description: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.
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,