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.

Membuat wireframe kertas dan digital

Dalam pelajaran ini, Anda akan menggambar wireframe untuk sebuah aplikasi seluler! Pertama, Anda akan menggambar banyak wireframe di atas kertas. Kemudian, Anda akan melakukan transisi ke wireframe digital dengan menggunakan alat desain Figma. Anda bahkan akan belajar langsung dari Figma tentang cara terbaik untuk menggunakan tool yang tersedia. Akhirnya, Anda akan menerapkan Prinsip Gestalt, seperti kemiripan, kedekatan, dan kesamaan area, ke wireframe Anda.

Merancang purwarupa low-fidelity

Anda telah melalui tiga tahap pertama dari proses desain: berempati, mendefinisikan, dan membentuk gagasan. Sekarang, Anda memasuki tahap keempat dari proses desain: membuat purwarupa. Pertama, Anda akan membuat paper prototype atau purwarupa dengan media kertas dari aplikasi seluler Anda. Kemudian, Anda akan beralih ke purwarupa low-fidelity digital di Figma. Selain itu, Anda akan mengeksplorasi cara untuk mengenali potensi bias dalam desain dan belajar bagaimana menghindari pola yang menipu.

Good to know

Know what's good

, what to watch for

, 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

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

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

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

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

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

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

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

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

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