Membuat Antarmuka Pengguna (UI) Dinamis untuk Situs from Coursera

Mendesain Web yang Responsif di Adobe XD adalah materi keenam dalam program yang akan membekali Anda dengan keterampilan yang dibutuhkan untuk melamar pekerjaan tingkat pemula dalam desain pengalaman pengguna (UX). Dalam materi ini, Anda akan merancang situs web responsif menggunakan Adobe XD, sebuah alat desain yang populer. Anda akan menyelesaikan proses desain dari awal hingga akhir: berempati kepada pengguna, menentukan titik kesulitan/masalah pengguna, menghasilkan ide untuk solusi desain, membuat wireframe dan purwarupa, serta menguji desain untuk mendapatkan masukan. Pada akhir materi ini, Anda akan memiliki sebuah proyek desain baru untuk dimasukkan ke dalam portofolio UX profesional Anda.

Selain itu, Anda akan belajar cara mencari pekerjaan desain UX tingkat pemula, membuat resume yang menonjolkan keterampilan dan pencapaian Anda, serta membangun situs web portofolio 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. Pembelajar yang berhasil menyelesaikan ketujuh materi program sertifikat ini akan memiliki keterampilan untuk melamar pekerjaan sebagai desainer UX pemula.

Pada akhir materi ini, Anda akan mampu:

- Menerapkan setiap langkah proses desain UX (berempati, mendefinisikan, memunculkan ide, membuat purwarupa, menguji) untuk membuat situs web yang responsif.

- Mengembangkan desain dengan alat desain yang populer, Adobe XD.

- Merencanakan arsitektur informasi dan membuat peta situs untuk desain situs web.

- Menerapkan tata letak umum untuk laman web.

- Merencanakan dan melakukan studi kegunaan untuk mengumpulkan masukan tentang desain.

- Mengubah desain berdasarkan wawasan penelitian

- Bekerja dengan sistem desain di Adobe XD.

- Menambahkan proyek desain baru ke portofolio UX profesional Anda.

- [Opsional] Membuat atau memperbarui resume yang berfokus pada UX.

- [Opsional] Mempelajari cara mencari dan melamar pekerjaan tingkat pemula di bidang UX.

Materi ini sesuai untuk desainer UX tingkat pemula yang telah menyelesaikan kelima materi Sertifikat Desain UX Google sebelumnya. Atau, pembelajar yang memerlukan pemahaman dasar yang kuat tentang proses desain; pengalaman membuat wireframe, maket, dan purwarupa; serta kemampuan untuk melakukan studi kegunaan. Tidak diperlukan pengalaman dengan Adobe XD sebelumnya.

What's inside

Syllabus

Memulai proses desain UX: Berempati dan mendefinisikan

Mulailah dengan dasar-dasar desain web responsif. Untuk membuat website yang responsif, Anda akan mengikuti setiap langkah proses desain UX: berempati, mendefinisikan, memunculkan ide, membuat purwarupa, melakukan uji coba. Di bagian materi ini, Anda akan menyelesaikan fase berempati dan mendefinisikan. Selain itu, Anda akan mulai mengeksplorasi Adobe XD, tool desain populer yang akan Anda gunakan di sepanjang materi ini.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Membangun keterampilan penting untuk peran desainer UX tingkat pemula

Diajarkan oleh desainer dan peneliti UX dari Google, yang merupakan pakar di bidangnya

Membahas proses desain UX yang komprehensif, mulai dari empati hingga pengujian

Memberikan kesempatan langsung untuk menerapkan konsep desain UX pada proyek nyata

Mencakup perencanaan arsitektur informasi dan pembuatan peta situs untuk desain situs web, yang merupakan keterampilan penting untuk desainer UX

Membantu pelajar mengembangkan portofolio UX profesional mereka dengan menambahkan proyek desain baru

Reviews summary

Desain web responsif google ux

Menurut pelajar, kursus ini adalah bagian positif dari Sertifikat Desain UX Google, berfokus pada pembuatan situs web responsif menggunakan Adobe XD. Pendekatan praktis dan proyek yang berorientasi portofolio sangat diapresiasi, dengan instruktur dari Google yang berpengetahuan luas dan jelas. Meskipun ramah bagi pemula Adobe XD, kursus ini membutuhkan pemahaman dasar UX sebelumnya. Bagian terkait persiapan karier, termasuk resume dan tips mencari pekerjaan, juga dianggap sangat bermanfaat. Kursus ini memberikan dasar kuat untuk desain UI dinamis dan membantu siswa memperkuat portofolio profesional mereka.

Fokus kursus secara eksklusif pada satu alat desain, Adobe XD.

"Saya berharap kursus ini juga membahas sedikit tentang Figma atau Sketch, tapi ini memang fokusnya hanya di Adobe XD."

"Bagi yang ingin belajar Adobe XD, ini sempurna. Tapi jika Anda mencari perbandingan alat, ini bukan tempatnya."

"Meskipun Adobe XD tool populer, pengetahuan tentang alat lain akan lebih komprehensif, tapi untuk kursus ini sudah cukup."

Pembelajaran disajikan secara logis dan mudah diikuti.

"Alur proses desain UX dari empati hingga pengujian dijelaskan dengan sangat sistematis dan mudah dicerna."

"Instruktur Google menjelaskan setiap langkah dengan jelas, membuat konsep yang rumit menjadi mudah dipahami."

"Saya menghargai bagaimana setiap modul membangun pengetahuan secara bertahap, menjadikannya pengalaman belajar yang lancar."

Secara efektif membekali siswa untuk mencari pekerjaan di bidang UX.

"Tips tentang membuat resume dan mencari pekerjaan UX di akhir kursus sungguh sangat bermanfaat untuk saya yang mencari kerja."

"Saya bisa langsung menambahkan studi kasus desain website responsif saya ke portofolio setelah menyelesaikan kursus ini."

"Kursus ini tidak hanya mengajarkan desain, tetapi juga cara memasarkan diri sebagai desainer UX pemula."

Memberikan pengalaman langsung dalam mendesain antarmuka menggunakan Adobe XD.

"Saya sangat menikmati bagian membuat purwarupa low-fidelity dan high-fidelity di Adobe XD, sangat membantu untuk portofolio saya."

"Fokus pada Adobe XD ini sangat saya butuhkan, dan materi proyeknya langsung bisa saya aplikasikan dalam studi kasus."

"Kemampuan untuk membangun proyek nyata yang bisa ditambahkan ke portofolio adalah nilai jual utama kursus ini bagi saya."

Kursus ini lebih cocok bagi yang sudah memiliki pemahaman dasar proses desain UX.

"Walaupun Adobe XD diajarkan dari nol, saya merasa harus sudah paham konsep wireframe dan purwarupa agar tidak kewalahan."

"Bagi saya yang sudah punya sedikit pengalaman UX, materi tentang dasar-dasar prosesnya terasa agak lambat."

"Kursus ini sangat cocok sebagai kelanjutan dari modul sebelumnya, kurang pas jika dijadikan titik awal tanpa latar belakang UX."

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 Antarmuka Pengguna (UI) Dinamis untuk Situs with these activities:

Pelajari cara membuat sistem desain di Adobe XD

Show steps

Membuat sistem desain adalah bagian penting dari mendesain situs web yang responsif. Tutorial ini akan memandu Anda dalam membuat sistem desain di Adobe XD.

Browse courses on Adobe XD

Show steps

Temukan tutorial tentang membuat sistem desain di Adobe XD.
Ikuti langkah-langkah dalam tutorial untuk membuat sistem desain Anda sendiri.

Show all one activities

Career center

Learners who complete Membuat Antarmuka Pengguna (UI) Dinamis untuk Situs will develop knowledge and skills that may be useful to these careers:

User Experience (UX) Designer

As a UX Designer, you will be responsible for the user experience of products, from websites and apps to physical products. This course will help you build a foundation in the UX design process, from user research and prototyping to user testing and iteration. You will learn how to create user-centered designs that are both effective and engaging.

See salaries and explore the career path for User Experience (UX) Designer

Front-End Web Developer

As a Front-End Web Developer, you will be responsible for the design and implementation of the user interface of websites and web applications. This course will help you build a foundation in front-end web development, including HTML, CSS, and JavaScript. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

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

Interaction Designer

As an Interaction Designer, you will be responsible for the design of how users interact with products and services. This course will help you build a foundation in interaction design, including user research, prototyping, and user testing. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for Interaction Designer

Graphic Designer

As a Graphic Designer, you will be responsible for the visual design of products, from websites and apps to print materials and packaging. This course will help you build a foundation in graphic design, including typography, color theory, and layout. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for Graphic Designer

Product Designer

As a Product Designer, you will be responsible for the overall design and development of products, from concept to launch. This course will help you build a foundation in product design, including user research, prototyping, and user testing. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for Product Designer

UX Researcher

As a UX Researcher, you will be responsible for conducting user research to inform the design of products and services. This course will help you build a foundation in UX research, including user interviews, surveys, and usability testing. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for UX Researcher

UI Engineer

As a UI Engineer, you will be responsible for the implementation of the user interface of websites and web applications. This course will help you build a foundation in UI engineering, including HTML, CSS, and JavaScript. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for UI Engineer

Visual Designer

As a Visual Designer, you will be responsible for the visual design of products, from websites and apps to print materials and packaging. This course will help you build a foundation in visual design, including typography, color theory, and layout. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for Visual Designer

Motion Graphic Designer

As a Motion Graphic Designer, you will be responsible for the design and creation of animated graphics for websites, apps, and other digital media. This course will help you build a foundation in motion graphic design, including animation principles, software, and storytelling. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for Motion Graphic Designer

Information Architect

As an Information Architect, you will be responsible for the organization and structure of information on websites and other digital media. This course will help you build a foundation in information architecture, including user research, content strategy, and site navigation. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for Information Architect

Content Strategist

As a Content Strategist, you will be responsible for the planning, creation, and management of content for websites, apps, and other digital media. This course will help you build a foundation in content strategy, including user research, content development, and content marketing. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for Content Strategist

UX Writer

As a UX Writer, you will be responsible for the writing and editing of user interface text for websites, apps, and other digital media. This course will help you build a foundation in UX writing, including user research, content strategy, and tone of voice. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for UX Writer

UX Engineer

As a UX Engineer, you will be responsible for the implementation of the user experience of products, from websites and apps to physical products. This course will help you build a foundation in UX engineering, including user research, prototyping, and user testing. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for UX Engineer

UX Director

As a UX Director, you will be responsible for the overall direction and management of the user experience of products, from websites and apps to physical products. This course will help you build a foundation in UX leadership, including user research, prototyping, and user testing. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for UX Director

Product Manager

As a Product Manager, you will be responsible for the overall development and management of products, from concept to launch. This course will help you build a foundation in product management, including user research, prototyping, and user testing. You will also learn how to use Adobe XD to create prototypes and mockups of your designs.

See salaries and explore the career path for Product Manager