Membuat Desain dan Purwarupa High-Fidelity di Figma from Coursera

Membuat Wireframe dan Purwarupa High-Fidelity adalah materi kelima 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 mengikuti tutorial langkah demi langkah untuk mempelajari cara membuat desain high-fidelity, yang disebut maket atau mockup, di Figma, sebuah alat desain yang populer. Kemudian, Anda akan mengubah desain tersebut menjadi purwarupa interaktif yang berfungsi seperti layaknya sebuah produk jadi. Anda akan melakukan penelitian untuk mengumpulkan masukan tentang desain Anda dan melakukan perbaikan. Terakhir, Anda akan belajar cara membagikan desain Anda kepada tim pengembangan dan menampilkan pekerjaan Anda dalam portofolio UX profesional Anda.

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:

- Membuat mockup (maket) dan purwarupa high-fidelity di Figma.

- Mendefinisikan dan menerapkan elemen dan prinsip desain visual yang umum.

- Mendemonstrasikan bagaimana sistem desain dapat digunakan untuk mengorganisir, standarisasi, dan memperbaiki desain.

- Memahami peran sesi kritik desain dan masukan saat iterasi/mengulangi desain.

- Menyerahkan proyek desain yang sudah jadi kepada tim teknik.

- Menyelesaikan desain aplikasi seluler untuk disertakan dalam portofolio UX profesional.

Materi ini sesuai untuk desainer UX tingkat pemula yang telah menyelesaikan empat materi sebelumnya dari Google UX Design Certificate (Sertifikat Desain UX Google). Sebagai alternatif, pembelajar yang belum menyelesaikan materi sebelumnya harus memiliki pemahaman yang kuat tentang proses desain, cara membuat desain low-fidelity di atas kertas dan di Figma, dan bagaimana melakukan studi kegunaan.

What's inside

Syllabus

Mulai membuat mockup (maket)

Alihkan fokus Anda ke desain visual, yang merupakan bagaimana produk atau teknologi tampil di hadapan pengguna. Di bagian materi ini, Anda akan mulai membuat mockup atau maket, sebagai desain high-fidelity yang mewakili sebuah produk akhir. Untuk membuat mockup, Anda akan menggunakan elemen desain visual, seperti tipografi, warna, dan ikonografi. Elemen-elemen tersebut diatur ke dalam tata letak menggunakan berbagai metode seperti grid, containment, dan ruang negatif. Anda akan menerapkan semua pembelajaran desain visual untuk mengembangkan desain aplikasi seluler yang telah Anda kerjakan selama program sertifikat ini.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Melatih siswa mengembangkan keterampilan untuk mendapatkan pekerjaan tingkat pemula sebagai desainer UX

Mengajarkan pembuatan purwarupa yang interaktif

Membimbing siswa melalui tutorial langkah demi langkah

Menampilkan instruktur yang merupakan desainer dan peneliti UX dari Google

Mengeksplorasi sistem desain untuk mengatur, menstandarisasi, dan meningkatkan desain

Menyiapkan siswa untuk mengimplementasikan elemen dan prinsip desain visual yang umum

Reviews summary

Keterampilan desain & purwarupa figma profesional

Menurut pelajar, kursus ini sangat direkomendasikan bagi mereka yang ingin menguasai pembuatan desain dan purwarupa high-fidelity di Figma. Kursus ini memberikan panduan langkah demi langkah yang praktis dan mudah diikuti, menjadikannya ideal untuk pemula yang memiliki dasar UX. Banyak yang menyoroti betapa bermanfaatnya proyek akhir untuk membangun portofolio UX profesional. Meskipun begitu, beberapa menyarankan memiliki pemahaman dasar UX sebelumnya untuk pengalaman belajar yang optimal. Pelajar umumnya merasa puas dengan kualitas dan relevansi materi yang diajarkan oleh instruktur dari Google.

Mendukung pembuatan portofolio UX.

"Proyek akhirnya adalah aset berharga yang langsung bisa saya masukkan ke dalam portofolio UX profesional saya."

"Saya merasa lebih percaya diri menunjukkan hasil kerja saya berkat panduan portofolio di kursus ini."

"Kursus ini sangat membantu saya membangun studi kasus yang solid untuk portofolio desain saya."

Penyampaian materi yang mudah dipahami.

"Penjelasan instruktur sangat jelas dan ringkas, membuat materi yang kompleks jadi mudah dicerna."

"Modul-modulnya terorganisir dengan sangat baik, sehingga saya bisa mengikuti alur pembelajaran tanpa kesulitan."

"Kursus ini sangat membantu saya dalam memahami konsep dasar hingga lanjutan dengan penyampaian yang baik."

Fokus pada praktik langsung dengan Figma.

"Kursus ini luar biasa! Saya langsung bisa membuat mockup dan prototipe high-fidelity di Figma."

"Langkah-langkah yang diberikan untuk membuat desain di Figma sangat mudah diikuti dan aplikatif."

"Saya belajar banyak tips dan trik praktis untuk menggunakan Figma secara lebih efisien dan efektif."

Mungkin kurang mendalam untuk ahli.

"Bagi yang sudah familiar dengan Figma dan konsep UX, beberapa bagian mungkin terasa terlalu dasar."

"Saya berharap ada eksplorasi fitur Figma yang lebih advanced di luar cakupan dasar ini."

"Kursus ini sempurna untuk pemula, tapi tidak akan memberikan wawasan baru bagi desainer UX berpengalaman."

Disarankan memiliki dasar UX sebelumnya.

"Walaupun dibilang untuk pemula, saya rasa kursus ini akan lebih optimal jika sudah punya dasar UX sebelumnya."

"Saya sedikit kewalahan di awal karena belum punya pengetahuan dasar UX yang kuat."

"Penting untuk memahami proses desain low-fidelity agar bisa maksimal di materi high-fidelity ini."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Membuat Desain dan Purwarupa High-Fidelity di Figma with these activities:

Ikuti tutorial Figma untuk membuat mockup

Show steps

Tutorial ini akan memberikan panduan langkah demi langkah yang jelas untuk membuat mockup high-fidelity di Figma, yang penting untuk kursus ini.

Browse courses on Figma

Show steps

Daftar di Figma dan selesaikan tutorial pengantar.
Ikuti tutorial khusus untuk membuat mockup.
Eksperimen dengan fitur dan alat Figma untuk menyesuaikan mockup Anda.

Show all one activities

Career center

Learners who complete Membuat Desain dan Purwarupa High-Fidelity di Figma will develop knowledge and skills that may be useful to these careers:

User Experience Designer

A User Experience (UX) Designer is responsible for the overall user experience of a product, ensuring that it is easy to use, visually appealing, and meets the needs of the users. This course can help you develop the skills needed to become a UX Designer by teaching you how to create high-fidelity designs and prototypes, conduct user research, and iterate on your designs. The course also covers the principles of visual design, typography, and color theory, which are essential for creating effective UX designs.

See salaries and explore the career path for User Experience Designer

Product Designer

A Product Designer is responsible for the entire product development lifecycle, from ideation to launch. This course can help you develop the skills needed to become a Product Designer by teaching you how to create high-fidelity designs and prototypes, conduct user research, and iterate on your designs. The course also covers the principles of product management, business strategy, and marketing, which are essential for creating successful products.

See salaries and explore the career path for Product Designer

Interaction Designer

An Interaction Designer is responsible for designing the interactions between users and products. This course can help you develop the skills needed to become an Interaction Designer by teaching you how to create high-fidelity designs and prototypes, conduct user research, and iterate on your designs. The course also covers the principles of human-computer interaction, psychology, and cognitive science, which are essential for creating effective interactions.

See salaries and explore the career path for Interaction Designer

Visual Designer

A Visual Designer is responsible for the visual appearance of a product. This course can help you develop the skills needed to become a Visual Designer by teaching you the principles of visual design, typography, and color theory. The course also covers how to create high-fidelity designs and prototypes, which are essential for communicating your designs to others.

See salaries and explore the career path for Visual Designer

UI Designer

A UI Designer is responsible for designing the user interface of a product. This course can help you develop the skills needed to become a UI Designer by teaching you how to create high-fidelity designs and prototypes, conduct user research, and iterate on your designs. The course also covers the principles of user interface design, accessibility, and usability, which are essential for creating effective UIs.

See salaries and explore the career path for UI Designer

UX Researcher

A UX Researcher is responsible for conducting user research to understand the needs of users. This course can help you develop the skills needed to become a UX Researcher by teaching you how to conduct user interviews, surveys, and usability tests. The course also covers the principles of research methods, data analysis, and report writing, which are essential for conducting effective user research.

See salaries and explore the career path for UX Researcher

Front-End Developer

A Front-End Developer is responsible for developing the front-end of a product, which is the part of the product that users interact with. This course can help you develop the skills needed to become a Front-End Developer by teaching you how to create high-fidelity designs and prototypes, and how to code in HTML, CSS, and JavaScript. The course also covers the principles of web development, responsive design, and accessibility, which are essential for creating effective front-ends.

See salaries and explore the career path for Front-End Developer

Web Designer

A Web Designer is responsible for designing the visual appearance of a website. This course can help you develop the skills needed to become a Web Designer by teaching you the principles of visual design, typography, and color theory. The course also covers how to create high-fidelity designs and prototypes, and how to code in HTML and CSS. The course also covers the principles of web development, responsive design, and accessibility, which are essential for creating effective websites.

See salaries and explore the career path for Web Designer

Graphic Designer

A Graphic Designer is responsible for creating visual content, such as logos, brochures, and websites. This course can help you develop the skills needed to become a Graphic Designer by teaching you the principles of visual design, typography, and color theory. The course also covers how to create high-fidelity designs and prototypes, and how to use design software such as Adobe Photoshop and Illustrator.

See salaries and explore the career path for Graphic Designer

Motion Graphics Designer

A Motion Graphics Designer is responsible for creating animated graphics, such as videos, GIFs, and presentations. This course can help you develop the skills needed to become a Motion Graphics Designer by teaching you the principles of animation, motion design, and visual effects. The course also covers how to create high-fidelity designs and prototypes, and how to use design software such as Adobe After Effects and Premiere Pro.

See salaries and explore the career path for Motion Graphics Designer

Technical Writer

A Technical Writer is responsible for writing technical documentation, such as user manuals, white papers, and training materials. This course can help you develop the skills needed to become a Technical Writer by teaching you how to write clearly and effectively, and how to use documentation software such as Microsoft Word and Adobe FrameMaker. The course also covers the principles of technical writing, such as information design, audience analysis, and usability testing.

See salaries and explore the career path for Technical Writer

Instructional Designer

An Instructional Designer is responsible for designing and developing learning programs, such as online courses, workshops, and simulations. This course can help you develop the skills needed to become an Instructional Designer by teaching you how to create high-fidelity designs and prototypes, and how to use instructional design software such as Articulate Storyline and Adobe Captivate. The course also covers the principles of instructional design, such as learning theory, assessment, and evaluation.

See salaries and explore the career path for Instructional Designer

Information Architect

An Information Architect is responsible for organizing and structuring the content of a website or application. This course can help you develop the skills needed to become an Information Architect by teaching you the principles of information architecture, such as content strategy, navigation design, and metadata management. The course also covers how to create high-fidelity designs and prototypes, and how to use information architecture software such as Axure RP and Balsamiq.

See salaries and explore the career path for Information Architect

Content Strategist

A Content Strategist is responsible for planning and managing the content of a website or application. This course can help you develop the skills needed to become a Content Strategist by teaching you the principles of content strategy, such as content planning, content creation, and content marketing. The course also covers how to create high-fidelity designs and prototypes, and how to use content strategy software such as Google Analytics and Optimizely.

See salaries and explore the career path for Content Strategist

Business Analyst

A Business Analyst is responsible for analyzing business processes and recommending solutions to improve efficiency and productivity. This course may be useful for Business Analysts by teaching them the principles of design thinking and user experience. The course also covers how to create high-fidelity designs and prototypes, which can be useful for communicating complex business ideas to stakeholders.

See salaries and explore the career path for Business Analyst