PTS - Desain UI/UX Figma

Seorang siswa SMAS IT As-Syifa diminta mendesain aplikasi jadwal sholat digital berbasis boarding school. Agar aplikasi mudah digunakan oleh semua santri, prinsip utama yang harus diperhatikan dalam UX adalah …

• Pemilihan font unik

• Kemudahan navigasi

• Menambahkan animasi berlebih

• Warna mencolok dan kontras tajam

• Banyak ikon dekoratif

Saat mendesain dashboard pengelolaan jadwal kajian di boarding school, penggunaan ikon masjid untuk menu “Kajian” merupakan contoh penerapan …

• Skeuomorphism

• Metafora visual

• Wireframe

• Usability testing

• Flowchart

UX designer di SMAS IT As-Syifa ingin memastikan aplikasi “Monitoring Hafalan” nyaman dipakai. Metode terbaik yang bisa dilakukan sebelum aplikasi dipublikasikan adalah …

• Brainstorming dengan guru

• Membuat sketsa kertas

• Usability testing dengan pengguna asli

• Menambahkan warna hijau dominan

• Menambahkan quotes motivasi

Seorang santri membuat desain aplikasi asrama menggunakan Figma. Namun desainnya penuh teks panjang di setiap halaman. Masalah utama UX yang mungkin terjadi adalah …

• Efek loading lambat

• Kurangnya keterbacaan dan fokus pengguna

• Warna tidak harmonis

• Tombol sulit dipencet

• File Figma tidak tersimpan

Saat membuat prototype aplikasi jadwal kajian, santri perlu menghubungkan antar halaman agar interaktif. Fitur Figma yang digunakan adalah …

• Components

• Auto layout

• Prototyping

• Frame

• Constraints

Guru meminta desain aplikasi monitoring belajar santri harus konsisten di setiap layar. Agar lebih efisien, santri sebaiknya menggunakan fitur …

• Pen tool

• Components dan Variants

• Vector editing

• Auto animate

• Color picker

Untuk menampilkan versi mobile dan desktop aplikasi “E-Library As-Syifa”, siswa dapat memanfaatkan fitur …

• Vector grid

• Constraints & Auto layout

• Pen tools

• Export assets

• Team library

Seorang siswa ingin mendesain icon khusus untuk menu “Asrama Putra/Putri”. Tools Figma yang paling sesuai digunakan adalah …

• Pen tool & Vector network

• Text tool

• Auto layout

• Color style

• Prototype connector

Dalam mendesain dashboard akademik, siswa memerlukan sistem warna konsisten (misal: hijau untuk hafalan, biru untuk akademik, kuning untuk ekstrakurikuler). Figma menyediakan fitur …

• Team library – Color Styles

• Auto layout

• Constraints

• Vector editing

• Export PNG

Seorang santri membuat form input data siswa di aplikasi boarding. Agar mudah dipahami, ia menambahkan placeholder “Nama Lengkap Santri”. Prinsip yang diterapkan adalah …

• Affordance

• Visibility

• Feedback

• Mapping

• Heuristics