Google
Membuat Antarmuka Pengguna (UI) Dinamis untuk Situs
Google

Membuat Antarmuka Pengguna (UI) Dinamis untuk Situs

Taught in Indonesian

Google Career Certificates

Top Instructor

Included with Coursera Plus

Course

Gain insight into a topic and learn the fundamentals

5.0

(36 reviews)

Beginner level
No prior experience required
39 hours (approximately)
Flexible schedule
Learn at your own pace

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.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

41 quizzes

Course

Gain insight into a topic and learn the fundamentals

5.0

(36 reviews)

Beginner level
No prior experience required
39 hours (approximately)
Flexible schedule
Learn at your own pace

See how employees at top companies are mastering in-demand skills

Placeholder

Build your Design and Product expertise

This course is part of the Desain UX Google Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
  • 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
Placeholder
Placeholder

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

Placeholder

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

Instructor ratings
5.0 (9 ratings)
Google Career Certificates

Top Instructor

Google
323 Courses9,243,394 learners

Offered by

Google

Recommended if you're interested in Design and Product

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

New to Design and Product? Start here.

Placeholder

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