Membuat Wireframe dan Purwarupa Low-Fidelity from Coursera

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.

What's inside

Syllabus

Membuat storyboard dan wireframe

Selamat datang di dunia wireframe! Anda akan mulai dengan mempelajari cara menggunakan hasil penelitian sebagai informasi pembentukan ide dalam proses desain. Kemudian, membuat dua jenis papan cerita (storyboard): big picture dan close up Lalu, menggambar wireframe pertama Anda, dan mengeksplorasi manfaat dari membuat wireframe. Perlu diingat bahwa pada tahapan proses desain ini, Anda sudah harus memiliki banyak ide desain yang memenuhi kebutuhan riil pengguna. Anda ingin menyempurnakan ide-ide itu, dan pembuatan wireframe, dapat membantu Anda melakukan hal itu.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Mengembangkan keterampilan desain pengalaman pengguna (UX) tingkat pemula

Diajarkan oleh desainer dan peneliti UX dari Google

Menggunakan alat desain industri seperti Figma

Membutuhkan perangkat keras atau perangkat lunak khusus (kertas dan pena atau pensil)

Kursus ini menyarankan pengalaman sebelumnya dalam penelitian pengguna dan pembuatan persona

Reviews summary

Keterampilan esensial wireframe & purwarupa low-fidelity

Menurut siswa, kursus "Membuat Wireframe dan Purwarupa Low-Fidelity" adalah panduan yang sangat efektif untuk pemula di bidang UX. Materi disajikan dengan penjelasan yang sangat jelas dan padat, didukung oleh praktik langsung menggunakan Figma yang mudah diikuti dan sangat aplikatif. Banyak yang menyebut instruktur berkualitas dan latihan interaktif sebagai keunggulan utama. Kursus ini dianggap sangat bermanfaat untuk membangun portofolio UX profesional. Namun, beberapa peserta dengan pengalaman sebelumnya mungkin merasa materi ini agak dasar atau kurang mendalam, menandakan bahwa fokusnya memang pada fondasi yang kuat.

Membantu membangun portofolio profesional UX.

"Sangat direkomendasikan untuk yang ingin membangun portofolio UX."

"Kursus ini sangat membantu saya dalam membangun portofolio."

"Materi sangat relevan dengan kebutuhan industri UX dan sangat membantu untuk membangun portofolio."

"Sangat membantu saya membangun portofolio dan pemahaman dasar UX."

Materi dan instruktur sangat mudah dipahami.

"Penjelasan yang singkat, padat dan jelas."

"Materi mudah dipahami dan sesuai dengan target yang ingin dicapai."

"Materi yang disampaikan oleh pengajar sangat bagus, jelas, dan mudah dipahami."

"Penjelasan yang diberikan sangat mudah untuk dipahami, serta dilengkapi dengan contoh-contoh praktis."

Aktivitas langsung sangat membantu pemahaman dan aplikasi.

"Sangat interaktif juga dengan menggunakan figma."

"Materi yang ringkas namun padat, mudah dicerna dan disertai praktik langsung sehingga memudahkan pemahaman saya."

"Pembelajaran Figma sangat membantu."

"Materi sangat detail dan mudah di pahami apalagi dalam penggunaan Figma."

Memberikan dasar kuat bagi yang baru belajar UX.

"Sangat bagus untuk pemula seperti saya yang benar-benar tidak paham apa itu wireframe dan low-fidelity."

"Sangat mudah dipahami dan sangat bagus untuk pemula."

"Pelatihan ini sangat membantu untuk pemula, penjelasan detail serta step by step sangat jelas..."

"Materinya sangat komprehensif, cocok untuk pemula yang ingin mengenal lebih lanjut tentang wireframe dan low-fi prototype."

Mungkin terlalu dasar atau berulang bagi yang sudah memiliki pengalaman.

"Materi dasar yang bagus untuk yang baru memulai UX, namun bagi yang sudah ada dasar mungkin akan merasa sedikit mengulang."

"Penjelasan bagus, hanya saja ada beberapa bagian yang saya harap bisa lebih mendalam."

"Materi cukup dasar. Bagi saya yang sudah punya pengalaman, terasa sedikit membosankan. Tapi untuk pemula mungkin cocok."

"Cukup baik untuk pengenalan wireframe dan low-fi prototype. Untuk yang sudah mahir mungkin akan kurang tantangannya."

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 Wireframe dan Purwarupa Low-Fidelity with these activities:

Review the basics of sketching

Show steps

Sketching is essential for ideation and communication in design. This activity will help you brush up on your sketching skills and improve your ability to create low-fidelity wireframes.

Browse courses on Sketching

Show steps

Gather your materials. You will need paper, pencils, and erasers.
Practice drawing basic shapes and lines.
Try sketching some simple objects, such as a chair or a table.

Learn about the principles of information architecture

Show steps

Information architecture is the art of organizing and structuring content in a way that makes it easy for users to find what they need. In this activity, you will learn about the principles of information architecture.

Browse courses on Information Architecture

Show steps

Find online tutorials on information architecture.
Follow the tutorials and learn about the different principles.
Apply what you have learned to your own design work.

Membuat Storyboard

Show steps

Membuat storyboard akan membantu Anda memvisualisasikan pengalaman pengguna dan mengidentifikasi area yang perlu perbaikan.

Browse courses on Storyboard

Show steps

Buat papan cerita big picture dan close-up.
Sertakan deskripsi singkat untuk setiap bingkai.
Dapatkan umpan balik dari orang lain untuk meningkatkan storyboard Anda.

Three other activities

Expand to see all activities and additional details

Show all six activities

Create a storyboard for a mobile app

Show steps

Storyboards are a great way to visualize the user flow of an app. In this activity, you will create a storyboard for a mobile app of your choice.

Browse courses on Storyboarding

Show steps

Start by defining the goals of your app.
Identify the key user tasks that need to be completed.
Create a series of sketches that show the user flow.

Develop a paper prototype for a mobile app

Show steps

Paper prototypes are a low-fidelity way to test the usability of an app. In this activity, you will create a paper prototype for a mobile app of your choice.

Browse courses on Prototyping

Show steps

Start by creating a sketch of your app's interface.
Cut out the different elements of your interface and glue them to a piece of cardboard.
Test your prototype with users to get feedback.

Participate in a UX design competition

Show steps

Participating in a UX design competition is an excellent way to test your skills and get feedback from experts. In this activity, you will participate in a UX design competition.

Browse courses on UX Design

Show steps

Find a UX design competition that is relevant to your interests.
Read the competition brief and understand the requirements.
Design and develop your submission.

Career center

Learners who complete Membuat Wireframe dan Purwarupa Low-Fidelity will develop knowledge and skills that may be useful to these careers:

UX Designer

UX Designers improve the user experience of products by conducting user research, designing prototypes, and creating design specifications. This course would be extremely beneficial to someone who wants to become a UX Designer as it provides instruction in how to make wireframes and low-fidelity prototypes.

See salaries and explore the career path for UX Designer

Interaction Designer

Interaction Designers create the interactive elements of products, such as menus, buttons, and navigation systems. This course would be extremely beneficial to someone who wants to become an Interaction Designer as it provides instruction in how to make wireframes and low-fidelity prototypes.

See salaries and explore the career path for Interaction Designer

User Experience Architect

User Experience Architects design and evaluate the user experience of products and services. This course would be extremely beneficial to someone who wants to become a User Experience Architect as it provides instruction in how to make wireframes and low-fidelity prototypes.

See salaries and explore the career path for User Experience Architect

Graphic Designer

Graphic Designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Graphic Designer

Front-End Developer

Front-End Developers design and build the user interface of websites and applications. This course may be useful as it helps build a foundation in creating prototypes with Figma.

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

Information Architect

Information Architects design and organize the structure and content of websites, intranets, and other online systems. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Information Architect

UX Researcher

UX Researchers study user behavior, preferences, and needs to help design products that are easy to use and enjoyable. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for UX Researcher

Visual Designer

Visual Designers devise and implement visual ideas using computer software or by hand to communicate ideas that inspire, inform, and captivate consumers. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Visual Designer

Content Strategist

Content Strategists plan and create content for websites, social media, and other online channels. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Content Strategist

Marketing Manager

Marketing Managers plan and execute marketing campaigns to promote products and services. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Marketing Manager

Social Media Manager

Social Media Managers plan and execute social media campaigns to promote products and services. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Social Media Manager

Technical Writer

Technical Writers create and maintain technical documentation, such as user guides, training materials, and white papers. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Technical Writer

Project Manager

Project Managers ensure that projects are completed on time, within budget, and to the required quality. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Project Manager

Business Analyst

Business Analysts identify and solve business problems by analyzing data, defining requirements, and developing solutions. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Business Analyst

Product Manager

Product Managers are responsible for the overall vision and strategy of a product, from its inception to its launch and beyond. This course may be useful as it helps build a foundation in creating prototypes with Figma.

See salaries and explore the career path for Product Manager