Monthly Subscription Starting at AED 99 + VAT

Membuat Wireframe dan Purwarupa Low-Fidelity
  • Level Foundation
  • Duration 20 hours
  • Course by Google
  • Offered by

About

Membuat Wireframe dan Purwarupa Low-Fidelity adalah materi ketiga dalam program sertifikat ini yang akan membekali Anda dengan keterampilan yang perlu Anda terapkan pada pekerjaan desain pengalaman pengguna (UX) tingkat pemula. Dalam materi ini, Anda akan melanjutkan perancangan aplikasi seluler untuk portofolio UX profesional Anda. Anda akan mulai dengan membuat storyboard dan membiasakan diri dengan dasar-dasar menggambar. Kemudian, Anda akan membuat wireframe kertas dan wireframe digital menggunakan alat desain Figma. Anda juga akan membuat purwarupa kertas dan purwarupa low-fidelity digital di Figma. Desainer dan peneliti UX dari Google akan menjadi instruktur Anda, dan Anda akan terlibat langsung dalam menyelesaikan berbagai aktivitas yang mengambil skenario desain UX dari dunia nyata. Peserta didik yang berhasil menyelesaikan ketujuh materi program sertifikasi ini telah memiliki keterampilan untuk melamar pekerjaan sebagai desainer UX pemula. Pada akhir materi ini, Anda akan mampu: - Mengembangkan sebuah pernyataan tujuan. - Membuat dua jenis papan cerita (storyboard): big picture dan close-up - Memahami perbedaan antara desain low-fidelity dan high-fidelity. - Menerapkan dasar-dasar menggambar. - Menerapkan prinsip-prinsip arsitektur informasi untuk mengorganisir aplikasi seluler. - Membuat wireframe kertas untuk desain sebuah aplikasi seluler - Mengembangkan wireframe digital dalam alat desain Figma. - Membuat purwarupa dari kertas untuk menambahkan kegiatan interaktif ke desain Anda - Mendesain purwarupa low-fidelity di Figma. - Mengenali bias implisit dan pola yang memperdaya dalam desain. - Melanjutkan perancangan sebuah aplikasi seluler untuk disertakan dalam portofolio profesional Anda. Agar berhasil dalam materi ini, Anda sebaiknya menyelesaikan dua materi sebelumnya dalam program sertifikat ini, atau memiliki kemampuan untuk melakukan penelitian pengguna sebagai informasi dalam pembuatan peta empati, persona, cerita pengguna, peta perjalanan pengguna, pernyataan masalah, dan proposisi nilai. Anda juga membutuhkan kertas dan pena atau pensil.

Modules

Pengantar Materi 3:

    • 2 Videos
    • 3 Readings
    • 2 Quiz
Show info about module content

2 Videos

  • Pengantar Materi 3: Membuat Wireframe dan Purwarupa Low-Fidelity
  • Karen - Jalan saya menuju desain UX

3 Readings

  • Selamat datang di Materi 3
  • Opsional - Baca jika ini adalah materi pertama Anda dalam program sertifikat ini
  • Opsional - Menafsirkan hasil kuis Anda

2 Quiz

  • Opsional - Uji pengetahuan Anda tentang konsep sebelumnya
  • Opsional - Kirim pilihan Anda untuk petunjuk proyek portofolio

Menggunakan penelitian sebagai informasi dalam pembuatan ide

    • 3 Videos
    • 2 Readings
Show info about module content

3 Videos

  • Selamat datang di minggu 1
  • Menggunakan penelitian sebagai informasi dalam pembuatan ide
  • Craig - Penelitian sebagai informasi dalam proses pembuatan ide di dunia nyata

2 Readings

  • Opsional - Pelajari lebih lanjut tentang bagaimana penelitian menjadi informasi dalam proses pembuatan ide
  • Mengulangi pernyataan masalah

Menyusun pernyataan tujuan

    • 1 Videos
    • 2 Readings
    • 1 Discussion
    • 2 Quiz
Show info about module content

1 Discussions

  • Bagikan pernyataan tujuan proyek portofolio Anda!

1 Videos

  • Membuat pernyataan tujuan

2 Readings

  • Mempelajari lebih lanjut tentang pernyataan tujuan
  • Contoh Kegiatan: Menyusun pernyataan tujuan

2 Quiz

  • Aktivitas: Menyusun pernyataan tujuan
  • Aktivitas: Membuat sebuah pernyataan masalah untuk portofolio proyek Anda.

Menggambarkan alur pengguna

    • 1 Videos
    • 2 Readings
    • 1 Discussion
    • 2 Quiz
Show info about module content

1 Discussions

  • Bagikan alur pengguna untuk aplikasi Anda

1 Videos

  • Pengantar alur pengguna

2 Readings

  • Menggambarkan alur pengguna
  • Contoh Kegiatan: Buat garis besar alur pengguna untuk aplikasi Anda

2 Quiz

  • Refleksi Diri: Pikirkan alur pengguna untuk sebuah aplikasi
  • Aktivitas: Buat garis besar alur pengguna untuk aplikasi Anda

Membuat storyboard

    • 2 Videos
    • 2 Readings
    • 1 Discussion
    • 2 Quiz
Show info about module content

1 Discussions

  • Bagikan storyboard Anda

2 Videos

  • Pengantar pembuatan storyboard alur pengguna
  • Memahami dua jenis storyboard

2 Readings

  • Mempelajari lebih lanjut cara membuat storyboard
  • Contoh Kegiatan: Berlatih membuat storyboard

2 Quiz

  • Uji pengetahuan Anda tentang storyboard
  • Aktivitas: Berlatih membuat storyboard

Memulai pembuatan wireframe

    • 4 Videos
    • 1 Readings
    • 1 Discussion
    • 2 Quiz
Show info about module content

1 Discussions

  • Bagikan wireframe kertas suatu aplikasi favorit Anda

4 Videos

  • Pengantar wireframe
  • Mulai menggambar
  • Menggambar wireframe pertama Anda
  • Memahami manfaat pembuatan wireframe

1 Readings

  • Contoh Kegiatan: Buat wireframe dari sebuah aplikasi favorit

2 Quiz

  • Uji pengetahuan Anda tentang fidelity dalam desain
  • Memahami manfaat pembuatan wireframe

Ulasan minggu 1

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
Show info about module content

1 Peer Review

  • Ujian mingguan 1: Membuat storyboard

1 Videos

  • Akhir kata: Membuat storyboard dan wireframe

1 Readings

  • Daftar istilah

Memahami arsitektur informasi

    • 2 Videos
    • 1 Readings
    • 1 Discussion
    • 1 Quiz
Show info about module content

1 Discussions

  • Jelaskan contoh arsitektur informasi (IA) yang kokoh

2 Videos

  • Selamat datang di minggu ke-2
  • Dasar-dasar arsitektur informasi (IA)

1 Readings

  • Merancang arsitektur informasi untuk aplikasi

1 Quiz

  • Uji pengetahuan Anda tentang arsitektur informasi

Membuat paper wireframe (wireframe kertas)

    • 1 Videos
    • 2 Readings
    • 1 Discussion
    • 2 Quiz
Show info about module content

1 Discussions

  • Membagikan wireframe kertas yang Anda buat

1 Videos

  • Membuat paper wireframe (wireframe kertas)

2 Readings

  • Contoh Kegiatan: Berlatih membuat wireframe kertas
  • Contoh Kegiatan: Membuat wireframe kertas untuk proyek portofolio

2 Quiz

  • Aktivitas: Berlatih membuat wireframe kertas
  • Aktivitas: Membuat wireframe kertas untuk proyek portofolio

Membuat wireframe digital

    • 5 Videos
    • 2 Readings
    • 1 Discussion
    • 1 Quiz
Show info about module content

1 Discussions

  • Ceritakan apa yang Anda pelajari tentang pembuatan wireframe digital di Figma

5 Videos

  • Melakukan transisi dari wireframe kertas ke digital
  • Pengantar Figma
  • Membuat wireframe digital di Figma
  • Opsional - Belajar dari Figma: Membuat wireframe untuk sebuah aplikasi
  • Erika - Peralatan yang dibutuhkan

2 Readings

  • Membuat akun Figma
  • Contoh Kegiatan: Berlatih membuat wireframe digital di Figma

1 Quiz

  • Aktivitas: Berlatih membuat wireframe digital di Figma

Menggunakan Prinsip Gestalt di wireframe

    • 1 Videos
    • 1 Readings
    • 1 Quiz
Show info about module content

1 Videos

  • Menggunakan Prinsip Gestalt saat membuat wireframe

1 Readings

  • Pelajari lebih lanjut tentang penerapan Prinsip Gestalt di wireframe

1 Quiz

  • Uji pengetahuan Anda tentang Prinsip Gestalt

Tinjauan minggu ke-2

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
Show info about module content

1 Peer Review

  • Tantangan Mingguan 2: Membuat wireframe digital

1 Videos

  • Akhir kata: Membuat wireframe kertas dan digital

1 Readings

  • Daftar istilah

Membuat purwarupa low-fidelity dengan media kertas

    • 3 Videos
    • 3 Readings
    • 2 Quiz
Show info about module content

3 Videos

  • Selamat datang di minggu ke-3
  • Mempelajari purwarupa low-fidelity
  • Membuat purwarupa kertas

3 Readings

  • Cara kreatif untuk membuat purwarupa kertas
  • Alat Prototyping on Paper buatan Marvel
  • Contoh Kegiatan: Berlatih membuat purwarupa low-fidelity

2 Quiz

  • Uji pengetahuan Anda tentang purwarupa low-fidelity
  • Kegiatan: Berlatih membuat purwarupa low-fidelity

Membuat purwarupa low-fidelity secara digital

    • 3 Videos
    • 3 Readings
    • 1 Discussion
    • 1 Quiz
Show info about module content

1 Discussions

  • Membagikan purwarupa low-fidelity Anda

3 Videos

  • Pengantar pembuatan purwarupa low-fidelity di Figma
  • Membuat purwarupa low-fidelity di Figma
  • Opsional - Belajar dari Figma: Membuat purwarupa

3 Readings

  • Mempelajari lebih lanjut tentang membuat purwarupa lo-fi di Figma
  • Contoh Kegiatan: Berlatih membuat purwarupa low-fidelity di Figma
  • Mengakses purwarupa Figma dari perangkat seluler

1 Quiz

  • Kegiatan: Berlatih membuat purwarupa low-fidelity di Figma

Memahami desain yang etis dan inklusif

    • 5 Videos
    • 5 Readings
    • 1 Discussion
    • 1 Quiz
    • 1 Plugin
Show info about module content

1 Discussions

  • Refleksikan pengalaman menemui pola yang menipu

5 Videos

  • Mengenali bias implisit dalam desain
  • Ayan - Bias dalam pekerjaan desain UX
  • Mengidentifikasi pola menipu yang umum dalam desain UX
  • Menjelajahi efek desain yang menipu
  • Priya - Pentingnya desain yang adil

5 Readings

  • Opsional - Belajar lebih lanjut tentang bias dalam desain UX
  • Hindari pola yang menipu
  • Memahami attention economy
  • Memahami dampak Anda sebagai desainer UX
  • Opsional - Pelajari lebih lanjut tentang desain etis

1 Quiz

  • Refleksi Diri: Bias Anda sendiri

Ulasan minggu ke-3

    • 1 Videos
    • 1 Readings
    • 1 PeerReview
Show info about module content

1 Peer Review

  • Tantangan Mingguan 3: Merancang purwarupa low-fidelity

1 Videos

  • Akhir kata: Merancang purwarupa low-fidelity

1 Readings

  • Glosarium

Ulasan materi

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Bagikan pengalaman Anda selama mengikuti materi

1 Videos

  • Selamat, Anda telah menyelesaikan Materi 3: Membuat Wireframe dan Purwarupa Low-Fidelity

1 Readings

  • Mulai materi berikutnya

Auto Summary

Unlock your potential in UX design with "Membuat Wireframe dan Purwarupa Low-Fidelity," the third module in a comprehensive certification program. This engaging course, led by experienced UX designers and researchers from Google, focuses on equipping you with essential skills for beginner-level UX design roles. Dive into creating mobile app designs for your professional portfolio, starting with storyboarding and sketching fundamentals. Learn to craft both paper and digital wireframes using Figma, and develop both paper and digital low-fidelity prototypes. By the end of this module, you'll be proficient in: - Crafting purpose statements - Developing storyboards (big picture and close-up) - Differentiating between low-fidelity and high-fidelity designs - Applying drawing basics and information architecture principles - Creating wireframes and prototypes with Figma - Identifying implicit biases and deceptive patterns in design Ideal for those who have completed prior modules or possess user research skills, this 1200-minute course is perfect for aspiring UX designers aiming to build a robust portfolio. Accessible via Coursera with Starter and Professional subscription options, this foundational course is your gateway to an exciting career in UX design.

Google Career Certificates
Instructor

Google Career Certificates