К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Membuat Wireframe dan Purwarupa Low-Fidelity · LearnSpace
Назад в каталог
courseraПрограммирование

Membuat Wireframe dan Purwarupa Low-Fidelity

Курс от Google
Начальный≈ 20.2 чИндонезийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

User Experience DesignFigma (Design Software)User StoryPersona (User Experience)Persona DevelopmentInformation ArchitectureDesign Elements And PrinciplesUser ResearchUser Interface and User Experience (UI/UX) DesignWireframingStoryboardingPrototypingUser Experience

Программа курса

3 модулей · 103 учебных материалов

01Membuat storyboard dan wireframe42 материалов

Pengantar Materi 3:

Pengantar Materi 3: Membuat Wireframe dan Purwarupa Low-FidelityВидеоSelamat datang di Materi 3ЧтениеOpsional - Baca jika ini adalah materi pertama Anda dalam program sertifikat iniЧтениеOpsional - Uji pengetahuan Anda tentang konsep sebelumnya

Учитесь у экспертов

Google Career Certificates

Преподаватель курса

Membuat Wireframe dan Purwarupa Low-Fidelity
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 20.2 ч

3 модулей

Язык: Индонезийский

Субтитры: Английский

Часть программы вашего университета
Задание
Opsional - Menafsirkan hasil kuis AndaЧтение
Opsional - Kirim pilihan Anda untuk petunjuk proyek portofolioЗадание
Karen - Jalan saya menuju desain UXВидео

Menggunakan penelitian sebagai informasi dalam pembuatan ide

Selamat datang di minggu 1ВидеоMenggunakan penelitian sebagai informasi dalam pembuatan ideВидеоOpsional - Pelajari lebih lanjut tentang bagaimana penelitian menjadi informasi dalam proses pembuatan ideЧтениеMengulangi pernyataan masalahЧтениеCraig - Penelitian sebagai informasi dalam proses pembuatan ide di dunia nyataВидео

Menyusun pernyataan tujuan

Membuat pernyataan tujuanВидеоMempelajari lebih lanjut tentang pernyataan tujuanЧтениеAktivitas: Menyusun pernyataan tujuanЗаданиеContoh Kegiatan: Menyusun pernyataan tujuanЧтениеAktivitas: Membuat sebuah pernyataan masalah untuk portofolio proyek Anda.ЗаданиеBagikan pernyataan tujuan proyek portofolio Anda!Обсуждение

Menggambarkan alur pengguna

Pengantar alur pengguna ВидеоMenggambarkan alur penggunaЧтениеRefleksi Diri: Pikirkan alur pengguna untuk sebuah aplikasiЗаданиеAktivitas: Buat garis besar alur pengguna untuk aplikasi AndaЗаданиеContoh Kegiatan: Buat garis besar alur pengguna untuk aplikasi AndaЧтениеBagikan alur pengguna untuk aplikasi AndaОбсуждение

Membuat storyboard

Pengantar pembuatan storyboard alur penggunaВидеоMemahami dua jenis storyboard ВидеоMempelajari lebih lanjut cara membuat storyboardЧтениеUji pengetahuan Anda tentang storyboardЗаданиеAktivitas: Berlatih membuat storyboard ЗаданиеContoh Kegiatan: Berlatih membuat storyboardЧтениеBagikan storyboard AndaОбсуждение

Memulai pembuatan wireframe

Pengantar wireframeВидеоUji pengetahuan Anda tentang fidelity dalam desain ЗаданиеMulai menggambarВидеоMenggambar wireframe pertama AndaВидеоMemahami manfaat pembuatan wireframeВидеоMemahami manfaat pembuatan wireframeЗаданиеContoh Kegiatan: Buat wireframe dari sebuah aplikasi favoritЧтениеBagikan wireframe kertas suatu aplikasi favorit AndaОбсуждение

Ulasan minggu 1

Akhir kata: Membuat storyboard dan wireframeВидеоDaftar istilah ЧтениеUjian mingguan 1: Membuat storyboardВзаимная проверка
02Membuat wireframe kertas dan digital26 материалов

Memahami arsitektur informasi

Selamat datang di minggu ke-2ВидеоDasar-dasar arsitektur informasi (IA)ВидеоMerancang arsitektur informasi untuk aplikasiЧтениеUji pengetahuan Anda tentang arsitektur informasiЗаданиеJelaskan contoh arsitektur informasi (IA) yang kokohОбсуждение

Membuat paper wireframe (wireframe kertas)

Membuat paper wireframe (wireframe kertas)ВидеоAktivitas: Berlatih membuat wireframe kertasЗадание Contoh Kegiatan: Berlatih membuat wireframe kertasЧтениеMembagikan wireframe kertas yang Anda buatОбсуждениеAktivitas: Membuat wireframe kertas untuk proyek portofolioЗаданиеContoh Kegiatan: Membuat wireframe kertas untuk proyek portofolioЧтение

Membuat wireframe digital

Melakukan transisi dari wireframe kertas ke digitalВидеоPengantar FigmaВидеоMembuat akun FigmaЧтениеMembuat wireframe digital di FigmaВидеоOpsional - Belajar dari Figma: Membuat wireframe untuk sebuah aplikasiВидеоAktivitas: Berlatih membuat wireframe digital di FigmaЗадание

Menggunakan Prinsip Gestalt di wireframe

Menggunakan Prinsip Gestalt saat membuat wireframeВидеоPelajari lebih lanjut tentang penerapan Prinsip Gestalt di wireframeЧтениеUji pengetahuan Anda tentang Prinsip GestaltЗадание

Tinjauan minggu ke-2

Akhir kata: Membuat wireframe kertas dan digitalВидеоDaftar istilahЧтениеTantangan Mingguan 2: Membuat wireframe digitalВзаимная проверка
03Merancang purwarupa low-fidelity35 материалов

Membuat purwarupa low-fidelity dengan media kertas

Selamat datang di minggu ke-3ВидеоMempelajari purwarupa low-fidelityВидеоUji pengetahuan Anda tentang purwarupa low-fidelityЗаданиеMembuat purwarupa kertasВидеоCara kreatif untuk membuat purwarupa kertasЧтениеAlat Prototyping on Paper buatan MarvelЧтениеKegiatan: Berlatih membuat purwarupa low-fidelityЗаданиеContoh Kegiatan: Berlatih membuat purwarupa low-fidelityЧтение

Membuat purwarupa low-fidelity secara digital

Pengantar pembuatan purwarupa low-fidelity di FigmaВидеоMembuat purwarupa low-fidelity di FigmaВидеоOpsional - Belajar dari Figma: Membuat purwarupaВидеоMempelajari lebih lanjut tentang membuat purwarupa lo-fi di FigmaЧтениеKegiatan: Berlatih membuat purwarupa low-fidelity di FigmaЗаданиеContoh Kegiatan: Berlatih membuat purwarupa low-fidelity di FigmaЧтение

Memahami desain yang etis dan inklusif

Mengenali bias implisit dalam desainВидеоAyan - Bias dalam pekerjaan desain UXВидеоOpsional - Belajar lebih lanjut tentang bias dalam desain UXЧтениеRefleksi Diri: Bias Anda sendiriЗаданиеMengidentifikasi pola menipu yang umum dalam desain UXВидеоHindari pola yang menipuЧтение

Ulasan minggu ke-3

Akhir kata: Merancang purwarupa low-fidelityВидеоGlosariumЧтениеTantangan Mingguan 3: Merancang purwarupa low-fidelityВзаимная проверка

Ulasan materi

Selamat, Anda telah menyelesaikan Materi 3: Membuat Wireframe dan Purwarupa Low-FidelityВидеоBagikan pengalaman Anda selama mengikuti materiОбсуждениеMulai materi berikutnyaЧтение
Contoh Kegiatan: Berlatih membuat wireframe digital di FigmaЧтение
Ceritakan apa yang Anda pelajari tentang pembuatan wireframe digital di FigmaОбсуждение
Erika - Peralatan yang dibutuhkanВидео
Mengakses purwarupa Figma dari perangkat selulerЧтение
Membagikan purwarupa low-fidelity AndaОбсуждение
Menjelajahi efek desain yang menipuВидео
Refleksikan pengalaman menemui pola yang menipuОбсуждение
Memahami pola menipuPLUGIN
Memahami attention economyЧтение
Memahami dampak Anda sebagai desainer UXЧтение
Opsional - Pelajari lebih lanjut tentang desain etisЧтение
Priya - Pentingnya desain yang adilВидео